.hero-banner-wrapper{overflow:hidden}.hero-banner{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.hero-banner__media{position:relative;order:2;width:100%;aspect-ratio:4 / 5}.hero-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-banner__content{position:relative;order:1;display:flex;justify-content:center;padding:2.8rem 2rem 2.4rem;background:var(--hero-banner-mobile-band-color, #1f2a17)}.hero-banner__text-box{position:static;width:100%;max-width:40rem;text-align:center}.hero-banner__heading{margin:0;color:#fff;font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,6vw,2.8rem);line-height:1.1;letter-spacing:.02em}.hero-banner__heading-line{display:block}.hero-banner__subheading{margin:1rem 0 0;color:#fff;font-size:clamp(1.3rem,3vw,1.5rem);line-height:1.4}.hero-banner__subheading p{margin:0}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;margin-top:1.6rem;padding:1rem 2.6rem;border:.15rem solid #ffffff;border-radius:999px;background:transparent;color:#fff;font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:background-color .2s ease,color .2s ease}.hero-banner__button:hover{background:#fff;color:#111}@media screen and (min-width:750px){.hero-banner{display:block;min-height:56rem}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;order:initial;width:100%;height:100%;aspect-ratio:auto}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;order:initial;padding:0;background:none;pointer-events:none}.hero-banner__text-box{position:absolute;top:var(--hero-banner-text-position, 20%);left:50%;transform:translate(-50%);width:min(64rem,calc(100% - 4rem));max-width:none;padding:2rem 2.4rem;border-radius:1.2rem;background:rgba(0,0,0,var(--hero-banner-overlay-opacity, .25));pointer-events:auto}.hero-banner__heading{font-size:clamp(2.8rem,5vw + 1rem,5.6rem);line-height:1.05}.hero-banner__subheading{margin-top:1.2rem;font-size:clamp(1.4rem,1vw + 1.1rem,1.8rem)}.hero-banner__button{margin-top:2rem;padding:1.2rem 3.2rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-banner.css.map */