.banner-grid__wrapper{display:grid;gap:2.4rem}@media (min-width: 990px){.banner-grid__wrapper{gap:3.2rem 2.4rem}}.banner-grid__wrapper.card-2{grid-template-columns:repeat(2,1fr)}.banner-grid__wrapper.card-2 .banner-grid__promo{grid-column:span 2}@media (min-width: 750px){.banner-grid__wrapper.card-2{grid-template-columns:repeat(4,1fr)}.banner-grid__wrapper.card-2 .banner-grid__promo{grid-row:span 2}}.banner-grid__wrapper.card-3{grid-template-columns:repeat(2,1fr)}.banner-grid__wrapper.card-3 .banner-grid__promo{grid-column:span 2}@media (min-width: 576px){.banner-grid__wrapper.card-3{grid-template-columns:repeat(3,1fr)}.banner-grid__wrapper.card-3 .banner-grid__promo{grid-column:span 3}}@media (min-width: 990px){.banner-grid__wrapper.card-3{grid-template-columns:repeat(5,1fr)}.banner-grid__wrapper.card-3 .banner-grid__promo{grid-row:span 2;grid-column:span 2}}.banner-grid__wrapper.card-4{grid-template-columns:repeat(2,1fr)}.banner-grid__wrapper.card-4 .banner-grid__promo{grid-column:span 2}@media (min-width: 750px){.banner-grid__wrapper.card-4{grid-template-columns:repeat(4,1fr)}.banner-grid__wrapper.card-4 .banner-grid__promo{grid-column:span 4}}@media (min-width: 990px){.banner-grid__wrapper.card-4{grid-template-columns:repeat(6,1fr)}.banner-grid__wrapper.card-4 .banner-grid__promo{grid-row:span 2;grid-column:span 2}}@media (min-width: 750px){.banner-grid__wrapper.promo-position-right.card-2 .banner-grid__promo{grid-column:span 2/span 2;grid-row:span 2/span 2;grid-column-start:3;grid-row-start:1}}@media (min-width: 990px){.banner-grid__wrapper.promo-position-right.card-3 .banner-grid__promo{grid-column:span 2/span 2;grid-row:span 2/span 2;grid-column-start:4;grid-row-start:1}}@media (min-width: 990px){.banner-grid__wrapper.promo-position-right.card-4 .banner-grid__promo{grid-column:span 2/span 2;grid-row:span 2/span 2;grid-column-start:5;grid-row-start:1}}.banner-grid__promo{position:relative;height:auto;width:100%;border-radius:var(--border-radius-main);overflow:hidden;display:flex;align-items:center}.banner-grid__promo-img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.banner-grid__promo-img img,.banner-grid__promo-img svg,.banner-grid__promo-img video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;position:relative}.banner-grid__promo-img__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgb(var(--color-overlay));opacity:var(--opacity-overlay)}.banner-grid__promo-content{padding:2rem;text-align:center;width:100%;height:100%;pointer-events:none;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}@media screen and (min-width: 750px){.banner-grid__promo-content{padding:3.6rem 2rem}}@media (min-width: 1100px){.banner-grid__promo-content{padding:7.2rem 4.8rem}}.banner-grid__promo-content__heading{max-width:90%;margin:0 auto}@media (min-width: 576px){.banner-grid__promo-content__heading{max-width:36rem}}@media (min-width: 990px){.banner-grid__promo-content__heading{max-width:40rem}}@media (min-width: 576px){.banner-grid__promo-content__heading.medium{max-width:60%}}@media (min-width: 750px){.banner-grid__promo-content__heading.medium{max-width:90%}}@media (min-width: 990px){.banner-grid__promo-content__heading.medium{max-width:56rem}}.banner-grid__promo-content__text{opacity:.8;max-width:36rem}.banner-grid__promo-content.text-bottom .banner-grid__promo-content__heading,.banner-grid__promo-content.text-bottom .banner-grid__promo-content__text{margin-top:auto}.banner-grid__promo:after{content:"";display:block;width:0;padding-bottom:calc(100% / (var(--aspect-ratio)))}.banner-grid__card{position:relative}.banner-grid__card:hover .banner-grid__card-img:after{opacity:1}.banner-grid__card-img{position:relative;aspect-ratio:var(--aspect-ratio)}.banner-grid__card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;opacity:0;transition:opacity .3s ease}.banner-grid__card-img img,.banner-grid__card-img svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius-main)}.banner-grid__card-link{margin-top:1.4rem;position:relative;z-index:3}@media (prefers-reduced-motion: no-preference){.banner-grid .scroll-trigger.animate--slide-in-text.scroll-trigger--visible{opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-banner-grid.css.map */