.hero-animation{--hero-center-text-start: clamp(6rem, calc(35vh - 5rem) , 20rem);--section-space-bottom: var(--section-space-small);--section-space-top: 0;background:var(--color-dark-900)}.hero-animation .sequence{display:block;max-width:none;padding-inline:0;width:100%}.hero-animation .scroll-indicator{background-color:var(--color-highlight-300);block-size:2.5rem;border-radius:50%;display:none;inline-size:2.5rem;inset-block-end:0;inset-inline:0;margin-inline:auto;margin-bottom:var(--section-padding-large);overflow:hidden;place-items:center;pointer-events:none;position:fixed;z-index:11}@media(min-width:1200px){.hero-animation .scroll-indicator{display:grid}}@media(prefers-reduced-motion:reduce){.hero-animation .scroll-indicator{will-change:auto}}.hero-animation .scroll-indicator-icon{color:var(--color-dark-900);display:grid;inline-size:.75rem;place-items:center}.hero-animation .scroll-indicator-icon svg{block-size:auto;display:block;inline-size:100%}.hero-animation .scroll-track{height:calc(var(--hero-scroll-track-height-vh, 500) * 1svh);position:relative}.hero-animation .stage{display:grid;height:100dvh;overflow:hidden;place-items:center;position:sticky;top:0;width:100%}.hero-animation .stage .scroll-progress-bar{block-size:5px;inline-size:100%;inset-block-end:0;inset-inline:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.hero-animation .stage .scroll-progress-bar .scroll-progress-fill{background-color:var(--color-highlight-300);block-size:100%;display:block;inline-size:0;max-inline-size:100%}.hero-animation[data-hide-scroll-progress-bar] .stage .scroll-progress-bar{display:none}.hero-animation .canvas-wrap,.hero-animation .overlays{grid-area:1 / 1;height:100dvh;min-height:0;place-self:stretch stretch;width:100%}.hero-animation .canvas-wrap{max-width:var(--hero-max-width, none);position:relative;width:100%;z-index:0}@media(max-width:749px){.hero-animation .canvas-wrap{max-width:none}}.hero-animation .canvas-backdrop{display:none;pointer-events:none}@media(max-width:749px){.hero-animation .canvas-backdrop{background:linear-gradient(to top,rgb(0 0 0 / 55%) 0%,rgb(0 0 0 / 35%) 40%,transparent 72%);display:block;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:1}@media(prefers-reduced-motion:reduce){.hero-animation .canvas-backdrop{transition:none}}}@media(max-width:749px){.hero-animation .canvas-wrap.is-mobile-backdrop-visible .canvas-backdrop{opacity:1}}.hero-animation canvas{display:block;height:100%;position:relative;width:100%;z-index:0}.hero-animation .overlays{display:flex;flex-direction:column;max-width:var(--hero-max-width, none);pointer-events:none;width:100%;z-index:1}.hero-animation .overlays:after{content:"";flex:1 1 auto;min-height:0;order:1}@media(min-width:750px){.hero-animation .overlays{align-items:start;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;min-height:0}.hero-animation .overlays:after{display:none}}.hero-animation .hero-logo{margin-top:var(--section-padding-large);opacity:1;order:0;pointer-events:none;width:100%;will-change:opacity,transform}.hero-animation .hero-logo.is-logo-hidden{visibility:hidden}@media(prefers-reduced-motion:reduce){.hero-animation .hero-logo{will-change:auto}}@media(min-width:750px){.hero-animation .hero-logo{grid-column:2;grid-row:1;place-self:start center}}.hero-animation .hero-logo svg,.hero-animation .hero-logo .logo-image{display:block;height:auto;margin-inline:auto;width:10rem}.hero-animation .overlay{color:var(--color-light-100);display:none;flex-direction:column;gap:var(--space-6);max-width:min(31.25rem,100%);opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}@media(prefers-reduced-motion:reduce){.hero-animation .overlay{transition:none}.hero-animation .overlay.overlay-has-text .text .line{opacity:1;transform:none}}.hero-animation .overlay:not(.is-visible){display:none}.hero-animation .overlay.is-visible{display:flex;opacity:1;pointer-events:auto;visibility:visible}.hero-animation .overlay.is-text-exiting{display:flex;opacity:1;pointer-events:none;visibility:visible}.hero-animation .overlay.overlay-has-text{transition:none}.hero-animation .overlay.overlay-has-text.is-visible .actions{opacity:0}.hero-animation .overlay.overlay-has-text.is-visible.is-text-animated .actions{opacity:1}.hero-animation .overlay.overlay-text-element{align-self:stretch;flex-shrink:0;order:2;padding-inline:var(--site-margin);text-align:left;width:100%}@media(max-width:749px){.hero-animation .overlay[data-scene-index="1"][data-scene-key$=-title],.hero-animation .overlay[data-scene-index="1"][data-scene-key$=-content]{align-items:center;max-width:100%;text-align:center}:is(.hero-animation .overlay[data-scene-index="1"][data-scene-key$=-title],.hero-animation .overlay[data-scene-index="1"][data-scene-key$=-content]) .actions{justify-content:center}}@media(min-width:750px){.hero-animation .overlay[data-scene-key$=-title]{grid-column:1;justify-self:start;padding-inline:var(--site-margin) var(--space-4);text-align:left;width:auto}}@media(min-width:750px){.hero-animation .overlay[data-scene-index="1"][data-scene-key$=-title]{grid-column:1 / 3;max-width:min(37.5rem,100%)}}@media(min-width:750px){.hero-animation .overlay[data-scene-key$=-content]{grid-column:3;justify-self:end;padding-inline:var(--space-4) var(--site-margin);text-align:left;width:auto}}@media(max-width:749px){.hero-animation .overlay[data-vertical-alignment-mobile=middle]{align-self:stretch;margin-bottom:auto;margin-top:auto;padding-top:0}}@media(min-width:750px){.hero-animation .overlay[data-vertical-alignment-desktop=middle],.hero-animation .overlay[data-vertical-alignment-desktop=center]{align-self:start;grid-row:2;margin-top:var(--hero-center-text-start)}}@media(max-width:749px){.hero-animation .overlay[data-vertical-alignment-mobile=bottom]{align-self:stretch;justify-content:flex-end;order:2}}@media(min-width:750px){.hero-animation .overlay[data-vertical-alignment-desktop=bottom]{align-self:stretch;grid-row:2;justify-content:flex-end;max-height:100%;min-height:0;overflow:visible;padding-bottom:var(--section-padding-large)}.hero-animation .overlay[data-vertical-alignment-desktop=bottom] .actions{margin-bottom:0}}@media(max-width:749px){.hero-animation .overlay[data-vertical-alignment-mobile=top]{align-self:flex-start;order:-1;padding-top:var(--space-4)}}@media(min-width:750px){.hero-animation .overlay[data-vertical-alignment-desktop=top]{align-self:start;grid-row:2;margin-top:var(--section-padding-large)}}@media(max-width:749px){.hero-animation .overlay:has(.overlay-text-element.is-visible[data-vertical-alignment-mobile=middle]):after{display:none}}.hero-animation .overlay .text{margin:0}.hero-animation .overlay .text .line-wrap{display:block;overflow:hidden}.hero-animation .overlay .text .line{display:block;will-change:transform}.hero-animation .overlay .text.heading-xl{font-size:2.25rem;margin-bottom:var(--space-6)}@media(min-width:750px){.hero-animation .overlay .text.heading-xl{margin-bottom:0}}@media(min-width:1440px){.hero-animation .overlay .text.heading-xl{font-size:var(--font-size-heading-xl)}}.hero-animation .overlay .text.b-main{font-size:1rem}@media(min-width:1440px){.hero-animation .overlay .text.b-main{font-size:var(--font-size-b-main)}}.hero-animation .overlay .actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media(max-width:749px){.hero-animation .overlay .actions{padding-bottom:var(--space-8)}}@media(min-width:750px){.hero-animation .overlay .actions{justify-content:flex-start}}@media(max-width:749px){.hero-animation .overlay[data-scene-index="2"] .actions,.hero-animation .overlay[data-scene-index="3"] .actions{justify-content:flex-start}}@media(min-width:750px){.hero-animation .overlay[data-scene-key$=-content] .actions{justify-content:flex-start}}@media(min-width:750px)and (max-height:700px){.hero-animation .overlay[data-vertical-alignment-desktop=bottom]{padding-bottom:var(--space-6)}.hero-animation .overlay .text.heading-xl{font-size:var(--font-size-fixed-28);margin-bottom:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-animation.css.map */