:root{--bg: #060810;--bg-soft: rgba(15, 22, 38, .55);--bg-soft-hover: rgba(22, 36, 60, .7);--text-strong: #e8eef7;--text-base: rgba(220, 230, 240, .88);--text-muted: rgba(180, 200, 230, .75);--mono-faint: rgba(140, 185, 235, .55);--accent: rgba(150, 215, 255, .95);--accent-strong: rgba(150, 215, 255, 1);--accent-border: rgba(150, 215, 255, .5);--accent-fill: rgba(150, 215, 255, .12);--accent-fill-hover: rgba(150, 215, 255, .22);--glow-soft: rgba(150, 215, 255, .35);--glow-strong: rgba(150, 215, 255, .75)}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;background:var(--bg);color:var(--text-strong);width:100%;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;transition:background .4s ease,color .4s ease}h1,h2,h3{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}code,.mono{font-family:JetBrains Mono,Courier New,monospace}canvas{display:block}#menu{position:absolute;inset:0;pointer-events:none;z-index:10}.menu-btn{position:absolute;transform:translate(-50%,-50%);margin:0;padding:8px 14px;background:transparent;border:0;cursor:pointer;pointer-events:auto;white-space:nowrap;font-family:Codystar,Space Grotesk,system-ui,sans-serif;font-size:32px;font-weight:400;-webkit-text-stroke:.4px currentColor;letter-spacing:.04em;text-transform:lowercase;color:transparent;outline:none;border-radius:4px;transition:color .6s ease,text-shadow .22s ease}.menu-btn.text-on{color:var(--text-muted)}.menu-btn.text-on:hover{color:var(--text-strong)}.menu-btn.text-on.active{color:var(--accent-strong);animation:menu-pulse 2.8s ease-in-out infinite}.menu-btn.glow-burst{animation:menu-glow-burst .8s ease-out}@keyframes menu-glow-burst{0%{color:var(--accent-strong);text-shadow:0 0 18px var(--glow-strong),0 0 36px var(--glow-strong),0 0 60px var(--glow-soft);opacity:0}15%{opacity:1}to{color:var(--text-muted);text-shadow:none;opacity:1}}@keyframes menu-pulse{0%,to{text-shadow:0 0 6px var(--glow-soft),0 0 14px var(--glow-soft)}50%{text-shadow:0 0 12px var(--glow-strong),0 0 28px var(--glow-soft)}}.menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#scenes{position:absolute;inset:0;pointer-events:none;z-index:5}.scene{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s .5s}.scene--active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease,visibility 0s 0s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene .accent{color:var(--accent)}.scene-about{top:50%;left:10vw;transform:translateY(-50%);width:54vw;max-width:1000px;max-height:84vh;overflow-y:auto;padding-right:8px}@media(max-width:1599px){.scene-about{top:180px;left:12px;width:calc(72% - 24px);max-width:none;transform:none;max-height:calc(100vh - 220px)}}.scene-about .about-intro{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.02em;margin-bottom:12px;color:var(--text-strong)}.scene-about .tagline{font-family:JetBrains Mono,Courier New,monospace;font-size:13px;color:var(--text-muted);letter-spacing:.04em;margin-bottom:26px;line-height:1.5}.scene-about .bio p{font-size:14.5px;line-height:1.65;color:var(--text-base);margin-bottom:12px}.scene-about .bio em{color:var(--accent);font-style:normal}.scene-about .bio-meta{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;color:var(--text-muted);letter-spacing:.02em;margin-top:12px}.scene-about .closing{margin-top:22px;font-size:14.5px;color:var(--text-muted);font-style:italic}.about-extras{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}.about-extra h3{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:500}.about-extra ul{list-style:none;padding:0;margin:0}.about-extra p{font-size:13.5px;line-height:1.55;color:var(--text-base);margin:0}.about-extra li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.55;color:var(--text-base);margin-bottom:6px}.about-extra li:before{content:"·";position:absolute;left:0;top:-1px;color:var(--accent);font-weight:700;font-size:18px;line-height:1}.scene-skills{top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,70vw);max-height:92vh;display:flex;flex-direction:column;gap:14px;padding:0 4px}.scene-title{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:clamp(24px,2vw,32px);letter-spacing:-.01em;margin-bottom:10px;color:var(--text-strong)}.scene-lead{font-family:JetBrains Mono,Courier New,monospace;font-size:12.5px;color:var(--text-muted);letter-spacing:.04em;margin-bottom:22px;line-height:1.55}.scene-skills .scene-title{text-align:left}.skills-headline{list-style:none;counter-reset:headline;padding:0;margin:0}.skills-headline li{counter-increment:headline;position:relative;padding:9px 12px 9px 34px;font-size:12.5px;line-height:1.5;color:var(--text-base);background:var(--bg-soft);border-left:2px solid var(--accent-border);border-radius:0 4px 4px 0;margin-bottom:6px;backdrop-filter:blur(6px)}.skills-headline li:before{content:counter(headline);position:absolute;left:12px;top:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.04em}.skills-headline strong{color:var(--text-strong);font-weight:600}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 22px}.skill-cat{padding:4px 6px;background:transparent;border:0;border-radius:0;backdrop-filter:none}.skill-cat h3{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-weight:500}.skill-cat p,.skill-line{font-size:11.5px;line-height:1.5;color:var(--text-base)}.skill-list{list-style:none;padding:0;margin:0}.skill-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:11.5px;line-height:1.3;color:var(--text-base);border-bottom:1px dashed rgba(150,215,255,.08)}.skill-list li:last-child{border-bottom:0}.skill-list--inline{display:flex;flex-wrap:wrap;gap:4px 12px}.skill-list--inline li{border-bottom:0;padding:1px 0}.lvl{font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;padding:1px 6px;border-radius:3px;white-space:nowrap;font-weight:500;flex-shrink:0}.lvl-expert{background:var(--accent-fill-hover);color:var(--accent-strong);border:1px solid var(--accent-border)}.lvl-strong{background:var(--accent-fill);color:var(--accent-strong);border:1px solid var(--accent-border)}.lvl-working{background:transparent;color:var(--text-muted);border:1px solid var(--accent-border)}.lvl-familiar{background:transparent;color:var(--mono-faint);border:1px dashed var(--accent-border)}.scene-experience{inset:0;transform:scale(.4);transform-origin:50% 50%;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s ease,visibility 0s .6s}.scene-experience.scene--active{transform:scale(1);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s ease,visibility 0s 0s}.solar-system{position:absolute;top:50%;left:50%;width:520px;height:520px;margin:-260px 0 0 -260px;pointer-events:none;z-index:1}.solar-system__halo{position:absolute;top:50%;left:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,#ffb43c47,#ff8c1e24 38%,#ff6e1400 72%);filter:blur(8px);animation:halo-pulse 7s ease-in-out infinite}.solar-system__sun{position:absolute;top:50%;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;background:radial-gradient(circle at center,#fff6c8,#ffd14a 22%,#ffa517,#e06317 82%,#8a280b);box-shadow:inset 0 0 36px #fff0b480,0 0 18px 2px #ffa828d9,0 0 48px 8px #ff821e8c,0 0 120px 28px #ff5a1440;animation:sun-flare 9s ease-in-out infinite}.solar-system__belt{position:absolute;top:50%;left:50%;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;overflow:hidden;animation:orb 240s linear infinite}.solar-system__belt:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;box-shadow:var(--asteroid-shadows, 0 0 0 0 transparent)}@keyframes orb{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes halo-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes sun-flare{0%,to{box-shadow:inset 0 0 36px #fff0b480,0 0 18px 2px #ffa828d9,0 0 48px 8px #ff821e8c,0 0 120px 28px #ff5a1440}50%{box-shadow:inset 0 0 40px #fff0b499,0 0 24px 3px #ffb432f2,0 0 64px 12px #ff8c1ea6,0 0 150px 36px #ff5a1452}}.exp-list{display:contents}.exp-entry{position:absolute;padding:0;background:transparent;border:0;z-index:2;opacity:0;text-align:left;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}.exp-entry--delta{top:172px;right:calc(50% + 258px);max-width:470px;transform:translate(-40px,-28px)}.exp-entry--beta{top:192px;right:calc(50% - 662px);max-width:360px;transform:translate(40px,-28px)}.exp-entry--alpha{top:calc(50% + 230px);left:calc(50% - 618px);max-width:360px;transform:translate(-28px,40px)}.exp-entry--gamma{top:calc(50% + 60px);right:calc(50% - 772px);max-width:470px;transform:translate(40px,28px)}.scene-experience.scene--active .exp-entry{opacity:1;transform:translate(0)}.scene-experience.scene--active .exp-entry--delta{transition-delay:.18s}.scene-experience.scene--active .exp-entry--beta{transition-delay:.26s}.scene-experience.scene--active .exp-entry--alpha{transition-delay:.34s}.scene-experience.scene--active .exp-entry--gamma{transition-delay:.42s}.exp-planet{display:block;position:absolute;width:56px;height:56px;border-radius:50%}.exp-entry--delta .exp-planet{bottom:-28px;right:-28px}.exp-entry--beta .exp-planet{bottom:-28px;left:-72px}.exp-entry--alpha .exp-planet{top:-28px;right:-28px}.exp-entry--gamma .exp-planet{top:-28px;left:-72px}.exp-planet--earthy{transform-style:preserve-3d;background:radial-gradient(circle at 32% 28%,#dcdade,#898792,#1f1e26);box-shadow:inset -6px -8px 18px #0000008c}.exp-planet--earthy:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c4fff2,#6dfede 55%,#18a290);box-shadow:inset -2px -2.5px 4px #0006,0 0 6px #6dfede99;animation:moon-orbit-delta 20s linear infinite}@keyframes moon-orbit-delta{0%{transform:rotateX(60deg) rotate(0) translate(38px) rotate(0) rotateX(-60deg)}to{transform:rotateX(60deg) rotate(-360deg) translate(38px) rotate(360deg) rotateX(-60deg)}}.exp-planet--rusted{background:radial-gradient(circle at 32% 28%,#ffb27a,#c75028 55%,#4a1207);box-shadow:inset -6px -8px 18px #0000008c,0 0 22px #ff874659}.exp-planet--icy{background:radial-gradient(circle at 32% 28%,#fff,#c8e7f7,#6ea4c8 70%,#2c4a66);box-shadow:inset -6px -8px 18px #00000073,0 0 22px #aadcff66}.exp-planet--banded{background:repeating-linear-gradient(180deg,#d49e6000,#d49e608c 4px,#b47a3c8c 9px,#d49e6000 13px,#f1c88273 18px,#f1c88200 24px),radial-gradient(circle at 32% 28%,#f4cf91,#b07a3a 60%,#4d2d10);box-shadow:inset -6px -8px 18px #00000080,0 0 22px #dca55a4d}.exp-head h3{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:14.5px;color:var(--text-strong);margin-bottom:3px;line-height:1.35;transition:text-shadow .22s ease}.exp-entry:hover .exp-head h3{text-shadow:0 0 10px var(--glow-soft)}.exp-meta{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.06em;color:var(--accent);margin-bottom:8px}.exp-entry>p{font-size:12.5px;line-height:1.55;color:var(--text-base);margin-bottom:8px;text-shadow:0 0 8px rgba(6,8,16,.6)}.exp-entry em{color:var(--accent);font-style:normal}.exp-entry strong{color:var(--text-strong);font-weight:600}.exp-bullets{list-style:none;padding:0;margin:6px 0 8px}.exp-bullets li{position:relative;padding-left:12px;font-size:12px;line-height:1.5;color:var(--text-base);margin-bottom:4px;text-shadow:0 0 8px rgba(6,8,16,.6)}.exp-bullets li:before{content:"·";position:absolute;left:0;top:-3px;color:var(--accent);font-weight:700;font-size:16px;line-height:1}.exp-bullets a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent-border);transition:color .2s ease,border-color .2s ease}.exp-bullets a:hover{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.exp-stack{font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.5;color:var(--text-muted);margin-top:6px;padding-top:6px;border-top:1px dashed rgba(150,215,255,.12)}.exp-stack span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-right:6px}@media(max-width:1599px){.solar-system{width:380px;height:380px;margin:-190px 0 0 -190px}.solar-system__halo{width:220px;height:220px;margin:-110px 0 0 -110px}.solar-system__sun{width:110px;height:110px;margin:-55px 0 0 -55px}.solar-system__belt{width:340px;height:340px;margin:-170px 0 0 -170px}.exp-entry--delta{right:calc(50% + 190px);max-width:420px}.exp-entry--beta{right:calc(50% - 550px);max-width:360px}.exp-entry--gamma{top:calc(50% + 50px);right:calc(50% - 630px);max-width:440px}.exp-entry--alpha{top:calc(50% + 180px);left:50%;right:auto;max-width:380px;transform:translate(-50%,30px);text-align:center}.scene-experience.scene--active .exp-entry--alpha{transform:translate(-50%)}.exp-entry--delta .exp-planet{top:-28px;right:-28px;bottom:auto}.exp-entry--beta .exp-planet{inset:-28px -72px auto auto}.exp-entry--alpha .exp-planet{top:50%;left:-72px;right:auto;transform:translateY(-50%)}}.scene-contact{inset:0;text-align:center}.contact-upper{position:absolute;left:50%;bottom:calc(50% + 100px);transform:translate(-50%)}.contact-lower{position:absolute;left:50%;top:calc(50% + 10px);transform:translate(-50%);width:min(640px,90vw)}.contact-portrait{width:280px;margin:0 auto 28px;border-radius:12px;overflow:hidden;border:1px solid var(--accent-border);box-shadow:0 0 32px var(--glow-soft),0 8px 32px #00000073;background:var(--bg-soft);transition:box-shadow .28s ease,border-color .28s ease,transform .28s ease}.contact-portrait:hover{box-shadow:0 0 48px var(--glow-strong),0 12px 40px #00000080;border-color:var(--accent-strong);transform:translateY(-3px)}.contact-portrait img{width:100%;height:100%;object-fit:cover;display:block}.contact-sub{font-size:15px;color:var(--text-base);margin-bottom:24px;line-height:1.55}.contact-details{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.contact-detail{display:flex;flex-direction:column;align-items:center;padding:14px 28px;text-decoration:none;border:1px solid var(--accent-border);border-radius:8px;background:var(--bg-soft);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;min-width:180px}.contact-detail:hover{border-color:var(--accent-strong);background:var(--bg-soft-hover);box-shadow:0 0 18px var(--glow-soft);transform:translateY(-2px)}.contact-detail__label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.contact-detail__value{font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--text-strong);letter-spacing:.02em}.contact-loc{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mono-faint);line-height:1.6;margin-bottom:20px}.contact-icons{display:flex;gap:20px;justify-content:center;align-items:center}.contact-icons a{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:transform .2s ease,filter .2s ease}.contact-icons a:hover{transform:translateY(-3px)}.contact-icons img{width:32px;height:32px;object-fit:contain;filter:brightness(.85) saturate(0);opacity:.7;transition:filter .2s ease,opacity .2s ease}.contact-icons a:hover img{filter:brightness(1) saturate(1);opacity:1}@media(max-height:900px){.scene-contact{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-border) transparent}.contact-upper,.contact-lower{position:static;transform:none;width:min(640px,90vw)}.contact-upper{margin-bottom:90px}.contact-portrait{margin-bottom:20px}}.scene-about,.scene-skills{scrollbar-width:thin;scrollbar-color:var(--accent-border) transparent}.scene-about::-webkit-scrollbar,.scene-skills::-webkit-scrollbar{width:6px}.scene-about::-webkit-scrollbar-track,.scene-skills::-webkit-scrollbar-track{background:transparent}.scene-about::-webkit-scrollbar-thumb,.scene-skills::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:3px}.scene-about::-webkit-scrollbar-thumb:hover,.scene-skills::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(max-width:1599px){.scene-skills{width:min(880px,78vw);gap:10px}.skills-headline li{font-size:11.5px;padding:7px 11px 7px 32px;margin-bottom:5px}.skill-cat h3{font-size:10px;margin-bottom:3px}.skill-list li{font-size:11px;padding:1.5px 0}.lvl{font-size:8px;padding:1px 5px}}@media(max-width:900px){.scene-about{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(560px,90vw);max-height:78vh}.scene-skills{width:min(620px,94vw);max-height:92vh;gap:8px}.skill-grid{grid-template-columns:repeat(2,1fr);gap:4px 14px}.contact-lower{width:min(560px,92vw)}.contact-portrait{width:220px}.contact-detail{min-width:150px;padding:12px 20px}}@media(max-width:560px){.scene-about .about-intro{font-size:clamp(32px,9vw,44px)}.scene-about{width:92vw;max-height:74vh}.scene-skills{width:96vw;max-height:94vh}.skill-grid{grid-template-columns:1fr 1fr;gap:2px 10px}.skill-cat h3{font-size:9.5px}.skill-list li{font-size:10.5px}.contact-portrait{width:180px}.contact-details{gap:10px}.contact-detail{min-width:140px;padding:10px 16px}.contact-icons{gap:12px}}