.banner-grid__wrapper{display:grid;gap:.6rem;grid-template-columns:1fr}.banner-grid__item{position:relative;display:block;overflow:hidden;border-radius:.8rem;background-color:#f5f5f5}.banner-grid__item--vertical{aspect-ratio:1 / 1}.banner-grid__item--horizontal{aspect-ratio:2 / 1}@media screen and (min-width: 750px){.banner-grid__wrapper{grid-template-columns:1fr 1fr;gap:.8rem}}@media screen and (min-width: 990px){.banner-grid__wrapper{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}.banner-grid__item--vertical{grid-row:span 2}.banner-grid__item--horizontal{grid-column:3;aspect-ratio:unset}}@media screen and (min-width: 1200px){.banner-grid__wrapper{gap:1.2rem}}.banner-grid__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.banner-grid__image-wrapper--desktop{display:none}.banner-grid__image-wrapper--mobile{display:block}@media screen and (min-width: 990px){.banner-grid__image-wrapper--desktop{display:block}.banner-grid__image-wrapper--mobile{display:none}}.banner-grid__image{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}.banner-grid__image--top{object-position:center top}.banner-grid__image--bottom{object-position:center bottom}.banner-grid__image--left{object-position:left center}.banner-grid__image--right{object-position:right center}.banner-grid__image--contain{object-fit:contain}.banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.banner-grid__item--overlay .banner-grid__overlay{background-color:#0006}.banner-grid__item--gradient-bottom .banner-grid__overlay{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.banner-grid__item--gradient-left .banner-grid__overlay{background:linear-gradient(to right,rgba(0,0,0,.5) 0%,transparent 70%)}.banner-grid__content{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;padding:1.5rem;pointer-events:none}@media screen and (min-width: 750px){.banner-grid__content{padding:2rem}}@media screen and (min-width: 990px){.banner-grid__content{padding:2.4rem}}.banner-grid__content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.banner-grid__content--top-center{justify-content:flex-start;align-items:center;text-align:center}.banner-grid__content--top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.banner-grid__content--center-left{justify-content:center;align-items:flex-start;text-align:left}.banner-grid__content--center{justify-content:center;align-items:center;text-align:center}.banner-grid__content--center-right{justify-content:center;align-items:flex-end;text-align:right}.banner-grid__content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.banner-grid__content--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.banner-grid__content--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.banner-grid__content--light .banner-grid__subheading,.banner-grid__content--light .banner-grid__heading,.banner-grid__content--light .banner-grid__text{color:#fff}.banner-grid__content--dark .banner-grid__subheading,.banner-grid__content--dark .banner-grid__heading,.banner-grid__content--dark .banner-grid__text{color:rgb(var(--color-foreground-title))}.banner-grid__subheading{margin-bottom:.4rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}@media screen and (min-width: 990px){.banner-grid__subheading{font-size:1.2rem;margin-bottom:.5rem}}.banner-grid__heading{margin:0 0 .5rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);line-height:1.1;letter-spacing:-.01em}.banner-grid__heading.h1{font-size:2.4rem}.banner-grid__heading.h2{font-size:2rem}.banner-grid__heading.h3{font-size:1.6rem}.banner-grid__heading.h4{font-size:1.4rem}@media screen and (min-width: 750px){.banner-grid__heading.h1{font-size:3rem}.banner-grid__heading.h2{font-size:2.4rem}.banner-grid__heading.h3{font-size:2rem}.banner-grid__heading.h4{font-size:1.6rem}}@media screen and (min-width: 990px){.banner-grid__heading.h1{font-size:3.4rem}.banner-grid__heading.h2{font-size:2.6rem}.banner-grid__heading.h3{font-size:2rem}.banner-grid__heading.h4{font-size:1.6rem}}@media screen and (min-width: 1200px){.banner-grid__heading.h1{font-size:3.8rem}.banner-grid__heading.h2{font-size:2.8rem}.banner-grid__heading.h3{font-size:2.2rem}}.banner-grid__text{margin:0 0 .8rem;font-size:1.4rem;line-height:1.4;max-width:32ch;opacity:.9}@media screen and (min-width: 990px){.banner-grid__text{font-size:1.5rem}}.banner-grid__button{margin-top:.8rem;pointer-events:auto;font-weight:600;font-size:1.3rem;transition:transform .15s ease}@media screen and (min-width: 990px){.banner-grid__button{font-size:1.4rem;margin-top:1rem}}.banner-grid__button:hover{transform:translate(2px)}.banner-grid__content--light .banner-grid__button.button--simple-move{color:#fff}.banner-grid__content--light .banner-grid__button.button--simple-move:after{background-color:#fff}.banner-grid__button.button--simple-move{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.banner-grid__button.button--primary{padding:1rem 2rem;border-radius:.5rem}@media screen and (min-width: 990px){.banner-grid__button.button--primary{padding:1.2rem 2.4rem}}.banner-grid__link:empty{position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.banner-grid__link:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-2px;border-radius:.8rem}.banner-grid__item:focus-within{outline:2px solid rgb(var(--color-button));outline-offset:2px}.banner-grid__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.banner-grid__item:hover{cursor:pointer}.banner-grid__item:hover .banner-grid__image{transform:scale(1.03)}.banner-grid__badge{display:inline-block;align-self:flex-start;padding:.4rem .8rem;margin-bottom:.8rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background-color:#c41230;color:#fff;border-radius:.3rem}@media screen and (min-width: 990px){.banner-grid__badge{font-size:1.1rem;padding:.5rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/section-banner-grid.css.map */