.custom-banner-grid{margin-top:0}.custom-banner-grid__container{margin:0 auto;width:90%;max-width:1600px}.custom-banner-grid__wrapper{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.custom-banner-grid__item{position:relative;overflow:hidden;border-radius:.5rem;background:#fff}.custom-banner-grid__link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.custom-banner-grid__link:hover{transform:translateY(-2px)}.custom-banner-grid__image-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.custom-banner-grid__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}.custom-banner-grid__link:hover .custom-banner-grid__image{transform:scale(1.05)}.custom-banner-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.custom-banner-grid__placeholder svg{width:4rem;height:4rem;opacity:.3}.custom-banner-grid__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem 1.5rem 1.5rem;color:#fff}.custom-banner-grid__title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}@media screen and (min-width: 750px){.custom-banner-grid__wrapper{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.custom-banner-grid__item{border-radius:.75rem}.custom-banner-grid__image-wrapper{min-height:200px}.custom-banner-grid__overlay{padding:2.5rem 2rem 2rem}.custom-banner-grid__title{font-size:1.5rem}}@media screen and (min-width: 1200px){.custom-banner-grid__wrapper{gap:2.5rem;margin-top:2.5rem}.custom-banner-grid__item{border-radius:1rem}.custom-banner-grid__overlay{padding:3rem 2.5rem 2.5rem}.custom-banner-grid__title{font-size:1.75rem}}@media (prefers-reduced-motion: no-preference){.custom-banner-grid__item.scroll-trigger{transform:translateY(2rem);opacity:0;transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s cubic-bezier(.25,.46,.45,.94)}.custom-banner-grid__item.scroll-trigger.animate--slide-in{transform:translateY(0);opacity:1}}.custom-banner-grid__link:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.custom-banner-grid__link:focus:not(:focus-visible){outline:none}.custom-banner-grid__link:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-banner-grid.css.map */