@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{0%{transform:scale(.7);opacity:.9}70%,to{transform:scale(1.8);opacity:0}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}:root{--font-head:'Oxanium', 'Segoe UI', sans-serif;--font-mono:'IBM Plex Mono', Consolas, monospace}html[data-theme=dark]{--bg:#0c0e11;--bg-soft:#12151a;--chip:#171b21;--chip-edge:#262c35;--trace:#8b94a2;--trace-dim:#3a424e;--text:#e8eaed;--muted:#98a1ab;--copper:#e3a455;--copper-strong:#f2bd72;--copper-glow:rgba(227, 164, 85, 0.35);--copper-soft:rgba(227, 164, 85, 0.12);--grid-line:rgba(255, 255, 255, 0.025)}html[data-theme=light]{--bg:#f1f1ee;--bg-soft:#e8e8e4;--chip:#2e3238;--chip-edge:#1d2025;--trace:#2a2d31;--trace-dim:#b9b9b3;--text:#17181a;--muted:#5b5f66;--copper:#b8722e;--copper-strong:#9c5c1d;--copper-glow:rgba(184, 114, 46, 0.3);--copper-soft:rgba(184, 114, 46, 0.12);--grid-line:rgba(0, 0, 0, 0.035)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-head);background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),var(--bg);background-size:28px 28px,28px 28px,auto;color:var(--text);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s,color .3s}::selection{background:var(--copper);color:var(--bg)}.site-header{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;border-bottom:1px solid var(--trace-dim)}.brand,.site-nav a{text-decoration:none}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text)}.brand-chip{width:30px;height:30px;fill:none;stroke:var(--copper);stroke-width:2}.brand-chip .brand-chip-core{fill:var(--copper);stroke:none}.brand-name{font-weight:800;letter-spacing:.14em;font-size:1.05rem}.brand-name b{color:var(--copper)}.site-nav{display:flex;gap:1.6rem;margin-left:auto;font-family:var(--font-mono);font-size:.85rem}.site-nav a{position:relative;color:var(--muted);padding:.35rem 0 .35rem 1.1rem;letter-spacing:.06em;transition:color .2s}.power-btn,.site-nav a::before{border-radius:50%;border:2px solid var(--trace);transition:.2s}.site-nav a::before{content:"";position:absolute;left:0;top:50%;translate:0-50%;width:8px;height:8px}.site-nav a:hover{color:var(--text)}.pad-row:hover::after,.site-nav a:hover::before{border-color:var(--copper)}.power-btn:hover,.site-nav a.active{color:var(--copper)}.site-nav a.active::before{border-color:var(--copper);background:var(--copper);box-shadow:0 0 8px var(--copper-glow)}.power-btn{flex-shrink:0;width:38px;height:38px;background:0 0;color:var(--trace);cursor:pointer;display:grid;place-items:center}.power-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.power-btn:hover{border-color:var(--copper);box-shadow:0 0 12px var(--copper-glow)}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:1rem;max-width:1280px;width:100%;margin:0 auto;padding:1.5rem 2rem 2.5rem}.hero-board{position:relative}#board{width:100%;height:auto;max-height:calc(100vh - 180px);display:block}.board-hint{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-top:.25rem}.trace{fill:none;stroke:var(--trace);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s ease forwards}.traces .trace:nth-child(2n){animation-delay:.15s}.traces .trace:nth-child(3n){animation-delay:.3s}.traces .trace:nth-child(5n){animation-delay:.45s}.pad.hollow{fill:var(--bg);stroke:var(--trace);stroke-width:2.5}.cpu-pins rect,.pad.fill{fill:var(--trace)}.cpu-pins rect{rx:2}.cpu-body{fill:var(--chip);stroke:var(--chip-edge);stroke-width:2}.cpu-frame{fill:none;stroke:var(--copper);stroke-width:1.5;opacity:.7}.nav-pad{cursor:pointer;outline:0}.nav-pad .trace-nav{stroke:var(--copper);stroke-width:3;animation-delay:.5s}.nav-pad .pad-nav{fill:var(--copper);transition:.2s}.nav-pad .pad-core{fill:var(--bg)}.nav-pad .ring{fill:none;stroke:var(--copper);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ping 2.4s ease-out infinite}.nav-pad .pad-text{font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:.12em;fill:var(--copper);text-anchor:middle;transition:.2s}.nav-pad .hit{fill:transparent}.nav-pad:focus-visible .pad-nav,.nav-pad:hover .pad-nav{fill:var(--copper-strong);filter:drop-shadow(0 0 8px var(--copper-glow))}.nav-pad:focus-visible .pad-text,.nav-pad:hover .pad-text{fill:var(--copper-strong);font-size:16.5px}.nav-pad:focus-visible .ring{stroke-width:4}.hero-copy{padding:0 .5rem}.kicker{font-family:var(--font-mono);color:var(--copper);font-size:.9rem;margin-bottom:.4rem}.hero-copy h1{font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;letter-spacing:.08em;line-height:1.05}.hero-stats li>span,.role{font-family:var(--font-mono);color:var(--muted)}.role{letter-spacing:.28em;font-size:.85rem;margin:.5rem 0 1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--trace-dim)}.bio{color:var(--muted);line-height:1.75;font-size:1.02rem;max-width:54ch}.bio b{color:var(--text);font-weight:600}.hero-stats{list-style:none;display:flex;gap:2.2rem;margin:1.6rem 0}.hero-stats li{display:flex;flex-direction:column}.detail-head h2,.hero-stats b{font-size:1.5rem;font-weight:700}.hero-stats b{color:var(--copper)}.hero-stats li>span{font-size:.72rem;letter-spacing:.05em}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;color:var(--text);text-decoration:none;border:1px solid var(--trace-dim);padding:.7rem 1.3rem;border-radius:4px;transition:.2s}.cta-pad{width:10px;height:10px;border-radius:50%;background:var(--copper);box-shadow:0 0 6px var(--copper-glow)}.cta:hover{border-color:var(--copper);background:var(--copper-soft);box-shadow:0 0 14px var(--copper-glow)}.page{flex:1;width:100%;max-width:1150px;margin:0 auto;padding:2.5rem 2rem 3rem}.page-head h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:.12em}.page-head .sub{font-family:var(--font-mono);color:var(--muted);font-size:.85rem;margin-top:.5rem}.skills-board{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:3rem;margin-top:2.5rem;align-items:start}.pad-list,.pad-row{position:relative;display:flex}.pad-list{flex-direction:column;padding:.4rem 0}.pad-list::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2.5px;background:var(--trace);transform-origin:top;animation:grow-y .5s ease-out backwards}.pad-row{align-items:center;gap:.8rem;background:0 0;border:0;color:var(--muted);font-family:var(--font-mono);font-size:.92rem;letter-spacing:.04em;text-align:left;padding:.85rem .5rem .85rem 3.3rem;cursor:pointer;transition:color .2s}.pad-row::after,.pad-row::before{content:"";position:absolute;top:50%;translate:0-50%;transition:.2s}.pad-row::before{left:0;width:1.6rem;height:2.5px;background:var(--trace);transform-origin:left;animation:grow-x .3s ease-out backwards;animation-delay:var(--d, 0s)}.pad-row::after{left:1.6rem;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--trace);background:var(--bg);animation:fade-in .3s ease-out backwards;animation-delay:calc(var(--d, 0s) + .14s)}.pad-row .count,.pad-row .label{animation:pop-in .35s ease-out backwards;animation-delay:calc(var(--d, 0s) + .1s)}.pad-row.active,.pad-row:hover{color:var(--text)}.pad-row.active{font-weight:600}.pad-row.active::after,.pad-row.active::before{background:var(--copper)}.pad-row.active::after{border-color:var(--copper);box-shadow:0 0 10px var(--copper-glow)}.pad-row .count{margin-left:auto;font-size:.72rem;color:var(--trace);border:1px solid var(--trace-dim);border-radius:3px;padding:.1rem .45rem}.pad-row.active .count{color:var(--copper);border-color:var(--copper)}.detail-chip{position:relative;background:var(--bg-soft);border:1.5px solid var(--chip-edge);border-radius:10px;padding:2rem 2.2rem 2.4rem;min-height:300px;animation:pop-in .5s ease-out .55s backwards}.detail-chip::after,.detail-chip::before{content:"";position:absolute;left:28px;right:28px;height:10px;background:repeating-linear-gradient(90deg,var(--trace)0 10px,transparent 10px 34px)}.detail-chip::before{top:-11px}.detail-chip::after{bottom:-11px}.detail-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.6rem;padding-bottom:1rem;border-bottom:1px dashed var(--trace-dim)}.chip-id,.tag-grid li{font-family:var(--font-mono)}.chip-id{font-size:.75rem;color:var(--copper);border:1px solid var(--copper);border-radius:3px;padding:.15rem .5rem;letter-spacing:.1em;white-space:nowrap}.detail-head h2{letter-spacing:.06em}.tag-grid{list-style:none;display:flex;flex-wrap:wrap;gap:.8rem}.tag-grid li{font-size:.85rem;color:var(--text);background:var(--chip);border:1px solid var(--chip-edge);border-left:6px solid var(--copper);border-right:6px solid var(--copper);border-radius:4px;padding:.55rem 1rem;animation:pop-in .35s ease backwards}html[data-theme=light] .tag-grid li{color:#f1f1ee}.tag-grid li:nth-child(1){animation-delay:.02s}.tag-grid li:nth-child(2){animation-delay:.06s}.tag-grid li:nth-child(3){animation-delay:.1s}.tag-grid li:nth-child(4){animation-delay:.14s}.tag-grid li:nth-child(5){animation-delay:.18s}.tag-grid li:nth-child(6){animation-delay:.22s}.tag-grid li:nth-child(7){animation-delay:.26s}.tag-grid li:nth-child(8){animation-delay:.3s}.detail-foot{margin-top:1.6rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.project-bus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:4.5rem;padding-top:2.6rem}.project-bus::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2.5px;background:var(--trace)}.project-bus,.project-chip{position:relative}.power-pad,.project-chip::before{position:absolute;left:50%;translate:-50%0}.project-chip::before{content:"";top:-2.6rem;width:2.5px;height:2.6rem;background:var(--trace)}.power-pad{top:-14px;z-index:2;width:28px;height:28px;border-radius:50%;border:3px solid var(--trace);background:var(--bg)}.project-chip.powered .power-pad{border-color:var(--copper);background:var(--copper);box-shadow:0 0 16px var(--copper-glow)}.project-chip.powered::before{background:var(--copper)}.chip-body{background:var(--bg-soft);border:1.5px solid var(--chip-edge);border-radius:10px;padding:2.2rem 1.6rem 1.8rem;height:100%;display:flex;flex-direction:column;gap:.9rem;opacity:.55;filter:grayscale(.4);transition:.35s}.project-chip.powered .chip-body{opacity:1;filter:none;border-color:var(--copper);box-shadow:0 0 24px var(--copper-soft),inset 0 0 0 1px var(--copper-soft)}.chip-top{display:flex;align-items:center;gap:.6rem}.led{width:9px;height:9px;border-radius:50%;background:var(--trace-dim);margin-left:auto;transition:.3s}.led-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.project-chip.powered .led{background:var(--copper);box-shadow:0 0 8px var(--copper-glow);animation:blink 1.6s steps(1) infinite}.chip-body h2{font-size:1.25rem;font-weight:700;letter-spacing:.05em}.chip-body .desc{font-size:.9rem;color:var(--muted);line-height:1.65;flex:1}.mini-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.chip-link,.mini-tags li{font-family:var(--font-mono)}.mini-tags li{font-size:.7rem;color:var(--muted);border:1px solid var(--trace-dim);border-radius:3px;padding:.2rem .55rem}.chip-link{font-size:.82rem;color:var(--copper);text-decoration:none;letter-spacing:.05em;border-top:1px dashed var(--trace-dim);padding-top:.9rem;transition:.2s}.chip-link:hover{color:var(--copper-strong)}.chip-link[aria-disabled=true],.signal-dot{pointer-events:none;opacity:.5}.signal-dot{fill:var(--copper-strong);opacity:0;transition:opacity .25s;filter:drop-shadow(0 0 5px var(--copper-glow))}.site-footer{border-top:1px solid var(--trace-dim);padding:1.2rem 2rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.pad-dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:2px solid var(--trace);vertical-align:middle;margin:0 .6rem}@media (max-width:980px){.hero{grid-template-columns:1fr;padding:1rem 1.5rem 2rem;gap:0}.hero-copy{padding:1.5rem 0 1rem;text-align:center}#board,.bio{margin:0 auto}.hero-cta,.hero-stats{justify-content:center}.role{border-bottom:none;padding-bottom:0}#board{max-width:520px;max-height:none}.project-bus,.skills-board{grid-template-columns:1fr;gap:2.2rem}.project-bus{gap:3.4rem}.project-bus::before{display:none}}@media (max-width:640px){.site-header{padding:.85rem .75rem;gap:.75rem}.site-nav{gap:.7rem;font-size:.75rem}.site-nav a{padding-left:.95rem}.power-btn{width:34px;height:34px}.brand-name{display:none}.page{padding:1.8rem 1.2rem 2.4rem}.hero-stats{gap:1.4rem}.detail-chip{padding:1.6rem 1.2rem 1.8rem}}