.hero{position:relative;display:grid;color:var(--color-text);isolation:isolate}.hero--medium{min-height:60vh}.hero--large{min-height:80vh}.hero--viewport{min-height:100svh}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.hero__image,.hero__video,.hero__image img{width:100%;height:100%;object-fit:cover;display:block}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color, #1E1B18);opacity:var(--overlay-opacity, .3)}.hero__content-wrap{display:flex;width:100%;padding-block:var(--space-8)}.hero__content{max-width:40rem;display:flex;flex-direction:column;gap:var(--space-4)}.hero__headline>*{margin:0;font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:clamp(2.5rem,1.6rem + 4vw,5rem);line-height:1.02;letter-spacing:var(--display-letter-spacing);text-transform:var(--display-transform)}.hero__subheadline{margin:0;font-family:var(--font-body);font-weight:var(--font-body-weight-light);font-size:clamp(1rem,.9rem + .6vw,1.25rem);max-width:32rem}.hero__cta-wrap{margin-top:var(--space-2)}.hero--pos-top-left .hero__content-wrap,.hero--pos-top-center .hero__content-wrap,.hero--pos-top-right .hero__content-wrap{align-items:flex-start}.hero--pos-middle-left .hero__content-wrap,.hero--pos-middle-center .hero__content-wrap,.hero--pos-middle-right .hero__content-wrap{align-items:center}.hero--pos-bottom-left .hero__content-wrap,.hero--pos-bottom-center .hero__content-wrap,.hero--pos-bottom-right .hero__content-wrap{align-items:flex-end}.hero--pos-top-center .hero__content,.hero--pos-middle-center .hero__content,.hero--pos-bottom-center .hero__content{margin-inline:auto;text-align:center;align-items:center}.hero--pos-top-right .hero__content,.hero--pos-middle-right .hero__content,.hero--pos-bottom-right .hero__content{margin-left:auto;text-align:right;align-items:flex-end}.hero__image--mobile{display:none}.gsap-ready .hero__content[data-hero-stagger] [data-hero-item]{opacity:0;transform:translateY(24px)}@media(max-width:749px){.hero--large{min-height:70vh}.hero--viewport{min-height:90svh}.hero__image--desktop{display:none}.hero__image--mobile{display:block}.hero--pos-middle-right .hero__content,.hero--pos-top-right .hero__content,.hero--pos-bottom-right .hero__content{margin-left:0;text-align:left;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hero__video{display:none}.gsap-ready .hero__content[data-hero-stagger] [data-hero-item]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-hero-banner.css.map */