:root{--bg:#030612;--panel:#050c1eb8;--panel-strong:#081028e6;--cyan:#49f3ff;--cyan-soft:#49f3ff29;--magenta:#ff4fd8;--acid:#6bff9f;--amber:#ffd166;--violet:#8f7cff;--text:#e7fbff;--muted:#99adc5;--line:#89e2ff38;--shadow-cyan:0 0 28px #49f3ff42;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%, #ff4fd82e, transparent 28rem), radial-gradient(circle at 78% 18%, #49f3ff29, transparent 34rem), radial-gradient(circle at 45% 90%, #6bff9f1f, transparent 30rem), var(--bg);min-width:320px;overflow-x:hidden}body:before{content:"";z-index:20;pointer-events:none;mix-blend-mode:screen;opacity:.25;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 3px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/48px 48px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{z-index:50;color:#fff;border:1px solid var(--cyan);background:#061a2b;padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.cinematic-stage{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.scene-canvas,.scene-loading{z-index:0;background:radial-gradient(circle,#08122d5c,#0000 34rem);position:absolute;inset:0}.scene-canvas canvas{display:block;width:100%!important;height:100%!important}.story-ui{z-index:2;pointer-events:none;width:100%;min-height:100vh;position:relative}.story-ui a,.story-ui button{pointer-events:auto}@media (width>=768px){.story-ui.with-live-panel .hud-left{opacity:0;pointer-events:none;transform:translate(-18px)}}.topbar{z-index:8;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-cyan);background:#03061294;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.52rem .68rem;display:flex;position:fixed;top:16px;left:clamp(12px,3vw,36px);right:clamp(12px,3vw,36px)}.brand{letter-spacing:.035em;align-items:center;gap:.5rem;min-height:38px;padding-inline:.14rem .55rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900;display:inline-flex}.brand img{border:1px solid var(--cyan);object-fit:cover;border-radius:50%;width:30px;height:30px;box-shadow:0 0 18px #49f3ff66}.quick-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.quick-nav a{min-height:34px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;padding:.46rem .66rem;font-size:.74rem;display:inline-flex}.quick-nav a:hover{color:var(--text);border-color:var(--line);background:var(--cyan-soft)}.hud-left{border:1px solid var(--line);border-left:4px solid var(--cyan);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(540px,100vw - 32px);box-shadow:var(--shadow-cyan), inset 0 0 32px #49f3ff0a;background:linear-gradient(135deg,#030815db,#09102a94);border-radius:22px;padding:clamp(.95rem,1.5vw,1.25rem);transition:opacity .28s,transform .28s;position:fixed;bottom:clamp(130px,20vh,190px);left:clamp(16px,6vw,92px)}.eyebrow,.card-kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .34rem;font-size:.64rem;font-weight:800}.chapter{color:#06111e;background:var(--acid);letter-spacing:.1em;border-radius:999px;margin:0 0 .5rem;padding:.26rem .52rem;font-size:.62rem;font-weight:900;display:inline-flex}.hud-left h1,.reduced-hero h1{letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 0 24px #49f3ff4d;max-width:12ch;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1.85rem,3.35vw,3.55rem);line-height:1.04}.body-copy{color:#c7d7ea;max-width:56ch;font-size:clamp(.86rem,1vw,.98rem);line-height:1.55}.hero-positioning{border-left:2px solid var(--acid);color:#dfffe9;background:#6bff9f0f;gap:.28rem;margin-top:.8rem;padding:.58rem .7rem;font-size:.7rem;line-height:1.4;display:grid}.hero-positioning strong{color:var(--acid);letter-spacing:.045em;font-size:.67rem}.hero-positioning span{color:var(--muted)}.beat-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;gap:.58rem;margin-top:.72rem;font-size:.68rem;display:flex}.beat-skills,.tag-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.beat-skills span,.tag-row span,.orbit-chips span{border:1px solid var(--line);color:#dffaff;background:#49f3ff14;border-radius:999px;min-height:28px;padding:.36rem .58rem;font-size:.66rem}.hud-right{gap:.7rem;width:min(292px,100vw - 32px);display:grid;position:fixed;top:clamp(94px,16vh,145px);right:clamp(16px,5vw,70px)}.system-card,.mini-terminal,.project-card,.timeline-card,.skill-groups article,.beat-list article{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 16px 70px #00000047}.system-card{padding:.88rem}.system-card h2{margin:0 0 .65rem;font-family:Orbitron,sans-serif;font-size:1rem}.system-card ul{gap:.62rem;margin:0;padding:0;list-style:none;display:grid}.system-card li{color:var(--muted);justify-content:space-between;gap:.8rem;font-size:.78rem;display:flex}.system-card strong{color:var(--text);text-align:right;font-size:.72rem}.mini-terminal{color:var(--muted);padding:.72rem;font-size:.7rem}.mini-terminal p{margin:.28rem 0}.mini-terminal span{color:var(--acid)}.progress-rail{z-index:7;gap:4px;display:grid;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.progress-rail span{background:#ffffff2e;border-radius:99px;width:4px;height:10px;transition:background .2s,height .2s}.progress-rail span.active{background:var(--cyan);height:18px;box-shadow:0 0 12px var(--cyan)}.scroll-hint{z-index:9;color:#eafff3;letter-spacing:.04em;opacity:0;pointer-events:none;background:#030612ad;border:1px solid #6bff9f80;border-radius:999px;align-items:center;gap:.7rem;padding:.7rem .95rem;font-size:.76rem;font-weight:900;transition:opacity .35s,transform .35s;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%,14px);box-shadow:0 0 28px #6bff9f3d,inset 0 0 20px #49f3ff0d}.scroll-hint.visible{opacity:1;transform:translate(-50%)}.scroll-hint i{border:1px solid var(--cyan);border-radius:999px;width:18px;height:30px;position:relative;box-shadow:0 0 14px #49f3ff47}.scroll-hint i:after{content:"";background:var(--acid);border-radius:50%;width:4px;height:4px;animation:1.15s ease-in-out infinite scroll-dot;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-dot{0%{opacity:.2;transform:translate(-50%)}45%{opacity:1}to{opacity:0;transform:translate(-50%,12px)}}.live-panel{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:fixed;bottom:clamp(36px,6vh,62px);left:clamp(18px,6vw,92px);right:clamp(340px,28vw,430px);transform:translateY(24px)}.live-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.live-panel-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.58rem;display:flex}.live-panel h2{margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1.25rem,2vw,2.15rem)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.82rem;display:grid}.project-grid.compact .project-card{min-height:140px;padding:.86rem}.project-grid.compact .project-image-wrap{display:none}.project-grid.compact .project-actions{margin-top:.65rem}.project-grid.compact .project-actions .project-link{min-width:0}.project-card{flex-direction:column;justify-content:space-between;min-height:200px;padding:1rem;display:flex}.project-image-wrap{aspect-ratio:16/8.5;background:#050a1d;border:1px solid #49f3ff33;border-radius:15px;margin:-.25rem -.25rem .85rem;position:relative;overflow:hidden}.project-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-status{color:var(--acid);letter-spacing:.08em;background:#030612d1;border:1px solid #6bff9f99;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .45rem;font-size:.58rem;font-weight:900;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.project-status i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 9px var(--acid);border-radius:50%}.project-card-copy{gap:.35rem;display:grid}.project-card-copy p{margin:0}.case-study-details{border-top:1px solid #89e2ff29;gap:.52rem;margin-top:.85rem;padding-top:.75rem;display:grid}.case-study-details p{color:var(--muted);gap:.18rem;font-size:.72rem;line-height:1.45;display:grid}.case-study-details strong{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.project-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.project-actions .project-link{flex:130px}.project-link-secondary{color:var(--muted);box-shadow:none;background:#49f3ff0f;border-color:#89e2ff4d}.project-card h3{margin:0 0 .4rem;font-family:Orbitron,sans-serif;font-size:1rem}.project-card p{color:#c7d7ea;margin:0;font-size:.82rem;line-height:1.45}.project-grid.compact .project-card h3{font-size:.92rem}.project-grid.compact .project-card p{font-size:.76rem;line-height:1.38}.project-grid.compact .tag-row{gap:.34rem;margin-top:.62rem}.project-grid.compact .tag-row span{min-height:22px;padding:.24rem .42rem;font-size:.58rem}.project-grid.compact .project-link{min-height:38px;padding:.48rem .7rem;font-size:.72rem}.project-link,.cta-pill,.hero-actions a{border:1px solid var(--cyan);color:#fff;background:linear-gradient(135deg,#49f3ff2e,#ff4fd824);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.58rem .84rem;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 0 22px #49f3ff2e}.project-link:hover,.cta-pill:hover,.hero-actions a:hover{transform:translateY(-1px);box-shadow:0 0 30px #49f3ff57}.anchor-target{width:1px;height:1px;display:block;position:relative;top:-96px}.bottom-actions{z-index:9;pointer-events:auto;gap:.65rem;display:flex;position:fixed;bottom:clamp(60px,8vh,76px);left:clamp(16px,6vw,92px);transform:none}.cta-primary{border-color:var(--acid);background:linear-gradient(135deg,#6bff9f40,#49f3ff29)}.cta-secondary{color:#d4e6ef;background:#030612b8;border-color:#89e2ff57}@media (width>=768px){.live-panel.visible~.bottom-actions{opacity:0;pointer-events:none}}.cta-pill{background:#030612b8}.static-content,.reduced-shell,.profile-footer{background:linear-gradient(#030612f0,#050816);padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem)}.section-heading{text-align:center;max-width:860px;margin:0 auto 2rem}.section-heading h2,.reduced-section h2{margin:0 0 .8rem;font-family:Orbitron,sans-serif;font-size:clamp(1.65rem,3.2vw,3.25rem);line-height:1.04}.section-heading p{color:var(--muted);line-height:1.7}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1180px;margin:0 auto;display:grid}.compact-timeline{margin-bottom:clamp(2.8rem,6vw,5rem)}.timeline-card{padding:1rem}.timeline-card span{color:var(--cyan);font-weight:900}.timeline-card h3{margin:.5rem 0;font-family:Orbitron,sans-serif;font-size:.98rem;line-height:1.2}.timeline-card p{color:#b8c7db;margin:0;font-size:.92rem;line-height:1.55}.profile-footer{border-top:1px solid #49f3ff2e;position:relative;overflow:hidden}.profile-footer:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 12%,#49f3ff1f,#0000 28rem),radial-gradient(circle at 78% 58%,#ff4fd81a,#0000 30rem),linear-gradient(120deg,#0000 0 46%,#49f3ff14 47%,#0000 48% 100%);position:absolute;inset:0}.case-studies{margin:0 auto clamp(3rem,7vw,6rem)}.subsection-heading{text-align:center;max-width:740px;margin:0 auto 1.35rem}.subsection-heading h2{margin:0 0 .65rem;font-family:Orbitron,sans-serif;font-size:clamp(1.35rem,2.7vw,2.4rem)}.subsection-heading p:last-child{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.profile-shell{z-index:1;max-width:1180px;margin:0 auto;position:relative}.profile-heading{margin-top:clamp(1rem,3vw,2rem)}.skill-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:clamp(2.2rem,5vw,4rem);display:grid}.skill-detail-card{border:1px solid color-mix(in srgb, var(--skill-accent), transparent 52%);background:linear-gradient(180deg, color-mix(in srgb, var(--skill-accent), transparent 88%), #050c1ead), var(--panel);min-height:184px;box-shadow:0 18px 70px #00000042, 0 0 24px color-mix(in srgb, var(--skill-accent), transparent 84%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:1rem}.skill-detail-card .card-kicker{color:var(--skill-accent)}.skill-card-heading{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.skill-card-heading>span{color:var(--skill-accent);text-align:right;font-size:.52rem;font-weight:900;line-height:1.2}.skill-promise{min-height:4.8em;color:var(--muted);margin:.25rem 0 .8rem;font-size:.72rem;line-height:1.45}.primary-skill{box-shadow:0 18px 70px #00000042, 0 0 30px color-mix(in srgb, var(--skill-accent), transparent 78%)}.skill-detail-tags{flex-wrap:wrap;gap:.42rem;display:flex}.skill-detail-tags span{color:#dffaff;background:#49f3ff12;border:1px solid #89e2ff2e;border-radius:999px;align-items:center;min-height:25px;padding:.3rem .48rem;font-size:.66rem;line-height:1.25;display:inline-flex}.proof-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0 auto clamp(2.2rem,5vw,4rem);display:grid}.proof-strip article{border:1px solid var(--line);background:#050c1e8f;border-radius:17px;gap:.3rem;padding:.9rem;display:grid}.proof-strip strong{color:var(--cyan);font-family:Orbitron,sans-serif;font-size:1.3rem}.proof-strip span{color:var(--muted);font-size:.65rem;line-height:1.35}.profile-link-panel{border:1px solid var(--line);box-shadow:var(--shadow-cyan), inset 0 0 46px #49f3ff0d;background:linear-gradient(135deg,#060e22db,#0c0826b8);border-radius:28px;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,2.2vw,1.6rem);display:grid}.profile-link-panel h2{margin:0 0 .6rem;font-family:Orbitron,sans-serif;font-size:clamp(1.45rem,2.6vw,2.45rem);line-height:1.02}.profile-link-panel p{color:var(--muted);margin:0;line-height:1.65}.profile-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.profile-link{border:1px solid var(--line);background:#0306128f;border-radius:18px;align-content:center;gap:.22rem;min-height:76px;padding:.8rem 2.6rem .8rem .9rem;display:grid;position:relative;overflow:hidden}.profile-link.primary{background:linear-gradient(135deg,#6bff9f2e,#49f3ff1f);border-color:#6bff9fa6}.profile-link:hover{border-color:#49f3ffb8;transform:translateY(-1px);box-shadow:0 0 24px #49f3ff2e}.profile-link strong{font-family:Orbitron,sans-serif;font-size:.82rem}.profile-link span{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem}.profile-link svg{color:var(--cyan);position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.site-footer{color:var(--muted);border-top:1px solid #89e2ff2e;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1rem 0 0;font-size:.72rem;display:flex}.reduced-shell{min-height:100vh}.reduced-hero{border:1px solid var(--line);background:var(--panel-strong);text-align:center;border-radius:30px;max-width:1040px;margin:0 auto 3rem;padding:clamp(1.4rem,4vw,3rem)}.reduced-hero h1{max-width:14ch;margin-inline:auto}.reduced-hero img{object-fit:cover;border:1px solid var(--cyan);width:96px;height:96px;box-shadow:var(--shadow-cyan);border-radius:28px}.reduced-hero p{color:#c7d7ea;max-width:760px;margin:1rem auto;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem;display:flex}.reduced-section{max-width:1180px;margin:0 auto 3rem}.beat-list{gap:.8rem;display:grid}.beat-list article{grid-template-columns:64px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.beat-list article>span{color:var(--cyan);font-family:Orbitron,sans-serif;font-size:1.3rem}.beat-list h3,.skill-groups h3{margin:0 0 .4rem;font-family:Orbitron,sans-serif}.beat-list p{color:#bfcede;margin:0;line-height:1.55}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.skill-groups article{padding:1.2rem}@media (width<=1180px){.hud-right{display:none}.hud-left{bottom:112px}.timeline-grid,.skill-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-link-panel{grid-template-columns:1fr}}@media (width>=768px) and (width<=1180px){.bottom-actions{bottom:24px}.live-panel{bottom:78px;left:clamp(18px,6vw,92px);right:clamp(18px,6vw,92px)}}@media (width<=767px){.topbar{border-radius:20px;align-items:center;padding:.5rem .58rem;top:10px}.brand{min-height:36px;font-size:.82rem}.brand img{width:28px;height:28px}.quick-nav{max-width:56vw}.quick-nav a{min-height:30px;padding:.36rem .42rem;font-size:.62rem}.hud-left{border-radius:18px;width:auto;padding:.82rem;bottom:112px;left:12px;right:12px}.hud-left h1{font-size:clamp(1.48rem,8.7vw,2.35rem);line-height:1.02}.body-copy{font-size:.82rem;line-height:1.48}.chapter{margin-bottom:.42rem;font-size:.56rem}.eyebrow{font-size:.58rem}.beat-skills{gap:.36rem;margin-top:.68rem}.beat-skills span{min-height:24px;padding:.3rem .44rem;font-size:.6rem}.progress-rail{display:none}.progress-rail span{width:3px;height:7px}.progress-rail span.active{height:12px}.live-panel,.scroll-hint{display:none}.scroll-hint i{flex:none;width:16px;height:26px}.bottom-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid;bottom:12px;left:12px;right:12px;transform:none}.cta-pill{min-height:44px;padding:.58rem .5rem;font-size:.68rem}.timeline-grid,.project-grid,.skill-groups,.skill-detail-grid,.profile-link-grid{grid-template-columns:1fr}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.static-content,.reduced-shell,.profile-footer{padding-inline:1rem}.profile-footer{padding-top:3.2rem}.skill-detail-card{min-height:auto}.profile-link-panel{border-radius:22px}.profile-link{min-height:68px}.site-footer{flex-direction:column;font-size:.68rem}.beat-list article{grid-template-columns:46px minmax(0,1fr)}}@media (width<=390px){.quick-nav a:nth-child(2){display:none}.hud-left{bottom:104px}.hud-left h1{font-size:1.5rem}.body-copy{font-size:.76rem}.beat-meta{margin-top:.58rem;font-size:.58rem}.cta-pill{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}