.banner-grid{width:100%}.banner-grid__wrapper{display:grid;gap:1rem;width:100%}.banner-grid__item{position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:rgba(var(--color-foreground),.04);transition:transform var(--duration-default) ease}.banner-grid__link{display:block;width:100%;height:100%;text-decoration:none}.banner-grid__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default) ease}.banner-grid__link:hover .banner-grid__image{transform:scale(1.05)}.banner-grid__link:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.banner-grid__wrapper{grid-template-columns:1fr 1fr;grid-template-areas:"banner1 banner1" "banner2 banner3" "banner4 banner5" "banner4 banner6";gap:1rem}.banner-grid__item--1{grid-area:banner1;aspect-ratio:770/426}.banner-grid__item--2{grid-area:banner2;aspect-ratio:385/206}.banner-grid__item--3{grid-area:banner3;aspect-ratio:385/206}.banner-grid__item--4{grid-area:banner4;aspect-ratio:385/632}.banner-grid__item--5{grid-area:banner5;aspect-ratio:385/406}.banner-grid__item--6{grid-area:banner6;aspect-ratio:385/206}@media screen and (min-width: 990px){.banner-grid__wrapper{display:grid;grid-template-columns:385fr 385fr 385fr 385fr;grid-template-rows:426fr 206fr;grid-template-areas:"banner1 banner1 banner4 banner5" "banner2 banner3 banner4 banner6";gap:1rem}.banner-grid__item--1{grid-area:banner1}.banner-grid__item--2{grid-area:banner2}.banner-grid__item--3{grid-area:banner3}.banner-grid__item--4{grid-area:banner4}.banner-grid__item--5{grid-area:banner5}.banner-grid__item--6{grid-area:banner6}.banner-grid__item--1,.banner-grid__item--2,.banner-grid__item--3,.banner-grid__item--4,.banner-grid__item--5,.banner-grid__item--6{aspect-ratio:unset}}@media screen and (max-width: 749px){.banner-grid__wrapper{gap:.8rem}}@media (prefers-reduced-motion: reduce){.banner-grid__image,.banner-grid__item{transition:none}}@media (prefers-contrast: high){.banner-grid__item{border:.1rem solid rgba(var(--color-foreground),.2)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-banner-grid.css.map */