:root{--bg-void:#080a07;--bg-base:#0c0e0a;--bg-panel:#12150f;--bg-raised:#181c14;--bg-hover:#1e2419;--stroke:#2a3324;--stroke-strong:#3d4a32;--olive:#5a7a3a;--olive-dim:#3d5530;--amber:#c9a227;--amber-hot:#e0b83a;--rust:#a85a2a;--text:#d4d0c5;--text-dim:#8a9a7b;--text-mute:#5c6654;--danger:#9b3a2a;--ok:#6a8f3a;--font-display:"Bebas Neue", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:"Share Tech Mono", monospace;--pad:clamp(1.25rem, 4vw, 3.5rem);--max:1120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.atmosphere{pointer-events:none;z-index:0;background:radial-gradient(ellipse 100% 80% at 50% -15%, #c8b98c0f, #8c825f06 40%, transparent 72%), linear-gradient(180deg, #10130e 0%, var(--bg-base) 35%, var(--bg-void) 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lamp-fixture{z-index:3;pointer-events:none;background:radial-gradient(75% 90% at 50% 20%,#dcc8910d,#b4a06e05 50%,#0000 80%);width:min(680px,80vw);height:200px;position:fixed;top:-40px;left:50%;transform:translate(-50%)}.lamp-beam{z-index:3;pointer-events:none;--beam-angle:0deg;--beam-tilt:1;transform-origin:50% 0;width:min(1300px,130vw);height:115vh;transform:translateX(-50%) rotate(var(--beam-angle)) scaleY(var(--beam-tilt));opacity:1;background:radial-gradient(55% 70% at 50% 0,#dcc8910e 0%,#beaa7307 28%,#968c6403 52%,#0000 78%);position:fixed;top:-8%;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}@media (prefers-reduced-motion:reduce){.lamp-beam{transform:translate(-50%)}}.scanlines{pointer-events:none;z-index:50;opacity:.035;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0006 2px 4px);position:fixed;inset:0}.app-shell{z-index:2;flex-direction:column;min-height:100vh;transition:filter .45s,opacity .45s;display:flex;position:relative}.app-shell.is-dimmed{filter:brightness(.15);opacity:.35}.lamp-fixture,.lamp-beam{transition:opacity .45s}.lamp-fixture.is-dimmed,.lamp-beam.is-dimmed{opacity:0!important}.page-stage{flex:1}.lights-curtain{z-index:200;pointer-events:none;opacity:0;background:#030403;transition:opacity .48s ease-in;position:fixed;inset:0}.lights-curtain--closing{opacity:1;pointer-events:all;transition:opacity .48s ease-in}.lights-curtain--closed{opacity:1;pointer-events:all;transition:none}.lights-curtain--opening{opacity:0;pointer-events:none;transition:opacity .65s ease-out}.lights-curtain--idle{opacity:0;pointer-events:none;transition:none}.nav{padding:1rem var(--pad);border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#0c0e0ad9;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.nav-brand strong{font-family:var(--font-display);letter-spacing:.08em;color:var(--amber);font-size:1.35rem;font-weight:400}.nav-dot{background:var(--ok);width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 2px #6a8f3a40}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.nav-links{gap:.25rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border:1px solid #0000;padding:.55rem .85rem;font-size:.72rem;transition:color .2s,border-color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--amber);border-color:var(--stroke-strong);background:var(--bg-raised)}.nav-toggle{border:1px solid var(--stroke-strong);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.nav-toggle span{background:var(--amber);width:18px;height:1px;display:block}@media (width<=720px){.nav-toggle{display:flex}.nav-links{background:var(--bg-panel);border-bottom:1px solid var(--stroke);flex-direction:column;padding:.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}}main{padding:0 var(--pad) 4rem;flex:1}.footer{border-top:1px solid var(--stroke);padding:1.25rem var(--pad);font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-mute);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.hero{max-width:var(--max);align-content:center;gap:2.5rem;min-height:calc(100vh - 5rem);margin:0 auto;padding-top:clamp(2.5rem,8vh,5rem);display:grid;position:relative}.hero:before{content:"";background:var(--amber);width:120px;height:1px;animation:.8s ease-out both draw-line;position:absolute;inset:1rem auto auto 0}@keyframes draw-line{0%{opacity:0;width:0}to{opacity:1;width:120px}}.hero-meta{font-family:var(--font-mono);letter-spacing:.18em;color:var(--olive);text-transform:uppercase;font-size:.72rem;animation:.6s ease-out .1s both fade-up}.hero-brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);min-height:.9em;font-size:clamp(4.5rem,16vw,9rem);line-height:.9}.hero-typed{color:var(--text);text-shadow:0 0 12px #d4d0c526;animation:4.5s linear infinite signal-flicker}@keyframes signal-flicker{0%,8%,12%,18%,22%,32%,36%,55%,60%,72%,76%,88%,to{opacity:1;filter:brightness()contrast();text-shadow:0 0 12px #d4d0c526;transform:translate(0)}9%{opacity:.12;filter:brightness(2.4)contrast(1.3);text-shadow:3px 0 #c9a227b3,-3px 0 #5a7a3a8c;transform:translate(2px)}10.5%{opacity:.85;filter:brightness(.55);text-shadow:none;transform:translate(-1px)}11.2%{opacity:.05;filter:brightness(2.8);transform:translate(1px)}19.5%{opacity:.4;filter:brightness(1.9);text-shadow:-2px 0 #c9a2278c,2px 0 #9b3a2a59;transform:translate(-2px)}20.8%{opacity:1;filter:brightness(1.15)}33.5%{opacity:.2;filter:brightness(2.2)contrast(1.4);text-shadow:4px 0 #c9a22799;transform:translate(3px)}34.2%{opacity:.7;transform:translate(-2px)}35%{opacity:.08;filter:brightness(3)}56.5%{opacity:.45;filter:brightness(1.7);text-shadow:-3px 0 #5a7a3a80;transform:translate(-2px)}57.8%{opacity:.95;filter:brightness(.75)}58.5%{opacity:.15;filter:brightness(2.5);transform:translate(2px)}73.5%{opacity:.3;filter:brightness(2);text-shadow:2px 0 #c9a227a6,-2px 0 #9b3a2a66}74.5%{opacity:1}89%{opacity:.18;filter:brightness(2.6);transform:translate(-1px)}89.6%{opacity:.9}}.hero-caret{color:var(--amber);animation:.7s step-end infinite blink-dot}.hero-caret-done{animation:1.2s step-end infinite blink-dot}@keyframes blink-dot{0%,45%{opacity:1}50%,to{opacity:0}}.hero-tagline{max-width:36rem;color:var(--text-dim);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:400;animation:.7s ease-out .35s both fade-up}.hero-actions{flex-wrap:wrap;gap:.75rem;animation:.7s ease-out .5s both fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--stroke-strong);align-items:center;gap:.6rem;padding:.85rem 1.35rem;font-size:.75rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--amber);color:var(--bg-void);border-color:var(--amber);font-weight:600}.btn-primary:hover{background:var(--amber-hot);border-color:var(--amber-hot);animation:1.8s linear infinite signal-flicker}.btn-ghost:hover{border-color:var(--amber);color:var(--amber);background:var(--bg-raised);animation:1.8s linear infinite signal-flicker}.status-board{max-width:var(--max);grid-template-columns:1fr;gap:1.5rem;margin:0 auto 4rem;animation:.8s ease-out .6s both fade-up;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--stroke);padding:1.35rem 1.4rem;position:relative}.panel:before,.panel:after{content:"";border-color:var(--amber);border-style:solid;width:10px;height:10px;position:absolute}.panel:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.panel:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.panel-header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:baseline;margin-bottom:1.1rem;padding-bottom:.7rem;display:flex}.panel-title{font-family:var(--font-mono);letter-spacing:.16em;color:var(--amber);text-transform:uppercase;font-size:.7rem}.panel-code{font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.1em;font-size:.65rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat{padding:.75rem 0}.stat-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-mute);text-transform:uppercase;margin-bottom:.35rem;font-size:.62rem}.stat-value{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:2.6rem;line-height:1}.stat-value small{font-family:var(--font-mono);color:var(--olive);letter-spacing:.08em;margin-left:.35rem;font-size:.7rem}.id-row{gap:.65rem;display:grid}.id-item{border-bottom:1px solid #2a332499;grid-template-columns:7.5rem 1fr;gap:.75rem;padding:.35rem 0;font-size:.9rem;display:grid}.id-item:last-child{border-bottom:none}.id-key{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-mute);text-transform:uppercase;align-self:center;font-size:.65rem}.id-val{color:var(--text)}.id-val.status-ok{color:var(--ok);font-family:var(--font-mono);letter-spacing:.1em;font-size:.85rem}.loadout{max-width:var(--max);margin:0 auto 4rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.06em;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400}.section-head p{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-mute);text-transform:uppercase;font-size:.7rem}.loadout-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=860px){.loadout-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.loadout-grid{grid-template-columns:1fr}}.loadout-slot{border:1px solid var(--stroke);background:var(--bg-panel);padding:1rem 1.1rem;transition:border-color .25s,background .25s}.loadout-slot:hover{border-color:var(--olive);background:var(--bg-raised)}.loadout-slot .slot{font-family:var(--font-mono);letter-spacing:.16em;color:var(--olive);text-transform:uppercase;margin-bottom:.45rem;font-size:.62rem}.loadout-slot .item{color:var(--text);font-size:.95rem}.bio-block{max-width:var(--max);grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;margin:0 auto 3rem;display:grid}@media (width<=640px){.bio-block{grid-template-columns:1fr}}.bio-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--amber);text-transform:uppercase;writing-mode:vertical-rl;border-right:1px solid var(--stroke-strong);height:100%;min-height:5rem;padding-right:.75rem;font-size:.68rem;transform:rotate(180deg)}@media (width<=640px){.bio-label{writing-mode:horizontal-tb;border-right:none;border-bottom:1px solid var(--stroke-strong);height:auto;min-height:0;padding:0 0 .5rem;transform:none}}.bio-text{color:var(--text-dim);max-width:42rem;font-size:1.05rem}.page-intro{max-width:var(--max);margin:0 auto 2rem;padding-top:2.5rem}.page-intro .eyebrow{font-family:var(--font-mono);letter-spacing:.18em;color:var(--olive);text-transform:uppercase;margin-bottom:.6rem;font-size:.7rem}.page-intro h1{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:.75rem;font-size:clamp(2.8rem,8vw,4.5rem);line-height:.95}.page-intro p{color:var(--text-dim);max-width:36rem}.projects-list{max-width:var(--max);border-top:1px solid var(--stroke);flex-direction:column;gap:0;margin:0 auto;display:flex}.project-row{border-bottom:1px solid var(--stroke);grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1.25rem;padding:1.35rem .5rem;transition:background .25s,padding-left .25s;display:grid;position:relative}.project-row:hover{background:#181c14b3;padding-left:1rem}.project-row:hover .project-codename{color:var(--amber)}.project-id{font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.08em;font-size:.75rem}.project-codename{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:.35rem;font-size:1.65rem;line-height:1;transition:color .25s}.project-summary{color:var(--text-dim);max-width:36rem;font-size:.92rem}.project-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.65rem;display:flex}.badge{border:1px solid var(--stroke-strong);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:.25rem .5rem;font-size:.62rem;display:inline-block}.badge-extracted{color:var(--ok);border-color:var(--olive-dim)}.badge-progress{color:var(--amber);border-color:#c9a22766}.badge-archived{color:var(--text-mute)}@media (width<=640px){.project-row{grid-template-columns:2.5rem 1fr}.project-meta{flex-flow:wrap;grid-column:2;align-items:flex-start;margin-top:.5rem}}.detail{max-width:var(--max);margin:0 auto;padding-top:2rem}.back-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:.5rem;margin-bottom:1.75rem;font-size:.7rem;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--amber)}.detail-header{border-bottom:1px solid var(--stroke);margin-bottom:2rem;padding-bottom:1.5rem}.detail-header .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--olive);text-transform:uppercase;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.7rem;display:flex}.detail-header h1,.detail-headline{font-family:var(--font-display);letter-spacing:.04em;max-width:16em;color:var(--text);margin-bottom:.75rem;font-size:clamp(2.2rem,6.5vw,3.6rem);line-height:1.05}.detail-title{color:var(--text-dim);max-width:40rem;font-size:1.15rem}.tags{flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 0;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--stroke-strong);background:var(--bg-raised);color:var(--text-dim);padding:.4rem .7rem;font-size:.68rem;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--amber);color:var(--amber)}.article{max-width:42rem}.article-section{margin-bottom:2rem;animation:.5s ease-out both fade-up}.article-section:nth-child(2){animation-delay:80ms}.article-section:nth-child(3){animation-delay:.16s}.article-section h2{font-family:var(--font-display);letter-spacing:.06em;color:var(--amber);margin-bottom:.65rem;font-size:1.5rem;font-weight:400}.article-section p,.brief-text{color:var(--text-dim);font-size:1.05rem;line-height:1.7}.article-section p+p{margin-top:1rem}.article-list{color:var(--text-dim);margin:1rem 0 0;padding-left:1.1rem;font-size:1.05rem;line-height:1.7;list-style:none}.article-list li{margin-bottom:.35rem;padding-left:.85rem;position:relative}.article-list li:before{content:"▸";color:var(--amber);font-size:.75rem;position:absolute;top:.2em;left:0}.article-section p+.article-list{margin-top:1rem}.article-image{border:1px solid var(--stroke-strong);background:var(--bg-raised);width:100%;margin-top:1.25rem;box-shadow:0 12px 28px #00000047}.brief-box{border-left:2px solid var(--olive);margin-top:.5rem;padding:.5rem 0 .5rem 1.25rem}.not-found{max-width:var(--max);text-align:left;margin:4rem auto}.not-found h1{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:.75rem;font-size:3rem}.not-found p{color:var(--text-dim);margin-bottom:1.5rem}