.hero{position:relative;z-index:var(--z-content);min-height:100svh;margin-top:calc(var(--header-h) * -1);display:flex;align-items:center;justify-content:center;overflow:hidden;overflow:clip}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--overlay-hero)}.hero__media .placeholder:before,.hero__media .placeholder:after{content:none}.hero__content:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;z-index:-1;background:radial-gradient(ellipse at center,#0b0b0bb8,#0b0b0b73 45%,#0b0b0b00 72%);pointer-events:none}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding-block:var(--space-8);text-align:center}.hero__title{display:flex;justify-content:center;width:100%}.hero__logo3d{width:var(--logo-hero-w);max-width:100%;aspect-ratio:2400 / 1314;max-height:var(--logo-hero-max-h);perspective:var(--logo-3d-perspective)}.hero__logo3d-spin{width:100%;height:100%;transform-style:preserve-3d}@supports (animation-timeline: scroll()){.hero__logo3d-spin{animation:logo3d-scroll-turn linear both;animation-timeline:scroll(root block);animation-range:0 var(--logo-scroll-turn-range)}}@keyframes logo3d-scroll-turn{to{transform:rotateY(360deg)}}.hero__logo3d-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:logo3d-sway var(--dur-logo-sway) var(--ease-sway) infinite alternate}.hero__logo3d-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:translateZ(var(--layer-z));opacity:var(--layer-dim);backface-visibility:visible}@keyframes logo3d-sway{0%{transform:rotateX(var(--logo-3d-tilt)) rotateY(calc(var(--logo-3d-sway) * -1))}to{transform:rotateX(var(--logo-3d-tilt)) rotateY(var(--logo-3d-sway))}}@media(prefers-reduced-motion:reduce){.hero__logo3d-stage{animation:none;transform:rotateX(var(--logo-3d-tilt)) rotateY(calc(var(--logo-3d-sway) * -1))}.hero__logo3d-spin{animation:none}}.hero__logo3d{display:none}.hero__title.has-logo3d .hero__logo3d{display:block}.hero__title.has-logo3d .hero__wordmark--fallback{display:none}.hero__wordmark{width:var(--logo-hero-w);height:auto;max-height:var(--logo-hero-max-h);object-fit:contain}.hero__cta{min-width:15rem}.hero__media,.hero__wordmark,.hero__cta{opacity:0;transition:opacity var(--dur-load-image) var(--ease)}.hero.is-loaded .hero__media{opacity:1}.hero.is-loaded .hero__wordmark{opacity:1;transition-delay:var(--delay-load-logo)}.hero.is-loaded .hero__cta{opacity:1;transition-delay:var(--delay-load-cta)}html.no-js .hero__media,html.no-js .hero__wordmark,html.no-js .hero__cta{opacity:1}@media(prefers-reduced-motion:reduce){.hero__media,.hero__wordmark,.hero__cta{opacity:1;transition:none}}.hero--flight{display:block;min-height:0;height:calc(var(--flight-screens, 3) * 100svh);overflow:visible}.hero__stage{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow:clip;background-color:var(--ink)}.hero__frame{position:absolute;top:50%;left:var(--flight-focus-x);translate:calc(var(--flight-focus-x) * -1) -50%;aspect-ratio:16 / 9;min-width:100%;min-height:100%}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.hero--flight .hero__overlay{background-color:var(--overlay-hero-flight)}.hero--flight .hero__content:before{content:none}.hero.hero--flight .hero__cta{transition:opacity var(--dur-reveal) var(--ease-out),translate var(--dur-reveal) var(--ease-out),scale var(--dur-reveal) var(--ease-out),visibility var(--dur-reveal)}.hero--flight:not(.is-landed) .hero__cta{opacity:0;visibility:hidden;translate:0 var(--reveal-shift);scale:var(--flight-pop-scale)}.hero--flight.is-static,html.no-js .hero--flight{height:auto}.hero--flight.is-static .hero__stage,html.no-js .hero--flight .hero__stage{position:relative}html.no-js .hero--flight .hero__cta{opacity:1;visibility:visible;translate:none;scale:none}@media(prefers-reduced-motion:reduce){.hero.hero--flight .hero__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/s-03-hero.css.map */