:root{--bg: #05060a;--fog: #070a14;--text: #f4f2ec;--muted: #8f96a8;--line: rgba(255, 255, 255, .1);--panel-bg: rgba(8, 10, 16, .82);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad: clamp(18px, 4vw, 56px);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}body.panel-open{overflow:hidden}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}:focus-visible{outline:1px solid var(--accent, var(--text));outline-offset:3px}a{color:inherit;text-decoration:none}.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);transition:opacity .6s var(--ease)}.boot.is-done{opacity:0;pointer-events:none}.boot__inner{width:min(360px,76vw)}.boot__mark{font-family:var(--font-display);font-weight:700;letter-spacing:.38em;font-size:13px;text-align:center;margin-bottom:22px}.boot__bar{height:2px;background:#ffffff1a;overflow:hidden}.boot__fill{display:block;height:100%;background:var(--accent-hq, #ff7a33);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}.boot__status{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.city-canvas{position:fixed;top:0;left:0;width:100%;height:100%;height:100lvh;display:block;z-index:0}.runway{position:relative;z-index:1;pointer-events:none}.frame{position:fixed;inset:0;z-index:3;pointer-events:none}.frame__edge{position:absolute;left:0;right:0;height:clamp(38px,7vh,74px);background:linear-gradient(to bottom,rgba(3,4,8,.92),transparent)}.frame__edge--bottom{bottom:0;background:linear-gradient(to top,rgba(3,4,8,.35),transparent);height:clamp(20px,4vh,44px)}.frame__edge--top{top:0}.frame__strut{position:absolute;top:0;bottom:0;width:clamp(30px,6vw,90px)}.frame__strut--left{left:0;background:linear-gradient(to right,rgba(3,4,8,.8),transparent)}.frame__strut--right{right:0;background:linear-gradient(to left,rgba(3,4,8,.8),transparent)}.frame__scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.016) 0 1px,transparent 1px 3px);mix-blend-mode:screen}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px var(--pad);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.topbar__nav{display:flex;gap:22px}.topbar__nav a{position:relative;color:var(--muted);transition:color .25s var(--ease)}.topbar__nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent, currentColor);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}.topbar__nav a:hover{color:var(--text)}.topbar__nav a:hover:after{transform:scaleX(1)}.topbar__cta{margin-left:auto;padding:8px 16px;border:1px solid var(--line);border-radius:999px;transition:border-color .25s var(--ease),background .25s var(--ease)}.topbar__cta:hover{border-color:var(--accent-hq, #ff7a33);background:#ff7a331a}@media(max-width:720px){.topbar__nav{display:none}}.labels{position:fixed;inset:0;z-index:12;pointer-events:none}.leaders{position:fixed;inset:0;z-index:11;width:100%;height:100%;pointer-events:none;overflow:visible}.leader{fill:none;stroke-width:1;opacity:0;transition:opacity .4s var(--ease)}.leader.is-visible{opacity:.55}.leader__node{opacity:0;pointer-events:none;cursor:pointer;stroke:#ffffffd9;stroke-width:1.5;paint-order:stroke;filter:drop-shadow(0 0 6px currentColor);transition:opacity .4s var(--ease),r .2s var(--ease)}.leader__node.is-visible{opacity:1;pointer-events:auto}.leader__node:hover{r:8}.callout{position:absolute;top:0;left:0;width:min(280px,62vw);display:flex;gap:12px;padding:14px 16px;text-align:left;font-family:var(--font-body);color:var(--text);background:#06080ec7;backdrop-filter:blur(10px) saturate(130%);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.callout.is-visible{opacity:1;pointer-events:auto}.callout.is-hovered,.callout:hover{background:#0a0d16eb;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px -12px var(--accent)}.callout__dot{width:8px;height:8px;margin-top:5px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.callout__body{display:flex;flex-direction:column;gap:3px;min-width:0}.callout__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--accent)}.callout__title{font-family:var(--font-display);font-size:15px;font-weight:500}.callout__tagline{font-size:12px;line-height:1.45;color:var(--muted)}@media(max-width:720px){.callout{width:min(240px,58vw);padding:11px 13px}.callout__tagline{display:none}}.intro{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;pointer-events:none;opacity:var(--intro-fade, 1);transform:translate3d(0,calc(var(--intro-lift, 0) * -46vh),0);will-change:transform,opacity}.intro__mark{margin:0;line-height:0;color:#fff}.intro__mark svg{display:block;width:clamp(200px,34vw,460px);height:auto;filter:drop-shadow(0 0 2px rgba(255,255,255,.5)) drop-shadow(0 0 26px rgba(150,190,255,.35))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.intro__tagline{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.intro__hint{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:var(--hint-fade, 1)}.intro__line{width:1px;height:34px;background:linear-gradient(to bottom,var(--muted),transparent)}.topbar{opacity:var(--chrome-fade, 0);transition:opacity .4s var(--ease)}.panel{position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr);place-items:end center}.panel[hidden]{display:none}.panel__scrim{position:absolute;inset:0;background:#0304088c;backdrop-filter:blur(14px) saturate(120%);opacity:0;transition:opacity .32s var(--ease)}.panel.is-open .panel__scrim{opacity:1}.panel__sheet{position:relative;width:min(1080px,100%);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;padding:clamp(24px,4vw,48px);background:var(--panel-bg);border-top:2px solid var(--accent);border-radius:10px 10px 0 0;transform:translateY(24px);opacity:0;transition:transform .42s var(--ease),opacity .32s var(--ease)}.panel.is-open .panel__sheet{transform:translateY(0);opacity:1}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.panel__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--accent);margin-bottom:8px}.panel__title{font-family:var(--font-display);font-size:clamp(24px,4vw,38px);font-weight:500;margin:0 0 6px;text-wrap:balance}.panel__tagline{margin:0;max-width:62ch;color:var(--muted);font-size:14px;line-height:1.55}.panel__close{flex:none;padding:8px 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease)}.panel__close:hover{color:var(--text);border-color:var(--accent)}.panel__close kbd{margin-left:10px;padding:1px 5px;font:inherit;font-size:9px;border:1px solid var(--line);border-radius:3px;opacity:.7}@media(hover:none){.panel__close kbd{display:none}}.panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.panel__item{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#ffffff05}.panel__item img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.panel__item figcaption{padding:12px 14px;font-size:13px;color:var(--muted)}.reel{--gap: 14px;display:grid;gap:22px;-webkit-touch-callout:none}.reel__row{display:flex;gap:var(--gap)}.reel__item{flex:var(--ar) 1 0;min-width:0;display:grid;align-content:start;gap:8px;padding:0;font:inherit;color:inherit;text-align:left;background:none;border:0;cursor:pointer}.reel__row--short .reel__item{flex:0 1 calc(var(--ar) * var(--row-h))}.reel__frame{position:relative;display:block;width:100%;aspect-ratio:var(--ar);overflow:hidden;border-radius:6px;background:#ffffff0a;outline:1px solid var(--line);outline-offset:-1px;transition:outline-color .25s var(--ease)}.reel__item:hover .reel__frame,.reel__item:focus-visible .reel__frame{outline-color:var(--accent)}.reel__item:focus-visible{outline:none}.reel__frame img,.reel__preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel__preview{opacity:0;transition:opacity .3s var(--ease)}.reel__frame.is-playing .reel__preview{opacity:1}.reel__play{position:absolute;left:12px;bottom:12px;width:30px;height:30px;border-radius:50%;background:#05060a8c;backdrop-filter:blur(6px);transition:opacity .25s var(--ease)}.reel__play:after{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--text)}.reel__frame.is-playing .reel__play{opacity:0}.reel__meta{display:flex;justify-content:space-between;gap:10px;font-size:13px}.reel__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel__time{flex:none;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.panel__gate{padding:28px;border:1px dashed var(--line);border-radius:8px;text-align:center}.panel__gate-mark{display:inline-block;padding:4px 10px;margin-bottom:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--accent);border:1px solid var(--accent);border-radius:999px}.panel__gate p{max-width:46ch;margin:0 auto 22px;color:var(--muted);line-height:1.6}.panel__cta{display:inline-block;padding:12px 24px;font-size:13px;border:1px solid var(--accent);border-radius:999px;transition:background .25s var(--ease)}.panel__cta:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.panel__sheet--studio .panel__head{margin-bottom:32px}.panel__sheet--studio .panel__title{max-width:14ch;margin-bottom:18px;font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.03em}.panel__sheet--studio .panel__tagline{max-width:58ch;font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:color-mix(in srgb,var(--text) 80%,transparent)}.studio__about{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,5vw,64px);align-items:start;margin-bottom:40px}.studio__makes{margin:0;font-family:var(--font-display);font-size:clamp(17px,1.7vw,20px);line-height:1.45;color:var(--muted)}.studio__service{color:var(--c);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,var(--c) 35%,transparent);text-underline-offset:.22em;transition:text-decoration-color .2s var(--ease)}.studio__service:hover,.studio__service:focus-visible{text-decoration-color:var(--c)}.studio__tools{margin:4px 0 0;padding-left:20px;border-left:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted)}.studio__run h3{margin:0 0 20px;font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text)}.studio__ruler,.studio__steps{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr))}.studio__ruler span{padding:0 0 9px 6px;border-left:1px solid var(--line);font-family:var(--font-mono);font-size:10px;line-height:1;color:color-mix(in srgb,var(--muted) 70%,transparent)}.studio__line{position:relative;height:2px;background:var(--line)}.studio__line:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 70%,transparent);transform-origin:left}.studio__head{position:absolute;top:-26px;bottom:-10px;left:100%;width:1px;background:var(--accent);opacity:0}.studio__head:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:7px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.studio__steps{margin:0;padding:0;list-style:none}.studio__step{position:relative;grid-column:var(--from) / var(--to);padding:26px 20px 0 0}.studio__key{position:absolute;top:-6px;left:-5px;width:10px;height:10px;background:var(--accent);border:1.5px solid var(--accent);transform:rotate(45deg)}.studio__day{display:none;margin-bottom:4px;font-family:var(--font-mono);font-size:10px;color:var(--accent)}.studio__step strong{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:19px;font-weight:500;color:var(--text)}.studio__step p{margin:0;max-width:32ch;font-size:13.5px;line-height:1.55;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.panel.is-open .studio__line:before{animation:studio-fill 1.6s linear .4s both}.panel.is-open .studio__head{animation:studio-play 1.6s linear .4s both}.panel.is-open .studio__key{animation:studio-key .25s ease-out both;animation-delay:calc(.4s + var(--at) * 1.6s)}}@keyframes studio-fill{0%{transform:scaleX(0)}}@keyframes studio-play{0%{left:0;opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes studio-key{0%{background:var(--bg);transform:rotate(45deg) scale(.8)}}@media(max-width:760px){.studio__about{grid-template-columns:1fr}.studio__tools{padding-left:0;border-left:0}.studio__ruler,.studio__line{display:none}.studio__steps{grid-template-columns:1fr;gap:24px;margin-left:5px;border-left:2px solid color-mix(in srgb,var(--accent) 70%,transparent)}.studio__step{grid-column:auto;padding:0 0 0 22px}.studio__key{top:3px;left:-6px}.studio__day{display:block}}.panel__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.panel__cta--primary{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:500}.panel__cta--primary:hover{background:color-mix(in srgb,var(--accent) 85%,white)}.copy{position:relative;display:inline-flex}.copy .panel__cta{font-family:inherit;cursor:pointer}.copy__tip{position:absolute;left:0;bottom:calc(100% + 10px);padding:8px 12px;white-space:nowrap;font-size:12px;color:var(--text);background:#161922;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px #00000073;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.copy__tip:before{content:"✓";margin-right:7px;color:var(--accent)}.copy__tip:after{content:"";position:absolute;top:100%;left:22px;border:6px solid transparent;border-top-color:#161922}.copy__tip.is-shown{opacity:1;transform:translateY(0)}.panel__brief{padding-top:22px;border-top:1px solid var(--line)}.panel__brief-label{display:block;margin-bottom:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.panel__brief ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted)}.panel__brief li:before{content:"";display:inline-block;width:5px;height:5px;margin-right:12px;vertical-align:2px;border-radius:50%;background:var(--accent)}.panel__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.gauge{position:fixed;top:50%;right:clamp(14px,2.2vw,30px);z-index:21;width:20px;height:min(46vh,380px);transform:translateY(-50%);opacity:var(--chrome-fade, 0);transition:opacity .4s var(--ease)}.gauge__track{position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:#ffffff1f}.gauge__fill{position:absolute;inset:0;background:#f4f2ec8c;transform-origin:50% 0;transform:scaleY(0)}.gauge__marker{position:absolute;left:50%;width:9px;height:1px;margin-left:-4.5px;background:var(--text);box-shadow:0 0 8px #f4f2ecb3}.gauge__tick{position:absolute;top:calc(var(--at) * 100%);left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0;background:none;border:0;cursor:pointer;color:var(--accent)}.gauge__tick:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffffff40;transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.gauge__tick.is-reached:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.gauge__tick.is-current:before{transform:scale(1.5)}.gauge__name{position:absolute;top:50%;right:100%;margin-right:8px;padding:3px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;white-space:nowrap;color:var(--text);background:#06080ed9;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:3px;transform:translate(6px,-50%);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}.gauge__tick:hover .gauge__name,.gauge__tick:focus-visible .gauge__name{opacity:1;transform:translateY(-50%)}@media(max-width:720px){.gauge{right:10px;height:34vh}.gauge__name{display:none}.gauge__tick{width:28px;height:28px;margin:-14px 0 0 -14px}}.landed{position:fixed;left:50%;bottom:clamp(18px,3.6vh,34px);z-index:21;display:flex;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding:9px 16px;color:var(--text);background:#06080eb8;backdrop-filter:blur(10px) saturate(130%);border:1px solid var(--line);border-radius:999px;transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease) .3s,transform .5s var(--ease) .3s}.landed__muted{color:var(--muted)}.landed a{color:var(--accent-hq, #ff7a33);border-bottom:1px solid currentColor}body.is-landed .landed{opacity:1;transform:translate(-50%);pointer-events:auto}body.panel-open .landed{opacity:0;pointer-events:none}.fallback{position:relative;z-index:20;max-width:720px;margin:0 auto;padding:22vh var(--pad) 12vh}.fallback h1{font-family:var(--font-display);font-size:clamp(32px,7vw,60px);margin:0 0 12px}.fallback p{color:var(--muted);margin:0 0 32px}.fallback ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.fallback li a{display:block;padding:20px 0;border-top:1px solid var(--line);transition:padding-left .3s var(--ease)}.fallback li a:hover{padding-left:12px}body.is-flat .frame,body.is-flat .hint,body.is-flat .labels,body.is-flat .leaders,body.is-flat .gauge,body.is-flat .landed{display:none}.fallback__cta{display:inline-block;margin-top:28px;padding:12px 24px;border:1px solid var(--accent-hq, #ff7a33);border-radius:999px}.debug{position:fixed;left:14px;bottom:14px;z-index:90;margin:0;padding:12px 14px;font-family:var(--font-mono);font-size:11px;line-height:1.65;color:#9dff6b;background:#000000d1;border:1px solid rgba(157,255,107,.3);border-radius:4px;pointer-events:none;white-space:pre}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}