.hero{--hero-height: 20rem;--hero-dark: var(--color-button);position:relative;display:grid;grid-template-areas:"stack";grid-template-columns:minmax(0,1fr);isolation:isolate}.hero--contained{overflow:hidden;border-radius:var(--media-radius)}.hero__media,.hero__content{grid-area:stack;min-width:0}.hero__media{position:relative;min-height:var(--hero-height);overflow:hidden;background:var(--color-background-secondary)}.hero__media>img,.hero__media>picture,.hero__media>picture>img,.hero__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--overlay-color-custom, rgb(0 0 0));opacity:var(--overlay-opacity, 0);pointer-events:none}.hero--height-small{--hero-height: 18rem}.hero--height-medium{--hero-height: 24rem}.hero--height-large{--hero-height: 30rem}.hero--height-full{--hero-height: calc(100svh - var(--header-offset, 0px))}.hero--height-full.hero--mobile-below{--hero-height: 70svh}.hero--height-adapt .hero__media{min-height:0;aspect-ratio:var(--hero-ratio-mobile, 1)}@media screen and (min-width:750px){.hero--height-small{--hero-height: 28rem}.hero--height-medium{--hero-height: 36rem}.hero--height-large{--hero-height: 44rem}.hero--height-full,.hero--height-full.hero--mobile-below{--hero-height: calc(100svh - var(--header-offset, 0px))}.hero--height-adapt .hero__media{aspect-ratio:var(--hero-ratio, 1.7778)}}@media screen and (min-width:1200px){.hero--height-large{--hero-height: 48rem}}.hero__content{position:relative;z-index:2;display:flex;padding:clamp(1.25rem,.5rem + 3.5vw,4rem);pointer-events:none}.hero__inner{width:100%;max-width:40rem;pointer-events:auto}.hero--style-panel .hero__inner{max-width:42rem}.hero__heading{text-wrap:balance}.hero__text{max-width:34rem;font-size:calc(var(--font-size-body) * 1.1)}.content--center .hero__text{margin-inline:auto}.content--right .hero__text{margin-left:auto}.hero__buttons{margin-top:var(--space-xs)}.hero--style-media.hero--text-light.hero--mobile-overlay .hero__inner{--color-text: rgb(255 255 255);--color-text-muted: rgb(255 255 255 / .85);--color-accent: rgb(255 255 255);--color-background: var(--hero-dark);--color-button: rgb(255 255 255);--color-button-text: var(--hero-dark);--color-button-secondary: rgb(255 255 255);color:var(--color-text)}@media screen and (min-width:750px){.hero--style-media.hero--text-light .hero__inner{--color-text: rgb(255 255 255);--color-text-muted: rgb(255 255 255 / .85);--color-accent: rgb(255 255 255);--color-background: var(--hero-dark);--color-button: rgb(255 255 255);--color-button-text: var(--hero-dark);--color-button-secondary: rgb(255 255 255);color:var(--color-text)}}@media screen and (max-width:749px){.hero--mobile-below{grid-template-areas:"media" "content"}.hero--mobile-below .hero__media{grid-area:media}.hero--mobile-below .hero__content{grid-area:content;padding:0}.hero--mobile-below .hero__inner{max-width:none}.hero--mobile-below.hero--style-media{overflow:visible;border-radius:0}.hero--mobile-below.hero--style-media.hero--contained .hero__media{border-radius:var(--media-radius)}.hero--mobile-below.hero--style-media .hero__content{padding-top:var(--space-l)}.hero--mobile-below.hero--style-panel .hero__inner{border-radius:0;padding:var(--space-xl) var(--space-m)}.hero--mobile-overlay .hero__content{padding:var(--space-m)}.hero--mobile-overlay.hero--style-panel .hero__inner{padding:var(--space-l) var(--space-m)}}.hero .video-bg__toggle{z-index:3}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */