:root{--space: #010208;--space-2: #050913;--ink: #f7fbff;--muted: #aab7d4;--cold: #89b4ff;--violet: #8f63ff;--orange: #ff8a3d;--gold: #ffd6a3;--panel: rgba(5, 7, 13, .72);--panel-strong: rgba(5, 7, 13, .9);--line: rgba(247, 251, 255, .24);--line-strong: rgba(247, 251, 255, .58);--font-display: "JetBrainsMono Nerd Font", "JetBrains Mono Nerd Font", "JetBrains Mono", monospace;--font-body: "JetBrainsMono Nerd Font", "JetBrains Mono Nerd Font", "JetBrains Mono", monospace;--font-mono: "JetBrainsMono Nerd Font", "JetBrains Mono Nerd Font", "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;color-scheme:dark}body{margin:0;min-height:100%;overflow:hidden;background:var(--space);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;transform:translateY(-160%);border:1px solid var(--ink);background:var(--ink);color:var(--space);padding:.75rem 1rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}.skip-link:focus{transform:translateY(0)}#app,#space-canvas,.webgl-fallback,.mobile-unsupported{position:fixed;inset:0}#space-canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at center,#030510,#010208 72%)}.cold-open,.scene-labels,.story-nav-shell,.loading-screen,.webgl-fallback,.mobile-unsupported{user-select:none;-webkit-user-select:none}#app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 44%,transparent 0 22%,rgba(1,2,8,.12) 44%,rgba(1,2,8,.88) 100%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 4px;mix-blend-mode:normal;opacity:.82}#app:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.8'/%3E%3C/svg%3E");opacity:.035}.webgl-fallback,.mobile-unsupported{z-index:3;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 30% 20%,rgba(255,138,61,.28),transparent 38%),radial-gradient(circle at 70% 70%,rgba(137,180,255,.26),transparent 42%),var(--space)}.mobile-unsupported{z-index:25;text-align:left}.webgl-fallback>div,.mobile-unsupported>div{max-width:42rem}.mobile-unsupported a{display:inline-flex;min-height:42px;align-items:center;margin-top:1.5rem;border:1px solid var(--gold);background:var(--gold);color:var(--space);padding:.65rem .85rem;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}.mobile-blocked .skip-link,.mobile-blocked #space-canvas,.mobile-blocked #portfolio-content{display:none}.cold-open,.story-nav-shell,.story-nav,.mission-panel,.scene-label{pointer-events:auto}.kicker,.scene-label,.core-prompt,.story-nav-trigger,.story-nav button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.cold-open{position:fixed;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}.core-prompt{position:relative;min-width:11rem;min-height:44px;transform:translateY(8.5rem);border:1px solid rgba(255,214,163,.5);background:#01020873;color:#ffd6a3eb;padding:.8rem 1rem;font-size:.62rem;backdrop-filter:blur(10px);box-shadow:0 0 36px #ff8a3d2e;animation:core-prompt-pulse 2.8s ease-in-out infinite;pointer-events:auto}.story-awakened .core-prompt{opacity:0;visibility:hidden;animation:none;pointer-events:none}@keyframes core-prompt-pulse{0%,to{opacity:.58;transform:translateY(8.5rem) scale(1)}50%{opacity:1;transform:translateY(8.25rem) scale(1.03)}}.kicker{margin:0 0 .75rem;color:var(--gold);font-size:.68rem;font-weight:700}.webgl-fallback h1,.mobile-unsupported h1{margin:0;max-width:10ch;color:var(--ink);font-family:var(--font-display);font-size:clamp(4.25rem,13vw,9.5rem);line-height:.86;text-shadow:0 0 34px rgba(137,180,255,.28)}.webgl-fallback p:not(.kicker),.mobile-unsupported p:not(.kicker){max-width:36rem;margin:1rem 0 0;color:var(--muted);font-size:1.12rem}.story-nav-shell{position:fixed;right:1.25rem;bottom:1.25rem;z-index:8;display:grid;justify-items:end;gap:.65rem;transform:translateY(160%);opacity:0;transition:transform .42s ease,opacity .42s ease}.story-awakened .story-nav-shell{transform:translateY(0);opacity:1}.story-nav-trigger{min-height:42px;border:0;border-bottom:1px solid rgba(255,214,163,.58);background:transparent;color:#ffd6a3e6;padding:.2rem 0;font-size:.62rem;text-shadow:0 0 18px rgba(255,138,61,.32)}.story-nav-trigger:hover{color:var(--ink);border-bottom-color:var(--ink)}.story-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:min(34rem,calc(100vw - 2.5rem));transform:translateY(.7rem);opacity:0;visibility:hidden;transition:transform .16s ease,opacity .16s ease,visibility .16s ease}.story-nav-shell.is-open .story-nav{transform:translateY(0);opacity:1;visibility:visible}.story-nav button{min-height:42px;border-color:var(--line);border-style:solid;border-width:1px;background:#0102088f;color:var(--ink);padding:.65rem .78rem;backdrop-filter:blur(14px);font-size:.64rem}.story-nav button:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 24px #ff8a3d40}.seo-content{position:absolute;left:-999rem;width:1px;height:1px;overflow:hidden}.loading-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:var(--space);transition:opacity .4s ease,visibility .4s ease}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-bar{width:min(18rem,70vw);height:2px;margin-top:.75rem;background:#f7fbff24;overflow:hidden}.loading-bar span{display:block;width:48%;height:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:load-sweep 1.4s linear infinite}@keyframes load-sweep{0%{transform:translate(-100%)}to{transform:translate(240%)}}.scene-labels{position:fixed;inset:0;z-index:6;pointer-events:none}.scene-label{position:absolute;left:0;top:0;min-height:32px;border:1px solid color-mix(in srgb,var(--node-glow),transparent 18%);background:#05070d9e;color:var(--ink);padding:.45rem .65rem;font-size:.58rem;backdrop-filter:blur(10px);box-shadow:0 0 22px color-mix(in srgb,var(--node-glow),transparent 70%);opacity:0;transition:opacity .36s ease,border-color .18s ease,box-shadow .18s ease}.scene-label[data-node-id=identity],.story-awakened .scene-label{opacity:1}.story-awakened .scene-label[data-node-id=identity]{opacity:.34}.scene-label:before{content:"";position:absolute;left:-18px;top:50%;width:14px;border-top:1px solid var(--node-glow)}.mission-panel{position:fixed;z-index:9;top:50%;right:clamp(1rem,3vw,2.5rem);bottom:auto;width:min(38rem,calc(100vw - 2rem));max-height:min(82vh,52rem);overflow:auto;transform:translate(calc(100% + 3rem),-50%);border:1px solid var(--line-strong);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),var(--panel);background-size:100% 4px,auto;backdrop-filter:blur(20px);padding:clamp(1rem,3vw,2rem);transition:transform .24s ease}.mission-panel.is-open{transform:translateY(-50%)}.panel-close{position:sticky;top:0;float:right;min-height:40px;border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);padding:.55rem .7rem;font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.mission-panel h2{margin:0 0 1rem;max-width:11ch;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.6rem);line-height:.92}.mission-panel h3{margin:0;font-family:var(--font-display);font-size:1.55rem;line-height:1.04}.panel-lede,.project-card p{color:var(--muted);font-size:1rem}.project-grid{display:grid;gap:.9rem}.project-card{border:1px solid var(--line);background:#f7fbff09;padding:1rem}.project-card:hover{border-color:var(--gold);background:#ffd6a314}.tag-row,.project-links,.contact-links,.metric-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.tag-row span,.metric-row span,.data-list span{border:1px solid var(--line);color:var(--muted);padding:.32rem .45rem;font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.project-links a,.panel-link,.contact-links a{display:inline-flex;min-height:40px;align-items:center;border:1px solid var(--line-strong);color:var(--ink);padding:.55rem .75rem;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}.panel-link{margin-top:1.25rem;border-color:var(--gold);background:var(--gold);color:var(--space)}.story-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.story-actions button{min-height:42px;border:1px solid var(--gold);background:var(--gold);color:var(--space);padding:.65rem .85rem;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}.data-list{display:grid;grid-template-columns:minmax(7rem,.55fr) 1fr;gap:.65rem;margin-top:1.3rem}.data-list span{display:inline-flex;align-items:center}.data-list strong{border-bottom:1px solid var(--line);padding:.32rem 0;font-weight:600}.reduced-fx #app:before{opacity:.2}@media(max-width:860px){html,body{height:100%;overflow:hidden}.core-prompt{min-width:10rem;transform:translateY(7.25rem);padding:.72rem .85rem}.mission-panel{top:auto;left:.625rem;right:.625rem;bottom:calc(6.35rem + env(safe-area-inset-bottom));width:auto;max-height:min(68svh,calc(100svh - 8rem));padding:1rem;transform:translateY(calc(100% + 7rem))}.mission-panel.is-open{transform:translateY(0)}.panel-close{min-height:36px;padding:.48rem .62rem;font-size:.56rem}.scene-label{font-size:.52rem}.story-nav-shell{right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom))}.story-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(30rem,calc(100vw - 1rem));gap:.35rem}.story-nav button{min-width:0;min-height:38px;padding:.55rem .45rem;font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-grid{gap:.7rem}.project-card{padding:.85rem}}@media(max-width:560px){.mobile-unsupported{padding:1.25rem}.mobile-unsupported h1{max-width:9ch;font-size:clamp(3.2rem,18vw,5.2rem);line-height:.88}.mobile-unsupported p:not(.kicker){font-size:1rem}.scene-label:not([data-node-id=identity]){display:none}.core-prompt{transform:translateY(6.2rem)}.mission-panel{left:0;right:0;bottom:calc(5.95rem + env(safe-area-inset-bottom));max-height:min(70svh,calc(100svh - 7.25rem));border-left:none;border-right:none}.mission-panel h2{max-width:100%;font-size:2.25rem;line-height:1;overflow-wrap:anywhere}.mission-panel h3{font-size:1.28rem}.panel-lede,.project-card p{font-size:.95rem}.tag-row span,.metric-row span,.data-list span,.project-links a,.panel-link,.contact-links a,.story-actions button{font-size:.56rem;letter-spacing:.08em}.project-links a,.panel-link,.contact-links a,.story-actions button{min-height:38px;padding:.5rem .58rem}.story-actions{gap:.45rem}.story-actions button{flex:1 1 100%}.data-list{grid-template-columns:1fr;gap:.45rem}.data-list strong{padding-top:0;font-size:.92rem}}@media(max-width:380px){.story-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - .75rem)}.story-nav button{min-height:34px;font-size:.5rem}.mission-panel{bottom:calc(8rem + env(safe-area-inset-bottom));max-height:min(62svh,calc(100svh - 9rem))}.mission-panel h2{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}