.hero{--hero-bg:#050508;--hero-card:#12121a;--hero-border:#ffffff14;--hero-text:#f0f0f5;--hero-dim:#f0f0f594;--hero-pink:#ff0073;--hero-cyan:#38bdf8;--hero-nav:72px;--hero-gutter:clamp(20px,4.4vw,72px);--opening-shift:6.5vw;--opening-feather:2.6;--wall-start:30%;--portrait-start:42%;--portrait-x:76%;--hero-h1-size:clamp(52px,7.4vw,148px);--loop-size:min(100vw,50svh);z-index:1;background:var(--hero-bg);color:var(--hero-text);position:relative}.hero-track{position:relative}html[data-hero=live] .hero-track{height:calc(100svh + var(--scrub))}.hero-stage{height:100svh;min-height:640px;position:relative;overflow:hidden}html[data-hero=live] .hero-stage{position:sticky;top:0}.hero-film-layer{z-index:1;background:#000;position:absolute;inset:0;overflow:hidden}.hero-still,.hero-film{width:100%;height:100%;position:absolute;inset:0}.hero-film{z-index:3;object-fit:cover;width:100%;height:100%;display:block}.hero-film-edge{z-index:4;width:calc(var(--opening-shift)*var(--opening-feather));transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000b8 26%,#0000004d 56%,#0000 100%);position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.hero-still{z-index:1}.hero-still-img{object-fit:cover;object-position:64% 40%;width:100%;height:100%;display:block}html:not([data-hero=live]) .hero-film-layer{display:none}.hero-veil{z-index:2;pointer-events:none;opacity:.3;background:radial-gradient(62% 84% at 20%,#050508f5,#0505089e 40%,#05050829 70%,#0000 100%);position:absolute;inset:0}html:not([data-hero=live]) .hero-veil{display:none}.hero-copy{left:var(--hero-gutter);z-index:6;pointer-events:none;width:min(27vw,420px);position:absolute;top:0;bottom:0}.hero-beat,.hero-final{width:100%;padding-top:var(--hero-nav);position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-beat{opacity:0;visibility:hidden}html[data-hero=live] .hero-beat--opening{opacity:1;visibility:visible}.hero-final{opacity:0;visibility:hidden;pointer-events:auto}html:not([data-hero=live]) .hero-copy{left:20px;right:20px;top:calc(var(--hero-nav) + var(--loop-size)*.72);flex-direction:column;justify-content:center;width:auto;padding:8px 0 96px;display:flex;bottom:0}html:not([data-hero=live]) .hero-beat--opening{opacity:1;visibility:visible;width:auto;padding-top:0;display:block;position:static;transform:none}html:not([data-hero=live]) .hero-beat:not(.hero-beat--opening),html:not([data-hero=live]) .hero-final{display:none}html:not([data-hero=live]) .hero-h1{margin-bottom:20px;font-size:clamp(34px,min(12vw,6.2svh),64px)}html:not([data-hero=live]) .hero-sub{max-width:30ch;margin-bottom:0;font-size:15px}.hero-eyebrow{font-family:var(--font-jetbrains),monospace;letter-spacing:.22em;color:var(--hero-dim);align-items:center;gap:10px;margin:0 0 18px;font-size:.68rem;display:flex}.hero-eyebrow:before{content:"";background:var(--hero-pink);width:6px;height:6px;box-shadow:0 0 10px var(--hero-pink);border-radius:50%}.hero-line{font-family:var(--font-outfit),sans-serif;letter-spacing:.14em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(26px,2.5vw,44px);font-weight:500;line-height:1.18}.hero-beat .hero-eyebrow{display:none}.hero-beat--opening{top:var(--hero-nav);flex-direction:column;justify-content:center;width:44vw;padding-top:0;display:flex;bottom:0;transform:none}.hero-beat--zoom{left:calc(21vw - var(--hero-gutter));width:36vw;padding-top:0;top:auto;bottom:8vh;transform:none}.hero-beat--models{left:calc(50vw - var(--hero-gutter));text-align:center;width:60vw;top:0;transform:translate(-50%)}.hero-beat--models .hero-line{font-size:clamp(20px,1.9vw,34px)}.hero-beat--models .hero-beat-sub{margin:10px auto 0}.hero-beat--prompt{width:34vw;top:0;transform:none}.hero-beat--prompt .hero-line{font-size:clamp(20px,1.9vw,34px)}.hero-line-row{display:block}.hero-beat-sub{color:#f0f0f5b8;max-width:34ch;margin:22px 0 0;font-size:clamp(15px,1.1vw,18px);font-weight:300;line-height:1.55}.hero-chip{font-family:var(--font-jetbrains),monospace;letter-spacing:.06em;color:#f0f0f5e6;background:#0a0a10b3;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;margin:22px 0 0;padding:9px 16px;font-size:.72rem;display:inline-flex}.hero-chip-mark{background:var(--hero-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--hero-cyan);border-radius:50%}.hero-h1{font-family:var(--font-anton),Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:var(--hero-h1-size);letter-spacing:.005em;text-transform:uppercase;margin:0 0 26px;line-height:.88}.hero-h1-line{white-space:nowrap;display:block}.hero-h1-line--accent{color:var(--hero-pink)}.hero-h{font-family:var(--font-outfit),sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(28px,2.7vw,48px);font-weight:500;line-height:1.18}.hero-accent{font-style:normal}.hero-h1--loose .hero-char{will-change:transform,opacity;display:inline-block}.hero-h1--loose .hero-char--space{width:.26em}.hero-sub{color:#f0f0f5bd;max-width:38ch;margin:0 0 30px;font-size:clamp(16px,1.15vw,19px);font-weight:300;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-cta,.hero-cta-ghost{border-radius:12px;align-items:center;gap:8px;padding:14px 26px;font-size:1rem;text-decoration:none;display:inline-flex}.hero-hint{z-index:6;pointer-events:none;justify-content:center;margin:0;display:flex;position:absolute;bottom:30px;left:0;right:0}.hero-hint-line{background:linear-gradient(#0000,#f0f0f5e6);width:1px;height:36px;animation:2.2s ease-in-out infinite hero-hint}@keyframes hero-hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (max-height:700px){html:not([data-hero=live]) .hero{--loop-size:min(100vw,46svh)}html:not([data-hero=live]) .hero-hint{bottom:22px}html:not([data-hero=live]) .hero-hint-line{height:24px}html:not([data-hero=live]) .hero-copy{padding-bottom:68px}}@media (min-width:700px) and (min-aspect-ratio:1){html:not([data-hero=live]) .hero-copy{padding-bottom:0}}@media (max-width:1200px){.hero-copy{width:30vw}.hero-line{font-size:clamp(22px,2.4vw,36px)}}@media (min-width:700px) and (min-aspect-ratio:1){html:not([data-hero=live]) .hero{--loop-size:min(50vw,100svh - var(--hero-nav))}html:not([data-hero=live]) .hero-copy{left:var(--hero-gutter);width:calc(var(--loop-size) - var(--hero-gutter));right:auto;top:var(--hero-nav);padding-bottom:0}}@media (max-width:899px){.hero-stage{min-height:100svh}.hero-h{letter-spacing:.14em;font-size:clamp(22px,6.4vw,34px)}.hero-sub{max-width:40ch;font-size:15px}.hero-cta,.hero-cta-ghost{padding:12px 20px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.hero-hint-line{animation:none}}
.hero-frames{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-frame{opacity:0;visibility:hidden;margin:0;position:absolute;inset:0}.hero-frame--first{opacity:1;visibility:visible}.hero-frame[data-frame="01"]{mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent var(--portrait-start),#000 calc(var(--portrait-start) + 14%));-webkit-mask-image:linear-gradient(to right,transparent var(--portrait-start),#000 calc(var(--portrait-start) + 14%));mask-image:linear-gradient(to right,transparent var(--portrait-start),#000 calc(var(--portrait-start) + 14%))}.hero-frame[data-frame="01"] .hero-frame-img{transform:translateX(var(--opening-shift))}.hero-frame-img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.hero-frame[data-frame=consistency] .hero-frame-img,.hero-frame[data-frame=editor] .hero-frame-img{object-position:50% 85%}.hero-open{z-index:3;opacity:0;visibility:hidden;pointer-events:none;background:#000;position:absolute;inset:0;overflow:hidden}.hero-open-planet{will-change:transform;position:absolute;inset:0}.hero-open-video{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block}.hero-horizon{z-index:4;opacity:0;visibility:hidden;pointer-events:none;background:#050508;position:absolute;inset:0;overflow:hidden}.hero-horizon-picture{position:absolute;inset:0}.hero-horizon-img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;display:block}.hero-close-pos{padding-top:var(--hero-nav);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-close{text-align:center;pointer-events:auto;opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:26px;display:flex}.hero-close-logo{width:clamp(220px,20vw,320px);height:auto;display:block}.hero-end{font-family:var(--font-jetbrains),monospace;letter-spacing:.44em;text-transform:uppercase;white-space:nowrap;color:#f0f0f5e6;margin:0;font-size:clamp(.78rem,1.05vw,1rem)}.hero-close .hero-ctas{justify-content:center;margin-top:6px}.hero-ruler{--ruler-bow:9px;right:var(--hero-gutter);z-index:6;pointer-events:none;width:12px;height:min(34vh,330px);position:absolute;top:50%;transform:translateY(-50%)}.hero-ruler-ticks{margin:0;padding:0;list-style:none;position:absolute;inset:0}.hero-ruler-tick{width:5px;height:1px;transform:translate(calc(-1*var(--ruler-bow)*sin(var(--t,0)*180deg)),-50%);background:#f0f0f547;position:absolute;right:0}.hero-ruler-tick--major{background:#f0f0f580;width:12px;height:1px}.hero-ruler-tick[data-passed=true]{background:#f0f0f5d9}.hero-ruler-mark{background:var(--hero-pink);width:18px;height:2px;box-shadow:0 0 10px var(--hero-pink);transform:translate(calc(-1*var(--ruler-bow)*sin(var(--t,0)*180deg)),-50%);position:absolute;top:0;right:-3px}.hero-lattice-backdrop{background:var(--hero-bg);position:absolute;inset:0}.hero-opening-loop{width:56vw;position:absolute;top:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 55%,#0000 100%)}.hero-opening-poster{position:absolute;inset:0}.hero-opening-poster-img,.hero-opening-loop-video{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.hero-opening-loop-video{position:absolute;inset:0}.hero-lattice{--wall-mask:linear-gradient(to right,transparent calc(var(--wall-start) - 4%),#000 calc(var(--wall-start) + 4%));-webkit-mask-image:var(--lattice-mask),var(--wall-mask);-webkit-mask-size:cover,100% 100%;-webkit-mask-position:calc(50% + var(--opening-shift))50%,0 0;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--lattice-mask),var(--wall-mask);mask-image:var(--lattice-mask),var(--wall-mask);-webkit-mask-size:cover,100% 100%;mask-size:cover,100% 100%;-webkit-mask-position:calc(50% + var(--opening-shift))50%,0 0;mask-position:calc(50% + var(--opening-shift))50%,0 0;--field-bg:#08080d;--field-card:#12121a;--field-border:#ffffff14;--field-text:#f0f0f5;--field-dim:#8f8fa8;--field-cyan:#38bdf8;--field-pink:#ff0073;--field-gold:#c98a3b;--field-scale:1;perspective:1200px;perspective-origin:64% 48%;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-lattice[data-sweep=true]{z-index:2;-webkit-mask-image:var(--wall-mask);-webkit-mask-image:var(--wall-mask);mask-image:var(--wall-mask)}html:not([data-hero=live]) .hero-frame,html:not([data-hero=live]) .hero-open,html:not([data-hero=live]) .hero-horizon,.hero-portrait{display:none}html:not([data-hero=live]) .hero-portrait{pointer-events:none;height:50svh;-webkit-mask-image:var(--portrait-mask);-webkit-mask-position:70%;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--portrait-mask);mask-image:var(--portrait-mask);display:block;position:absolute;bottom:0;left:0;right:0;-webkit-mask-position:70%;mask-position:70%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-portrait-img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;display:block}html:not([data-hero=live]) .hero-ruler{transition:opacity .4s;position:fixed;right:14px}html:not([data-hero=live]) .hero-ruler[data-done=true]{opacity:0}html:not([data-hero=live]) .hero-opening-loop{top:var(--hero-nav);bottom:auto;left:max(0px,calc(50% - var(--loop-size)/2));width:var(--loop-size);height:var(--loop-size);-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}html:not([data-hero=live]) .hero-lattice,html:not([data-hero=live]) .hero-lattice[data-sweep=true]{z-index:auto;top:calc(var(--hero-nav) + var(--loop-size)*.62);perspective:1000px;perspective-origin:50% 24%;-webkit-mask-image:none;mask-image:none}html:not([data-hero=live]) .hero-lattice .lattice{height:auto;inset:0}@media (min-width:700px) and (min-aspect-ratio:1){html:not([data-hero=live]) .hero-opening-loop{height:calc(100svh - var(--hero-nav));left:0;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000 100%);mask-image:linear-gradient(90deg,#000 60%,#0000 100%)}html:not([data-hero=live]) .hero-lattice,html:not([data-hero=live]) .hero-lattice[data-sweep=true],html:not([data-hero=live]) .hero-portrait{top:var(--hero-nav);left:40%}html:not([data-hero=live]) .hero-lattice,html:not([data-hero=live]) .hero-lattice[data-sweep=true]{-webkit-mask-image:var(--lattice-mask);-webkit-mask-size:cover;-webkit-mask-position:var(--portrait-x)50%;-webkit-mask-image:var(--lattice-mask);mask-image:var(--lattice-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:var(--portrait-x)50%;mask-position:var(--portrait-x)50%}html:not([data-hero=live]) .hero-portrait{height:auto;-webkit-mask-image:var(--portrait-mask),linear-gradient(to right,transparent,#000 18%);-webkit-mask-size:cover,100% 100%;-webkit-mask-position:var(--portrait-x)50%,0 0;-webkit-mask-composite:source-in;-webkit-mask-image:var(--portrait-mask),linear-gradient(to right,transparent,#000 18%);mask-image:var(--portrait-mask),linear-gradient(to right,transparent,#000 18%);-webkit-mask-size:cover,100% 100%;mask-size:cover,100% 100%;-webkit-mask-position:var(--portrait-x)50%,0 0;mask-position:var(--portrait-x)50%,0 0;-webkit-mask-composite:source-in;mask-composite:intersect}html:not([data-hero=live]) .hero-portrait-img{object-position:var(--portrait-x)50%}}
.hero-story{--story-col:min(100%,640px);z-index:2;background:var(--hero-bg);position:relative}html[data-hero=live] .hero-story{display:none}.hero-story-beat{width:var(--story-col);margin:0 auto;padding:0 0 60px}.hero-story-picture{aspect-ratio:var(--crop,4/5);background:#000;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.hero-story-img,.hero-story-video{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;display:block}.hero-story-picture>picture{display:block;position:absolute;inset:0}.hero-story-video{position:absolute;inset:0}.hero-story-words{margin-top:-6px;padding:0 20px}.hero-story .hero-eyebrow{margin-bottom:14px}.hero-story-line{font-family:var(--font-outfit),sans-serif;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(21px,5.8vw,30px);font-weight:500;line-height:1.2}.hero-story-line-row{display:block}.hero-story .hero-beat-sub{max-width:40ch;margin-top:14px;font-size:15px}.hero-story .hero-chip{margin-top:18px}.hero-story-beat--open .hero-story-picture{-webkit-mask-image:none;mask-image:none}.hero-story-beat--open .hero-story-words{z-index:1;margin:0;position:absolute;top:30px;left:0;right:0}.hero-story-beat--open{position:relative}.hero-story-final{min-height:100svh;padding:calc(var(--hero-nav) + 6vh)20px 56px;flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.hero-story-final-picture{z-index:0;position:absolute;inset:0}.hero-story-final-img{object-fit:cover;object-position:50% 70%;width:100%;height:100%;display:block}.hero-story-final-scrim{z-index:0;background:linear-gradient(#050508e6 0%,#0505088c 40%,#0505080a 66%,#05050859 100%);position:absolute;inset:0}.hero-story-final-copy{z-index:1;width:var(--story-col);margin:0 auto;position:relative}.hero-story-final .hero-eyebrow{margin-bottom:16px}@media (min-width:900px){.hero-story-final-img{object-position:64% 40%}.hero-story-final-scrim{background:linear-gradient(90deg,#050508d6 0%,#05050880 36%,#0505080f 60%),linear-gradient(#0000 62%,#0505088c)}.hero-story-final{justify-content:center}.hero-story-final-copy{width:min(44vw,720px);margin:0}}@supports (animation-timeline:view()){.hero-story-beat,.hero-story-final-copy{animation:linear both hero-story-in;animation-timeline:view();animation-range:entry entry 40%}}@keyframes hero-story-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-story-beat,.hero-story-final-copy{animation:none}}