.hero-parallax{position:relative;overflow:hidden;display:flex;align-items:flex-end;width:100%;aspect-ratio:var(--hero-parallax-aspect-ratio, 16 / 9);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.hero-parallax--sticky{position:sticky;top:0}.hero-parallax-sticky-wrap{position:relative;z-index:1;--sticky-reveal-distance: 0 !important}.hero-parallax-sticky-wrap:after{content:"";display:block;height:var(--sticky-reveal-distance, 40vh)}.hero-parallax__media-wrap{position:absolute;inset-inline:0;inset-block-start:50%;height:calc(100% + var(--parallax-scale, 1.25) * 100% - 100%);transform:translateY(-50%);will-change:transform}.hero-parallax__media-wrap--static{inset-block-start:0;height:100%;transform:none}.hero-parallax__media{width:100%;height:100%;border-radius:0}.hero-parallax__media img,.hero-parallax__media video{width:100%;height:100%;object-fit:contain;object-position:center center}.hero-parallax__content{position:relative;z-index:2;width:100%;padding:6.4rem calc(var(--page-gutter) * 1.5);display:flex;flex-direction:column;pointer-events:none}.hero-parallax__content a{pointer-events:auto}.hero-parallax__subheading{color:rgb(var(--color-heading-text));font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:var(--letter-spacing-medium);text-transform:uppercase;margin:0 0 2rem}.hero-parallax__heading{margin:0 0 1.6rem}.hero-parallax__heading p{color:rgb(var(--color-heading-text));font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * var(--h2-multiplier));font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--line-height-static-xs);letter-spacing:var(--font-heading-letter-spacing);margin:0}.hero-parallax__entry{margin:0 0 2.4rem;color:rgb(var(--color-foreground))}.hero-parallax__button{display:inline-flex;flex-flow:row wrap;gap:var(--spacing-2)}@media screen and (min-width:990px){.hero-parallax__heading p{font-size:calc(var(--font-heading-scale) * var(--h1-multiplier))}}@media(prefers-reduced-motion:reduce){.hero-parallax__media-wrap{transform:none!important;height:100%;inset-block-start:0}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-hero-parallax.css.map */