.hero{position:relative;height:100svh;max-height:100svh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-text-primary)}.hero__media,.hero__media-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__media-layer--desktop{display:none}.hero__media-layer--mobile{display:block}.hero__video,.hero__image,.hero__placeholder{width:100%;height:100%;object-fit:cover}.hero__media-layer .hero__placeholder{display:block}.hero__placeholder{opacity:.4}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(0,0,0,var(--hero-overlay-opacity, .45));display:block!important}.hero__content{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.hero__wrapper{width:100%;max-width:32rem;margin:0 auto;text-align:center}.hero__eyebrow{color:#ffffffbf}.hero .hero__heading{font-family:var(--font-brand-heading);color:#fff;font-size:clamp(4rem,8vw,5.6rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin:0 0 2rem}.hero .hero__subheading{color:#ffffffe6;font-size:clamp(1.4rem,3.5vw,1.8rem);line-height:1.5;margin:0 auto 2.4rem;max-width:32rem}.hero__buttons{margin-top:0;flex-direction:column;align-items:stretch;width:100%;max-width:36rem;margin-left:auto;margin-right:auto;gap:1.2rem}.hero .cta{width:100%;border-radius:0;font-weight:600}.hero .cta.cta--light:hover{background-color:transparent;color:var(--color-cta-text);border-color:var(--color-cta-text)}.hero .cta.cta--outline-light:hover{background-color:var(--color-cta-text);color:var(--color-cta-bg);border-color:var(--color-cta-text)}@media screen and (min-width:750px){.hero__media-layer--desktop{display:block}.hero__media-layer--mobile{display:none}.hero__content{padding:3.2rem;justify-content:flex-start}.hero__wrapper{max-width:56rem;margin:0;text-align:left}.hero .hero__subheading{max-width:48rem;margin:0 0 3.2rem}.hero__buttons{flex-direction:row;flex-wrap:wrap;align-items:center;width:auto;max-width:none;margin-left:0;margin-right:0;gap:1.2rem}.hero .cta{width:auto;flex:0 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */
