.banner-grid-section{padding-block:2rem;display:flex;flex-direction:column;align-items:center}.banner-grid-section__heading-wrap{width:var(--bg-width);max-width:var(--bg-width);margin-bottom:1.5rem;text-align:center}.banner-grid-section__container{width:var(--bg-width);max-width:var(--bg-width)}.banner-grid{display:flex;flex-direction:column;gap:var(--bg-gap);width:100%}.banner-grid__row{display:flex;align-items:stretch;gap:var(--bg-gap);width:100%}.banner-grid__item{position:relative;display:block;overflow:hidden;border-radius:var(--bg-radius);background:#00000008;text-decoration:none;color:inherit;flex:var(--bg-item-ratio, 1.78) 1 0%;aspect-ratio:var(--bg-item-ratio, 1.78);min-width:0}.banner-grid__media{position:relative;width:100%;height:100%}.banner-grid__image{width:100%;height:100%;object-fit:cover;display:block}.banner-grid__image--mobile{display:none}.banner-grid__placeholder{width:100%;height:100%}.banner-grid__placeholder-svg{width:100%;height:100%;object-fit:cover}.banner-grid__caption{position:absolute;display:flex;flex-direction:column;gap:.35rem;padding:clamp(1rem,3%,2rem);max-width:70%;pointer-events:none}.banner-grid__caption--top-left{top:0;left:0;align-items:flex-start;text-align:left}.banner-grid__caption--top-right{top:0;right:0;align-items:flex-end;text-align:right}.banner-grid__caption--bottom-left{bottom:0;left:0;align-items:flex-start;text-align:left}.banner-grid__caption--bottom-right{bottom:0;right:0;align-items:flex-end;text-align:right}.banner-grid__subheading{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.banner-grid__heading-text{margin:0;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:700;line-height:1.15}.banner-grid__caption--light .banner-grid__subheading,.banner-grid__caption--light .banner-grid__heading-text{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}.banner-grid__caption--dark .banner-grid__subheading,.banner-grid__caption--dark .banner-grid__heading-text{color:#1a1a1a;text-shadow:0 1px 6px rgba(255,255,255,.35)}@media screen and (max-width:749px){.banner-grid-section__heading-wrap,.banner-grid-section__container{width:92vw;max-width:92vw}.banner-grid__row{flex-direction:column}.banner-grid__item{flex:none;width:100%}.banner-grid__image--desktop{display:none}.banner-grid__image--mobile{display:block}.banner-grid__item:not(:has(.banner-grid__image--mobile)) .banner-grid__image--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-banner-grid.css.map */