:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-width:min(1240px, calc(100vw - 32px));--panel:#071219b8;--panel-border:#a4e1f41f;--line:#ffffff14;--muted:#99adb7;--accent:#82ddf4;--accent-strong:#d4f7ff;--warm:#d39f6f;--private:#d48873;--success:#76d2be;--shadow:0 28px 80px #00000057;background:radial-gradient(circle at 0 0,#67bada29,#0000 28%),linear-gradient(#050d13 0%,#08131c 45%,#0a1117 100%);font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}#root,.app-shell{min-height:100vh}.topbar{z-index:30;width:var(--page-width);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:0 auto;padding:1rem 0;display:grid;position:sticky;top:0}.topbar-actions{justify-self:end;align-items:center;gap:.75rem;display:inline-flex}.brand{letter-spacing:.05em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(180deg, var(--accent-strong), var(--accent));border-radius:999px;width:.8rem;height:.8rem;box-shadow:0 0 24px #82ddf4a6}.topnav{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1rem;display:inline-flex}.topnav button{color:inherit;padding:0}.topnav a:hover,.topnav button:hover,.ghost-button:hover,.text-button:hover{color:var(--accent-strong)}.ghost-button,.icon-button{color:var(--muted)}.page-shell{width:var(--page-width);margin:0 auto;padding-bottom:4rem}.scene-page{min-height:100vh;position:relative}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.5rem;min-height:calc(100vh - 5rem);padding:1rem 0 2rem;display:grid}.hero-copy,.info-panel,.project-card,.static-scene-fallback,.project-index,.detail-panel,.scene-hud,.debug-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-copy{flex-direction:column;justify-content:center;padding:2rem;display:flex}.eyebrow,.panel-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:700}.hero-copy h1,.section-heading h2,.info-panel h2,.project-index h2,.detail-panel h2,.scene-hud h2,.debug-panel h2{letter-spacing:-.04em;margin:0;line-height:.92}.hero-copy h1{max-width:9ch;font-size:clamp(3.2rem,7vw,6rem)}.lede,.bio,.info-panel p,.project-card p,.project-index-item span,.overlay-description{color:var(--muted)}.bio{max-width:54ch}.hero-actions,.overlay-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.6rem;display:flex}.primary-button,.secondary-button,.ghost-button,.text-button,.route-line,.icon-button{transition:color .16s,background-color .16s,border-color .16s,transform .16s}.primary-button,.secondary-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.1rem;display:inline-flex}.primary-button{background:linear-gradient(#8ce0f738,#377c9329);border-color:#8ce0f747}.secondary-button{border-color:var(--line);background:#ffffff08}.hero-visual{min-height:680px;position:relative}.scene-shell,.static-scene-fallback{min-height:100%;overflow:hidden}.scene-shell canvas{border-radius:28px;display:block}.is-scene-mode .topbar{width:auto;margin:0;padding:1rem 0;position:fixed;top:0;left:max(20px,50vw + min(1400px,100vw - 40px)/-2);right:max(20px,50vw + min(1400px,100vw - 40px)/-2)}.is-scene-mode .scene-shell,.is-scene-mode .scene-shell canvas{border-radius:0;min-height:100vh}.scene-hud,.detail-panel{z-index:35;width:min(380px,100vw - 32px);padding:1.35rem;position:fixed}.debug-panel{top:5.6rem;left:max(16px, calc((100vw - var(--page-width)) / 2));z-index:36;overscroll-behavior:contain;scrollbar-gutter:stable;width:min(360px,100vw - 32px);max-height:calc(100vh - 7rem);padding:1.2rem;position:fixed;overflow:auto}.scene-hud{left:max(16px, calc((100vw - var(--page-width)) / 2));bottom:20px}.detail-panel{right:max(16px, calc((100vw - var(--page-width)) / 2));bottom:20px}.scene-hud p:last-child{color:var(--muted);margin-bottom:0}.scene-loader{z-index:42;opacity:1;background:radial-gradient(circle,#a9d7f31a,#081218f5),#081218;place-items:center;transition:transform .42s,opacity .42s;display:grid;position:fixed;inset:0;transform:translateY(0)}.scene-loader.is-exiting{opacity:0;transform:translateY(-100%)}.scene-loader-track{background:#addbef1a;border:1px solid #aae4f53d;border-radius:999px;width:min(440px,100vw - 56px);height:8px;overflow:hidden;box-shadow:0 12px 30px #0000002e,inset 0 0 0 1px #c4f1ff0f}.scene-loader-fill{transform-origin:0;background:linear-gradient(90deg,#78daf7 0%,#c3f7ff 50%,#78daf7 100%);width:100%;height:100%;animation:1.15s linear infinite scene-loader-glide;box-shadow:0 0 22px #78daf775}@keyframes scene-loader-glide{0%{filter:brightness(.95)}50%{filter:brightness(1.08)}to{filter:brightness(.95)}}.drone-hud-root{z-index:34;pointer-events:none;color:#b9f6ff;letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;position:fixed;inset:0}.drone-hud-vignette{background:radial-gradient(circle,#0000 48%,#06111614 67%,#06111642 100%),linear-gradient(#0a19201f,#0a19200a 22%,#0a192029);position:absolute;inset:0}.drone-hud-topline,.drone-hud-statusline,.drone-hud-heading,.drone-hud-side,.drone-hud-bottom{text-shadow:0 0 10px #5be9ff3d;position:fixed}.drone-hud-topline,.drone-hud-statusline{color:#bef9ffd1;align-items:center;gap:1.5rem;font-size:.7rem;display:flex;left:50%;transform:translate(-50%)}.drone-hud-topline{top:1.2rem}.drone-hud-statusline{bottom:1.2rem}.drone-hud-corner{filter:drop-shadow(0 0 10px #58e0ff29);border-style:solid;border-color:#75ebff6b;width:84px;height:84px;position:fixed}.drone-hud-corner-tl{border-width:2px 0 0 2px;top:1.2rem;left:1.2rem}.drone-hud-corner-tr{border-width:2px 2px 0 0;top:1.2rem;right:1.2rem}.drone-hud-corner-bl{border-width:0 0 2px 2px;bottom:1.2rem;left:1.2rem}.drone-hud-corner-br{border-width:0 2px 2px 0;bottom:1.2rem;right:1.2rem}.drone-hud-side{color:#c2f9ffe6;gap:.28rem;display:grid;top:50%;transform:translateY(-50%)}.drone-hud-side-left{justify-items:start;left:2rem}.drone-hud-side-right{justify-items:end;right:2rem}.drone-hud-side-label,.drone-hud-side-unit{color:#a6edf8a3;font-size:.62rem}.drone-hud-side-value,.drone-hud-heading,.drone-hud-readout strong{color:#e9feff;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1}.drone-hud-scale{gap:.42rem;margin-top:.75rem;display:grid}.drone-hud-scale span{background:#92f0ff57;width:32px;height:1px;display:block}.drone-hud-side-right .drone-hud-scale span{justify-self:end}.drone-hud-scale .is-major{background:#c6fcffd1;width:48px}.drone-hud-center{position:fixed;inset:0}.drone-hud-horizon{width:420px;height:180px;position:absolute;top:50%;left:50%}.drone-hud-horizon-line,.drone-hud-horizon-ladder{background:#82f2ffa8;height:1px;position:absolute;top:50%;box-shadow:0 0 14px #63e3ff29}.drone-hud-horizon-line-left{width:140px;left:0}.drone-hud-horizon-line-right{width:140px;right:0}.drone-hud-horizon-ladder-top{width:150px;top:calc(50% - 36px);left:135px}.drone-hud-horizon-ladder-bottom{width:150px;top:calc(50% + 36px);left:135px}.drone-reticle{filter:drop-shadow(0 0 14px #64dcff38);width:132px;height:132px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.drone-reticle-ring{border:1px solid #78e6ff6b;border-radius:50%;position:absolute;inset:0}.drone-reticle-dot{background:#dcfefff2;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #b9f7ff5c}.drone-reticle-crosshair{background:#c9f6ffe0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drone-reticle-crosshair-horizontal{width:54px;height:1px}.drone-reticle-crosshair-vertical{width:1px;height:54px}.drone-reticle-bracket{border-top:2px solid #bcfbffdb;border-bottom:2px solid #bcfbffdb;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.drone-reticle-bracket-left{border-left:2px solid #bcfbffdb;left:14px}.drone-reticle-bracket-right{border-right:2px solid #bcfbffdb;right:14px}.drone-hud-heading{font-size:.92rem;top:calc(50% - 128px);left:50%;transform:translate(-50%)}.drone-hud-bottom{align-items:center;gap:1.2rem;display:flex;bottom:3.35rem;left:50%;transform:translate(-50%)}.drone-hud-readout{gap:.3rem;min-width:74px;display:grid}.drone-hud-readout span{color:#a4e9f5a6;font-size:.62rem}.drone-hud-readout strong{font-size:.95rem}.drone-hud-readout-wide{min-width:280px}.drone-hud-readout-wide strong{font-size:.82rem}.debug-select-list{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.debug-select-button{border:1px solid var(--line);min-height:2.2rem;color:var(--muted);background:#ffffff08;border-radius:999px;padding:.45rem .8rem}.debug-select-button.is-active{color:var(--accent-strong);background:#82ddf414;border-color:#8ce0f752}.debug-description{color:var(--muted);margin:.9rem 0 0}.debug-section{gap:.7rem;margin-top:1.1rem;display:grid}.debug-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.debug-field{color:var(--muted);gap:.35rem;font-size:.82rem;display:grid}.debug-field input{border:1px solid var(--line);min-width:0;min-height:2.5rem;color:var(--accent-strong);background:#ffffff0a;border-radius:14px;padding:.55rem .7rem}.debug-readout{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin-top:1rem;padding:.8rem}.debug-readout code{white-space:pre-wrap;color:var(--accent-strong);font-size:.8rem;line-height:1.5;display:block}.debug-panel .overlay-actions{background:linear-gradient(#07121900,#071219f0 42%);margin-top:1rem;padding-top:1rem;padding-bottom:.1rem;position:sticky;bottom:0}.static-scene-fallback{background:radial-gradient(circle at top,#72cfe926,#0000 32%),linear-gradient(#071219e0,#080f16f5);flex-direction:column;justify-content:center;padding:2rem;display:flex}.fallback-list{color:var(--muted);margin:1.5rem 0 0;padding-left:1.1rem}.section,.split-section{padding-top:4rem}.section-heading{margin-bottom:1.4rem}.project-card-grid,.split-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.project-card,.info-panel{padding:1.5rem}.project-card h3{margin:1rem 0 .7rem;font-size:1.5rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-index{top:5.4rem;right:max(16px, calc((100vw - var(--page-width)) / 2));z-index:40;opacity:0;pointer-events:none;width:min(380px,100vw - 32px);max-height:calc(100vh - 7rem);padding:1.4rem;position:fixed;overflow:auto;transform:translate(calc(100% + 24px))}.project-index.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.project-index-list{gap:.85rem;margin-top:1.25rem;display:grid}.project-index-item,.route-line{text-align:left;border:1px solid var(--line);background:#ffffff08;border-radius:20px;gap:.55rem;width:100%;padding:1rem;display:grid}.project-index-item strong{font-size:1rem}.project-index-meta,.overlay-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pill,.stack-chip{border-radius:999px;align-items:center;min-height:1.8rem;padding:0 .68rem;font-size:.78rem;display:inline-flex}.pill{background:#ffffff0a;border:1px solid #ffffff14}.pill-public{color:var(--accent-strong)}.pill-private{color:var(--private)}.pill-coming-soon{color:#d6cc85}.project-status,.project-domain{color:var(--muted);font-size:.84rem}.stack-list{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.stack-chip{color:var(--accent-strong);background:#82ddf414}.overlay-description{margin-top:1rem}.route-panel{gap:.9rem;display:grid}.route-line{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.route-line span:first-child{color:var(--accent-strong)}.scene-label,.scene-note{color:var(--accent-strong);white-space:nowrap;background:#060d12eb;border:1px solid #a4e1f42e;border-radius:999px;padding:.35rem .6rem;font-size:.76rem}.scene-label.is-active{border-color:#d2f7ff66}.scene-note{color:#d0b7ff}.scene-note-warm{color:#ffd9a5}.scene-action-chip{color:var(--accent-strong);font:inherit;letter-spacing:.05em;text-transform:lowercase;cursor:pointer;background:#060d12f0;border:1px solid #a4e1f43d;border-radius:999px;padding:.42rem .76rem;font-size:.78rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 10px 24px #0003}.scene-action-chip:hover{border-color:#c4f4ff7a;transform:translateY(-1px);box-shadow:0 14px 26px #0000003d}.scene-action-chip-cyan{color:#b6f4ff;border-color:#6addff57;box-shadow:0 0 0 1px #5ad3ff0d,0 12px 28px #0000003d}.icon-button{font-size:1.8rem;line-height:1}@media (width<=1100px){.hero-grid,.project-card-grid,.split-section{grid-template-columns:1fr}.hero-visual{min-height:560px}}@media (width<=900px){.topbar{grid-template-columns:1fr;justify-items:start}.topbar-actions{flex-wrap:wrap;justify-self:start}.is-scene-mode .topbar{left:16px;right:16px}.topnav{justify-content:flex-start}.project-index,.detail-panel,.scene-hud,.debug-panel{width:calc(100vw - 32px);max-height:min(72vh,720px);top:auto;bottom:16px;right:16px}.scene-hud{left:16px}.debug-panel{left:16px;overflow:auto}.drone-hud-side-left{left:1rem}.drone-hud-side-right{right:1rem}.drone-hud-bottom{flex-wrap:wrap;justify-content:center;gap:.7rem;width:calc(100vw - 44px);bottom:3.7rem}.drone-hud-readout-wide{min-width:220px}.drone-hud-horizon{width:300px}.drone-hud-horizon-line-left,.drone-hud-horizon-line-right{width:94px}.drone-hud-horizon-ladder-top,.drone-hud-horizon-ladder-bottom{width:108px;left:96px}}@media (width<=640px){:root{--page-width:min(100vw - 20px, 1240px)}.hero-copy,.project-card,.info-panel,.static-scene-fallback,.project-index,.detail-panel,.scene-hud,.debug-panel{border-radius:22px}.hero-copy{padding:1.4rem}.hero-copy h1{max-width:none;font-size:clamp(2.7rem,15vw,4rem)}}