html,body{width:100%;height:100%;margin:0;padding:0}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{color:#eef1f6;background:#070914;font-family:SF Mono,Cascadia Mono,Menlo,Monaco,Consolas,monospace}a:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}#constellation-menu-root,.site-constellation{z-index:0;position:fixed;inset:0}.site-content{z-index:5;box-sizing:border-box;pointer-events:none;min-height:100%;position:relative}.deck-page{scroll-snap-align:start;pointer-events:none;height:100vh;position:relative;overflow:hidden}.deck-page .content-panel{pointer-events:auto}.site-bar{z-index:20;height:56px;color:var(--fg);background:0 0;align-items:baseline;gap:20px;padding:0 20px 0 24px;display:flex;position:fixed;top:24px;left:0;right:0}.site-controls{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.site-toggle,.site-github,.site-linkedin,.site-cv{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:color .38s,box-shadow .38s,background .38s;display:grid}.site-github,.site-linkedin,.site-cv{text-decoration:none}.site-toggle:hover,.site-github:hover,.site-linkedin:hover,.site-cv:hover{color:var(--glow);background:radial-gradient(circle, color-mix(in srgb, var(--glow) 28%, var(--bg)) 0%, color-mix(in srgb, var(--glow) 8%, var(--bg)) 46%, var(--bg) 70%);box-shadow:0 0 24px 4px color-mix(in srgb, var(--glow) 50%, var(--bg))}.site-toggle:disabled{cursor:default;opacity:.5}:root[data-site-mode=dark]{--bg:#070914;--fg:#eef1f6;--muted:#9aa3bc;--panel:#070914c7;--divide:#3a3f52;--glow:#eef1f6}:root[data-site-mode=light]{--bg:#eef1f6;--fg:#070914;--muted:#4a5164;--panel:#eef1f6d9;--divide:#181b26;--glow:#b5761a}:root{color-scheme:dark}:root[data-site-mode=light]{color-scheme:light}html,body{background:var(--bg);color:var(--fg);transition:background-color .38s,color .38s}.site-name{color:var(--fg);letter-spacing:.14em;font-size:14px;font-weight:700;text-decoration:none}.site-name:hover{text-underline-offset:4px;text-decoration:underline}.site-rail{z-index:20;color:var(--muted);letter-spacing:.18em;flex-direction:column-reverse;align-items:center;gap:6px;font-size:10px;display:flex;position:fixed;bottom:34px;right:34px}.site-rail span.is-active{color:var(--fg)}@media (width<=767px){.site-rail{display:none}}.bio-panel,.content-panel{box-sizing:border-box;background:var(--panel);border:1px solid var(--divide);border-radius:0;max-width:540px;max-height:calc(100vh - 150px);margin:88px 24px 24px;padding:28px;overflow-y:auto}.bio-panel{max-width:540px;margin:88px 24px 24px;padding:32px}@media (prefers-reduced-motion:reduce){html,body,.effect-frame,.effect-scene,.site-bar,.site-toggle,.site-github,.site-linkedin,.site-cv{transition:none}html{scroll-behavior:auto}}.kicker{letter-spacing:.2em;color:var(--muted);margin:0 0 18px;font-size:11px}.content-panel h1{letter-spacing:.02em;margin:0 0 14px;font-size:clamp(28px,5vw,44px)}.content-panel h2{letter-spacing:.06em;margin:0 0 8px;font-size:18px}.tagline{color:var(--muted);max-width:58ch;font-size:14px;line-height:1.65}.hairline{background:var(--divide);height:1px;margin:22px 0}.stat-strip{background:var(--divide);border:1px solid var(--divide);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin:0;display:grid}.stat-strip>div{background:var(--panel);padding:12px}.stat-strip dt,.metric-label{letter-spacing:.16em;color:var(--muted);font-size:10px}.stat-strip dd{margin:6px 0 0;font-size:20px;font-weight:700}.metric-value{margin:6px 0 0;font-size:26px;font-weight:700}.hint{letter-spacing:.18em;color:var(--muted);margin-top:22px;font-size:10px}.role{border-top:1px solid var(--divide);gap:12px;padding:20px 0;display:grid}.role-meta{color:var(--muted);letter-spacing:.1em;font-size:12px}.role-stack,.project-stack{color:var(--muted);letter-spacing:.12em;font-size:10px}.role-points{margin:0;padding-left:18px}.role-points li{margin:8px 0;font-size:13px;line-height:1.55}.skill-group{border-top:1px solid var(--divide);padding:14px 0}.skill-tags{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.skill-tags li{border:1px solid var(--divide);padding:4px 10px;font-size:12px}.project{border-top:1px solid var(--divide);padding:18px 0}.project-head{justify-content:space-between;gap:16px;display:flex}.project-status{letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:10px}.project-summary{margin:10px 0;font-size:13px;line-height:1.6}.metric-grid{background:var(--divide);border:1px solid var(--divide);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;display:grid}.metric-cell{background:var(--panel);flex-direction:column;gap:8px;padding:18px;display:flex}.contact-list{background:var(--divide);border:1px solid var(--divide);gap:1px;margin:0;display:grid}.contact-list>div{background:var(--panel);flex-direction:column;gap:4px;padding:14px;display:flex}.contact-list dt{letter-spacing:.16em;color:var(--muted);font-size:10px}.contact-list dd{margin:0}.contact-list a{color:var(--fg);text-underline-offset:4px}@media (width<=360px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.effect-frame{--mode-bg:#070914;--mode-transition:.38s;background-color:var(--mode-bg);width:100%;min-width:0;height:100%;min-height:0;transition:background-color var(--mode-transition) ease;position:relative;overflow:hidden}.effect-frame[data-mode=light]{--mode-bg:#eef1f6}.effect-scene{opacity:1;transition:opacity var(--mode-transition) ease;position:absolute;inset:0}.effect-frame.is-transitioning .effect-scene{opacity:0}.effect-scene iframe,.effect-scene [data-effect-frame]{border:0;width:100%;height:100%;display:block}.effect-toggle{z-index:10;color:#ecece8;letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0e0e12b3;border:1px solid #ffffff3d;border-radius:999px;padding:8px 14px;font:400 12px/1 ui-monospace,monospace;transition:background .18s,border-color .18s,color .18s;position:absolute;top:16px;right:16px}.effect-toggle:hover{background:#18181ed9;border-color:#ffffff73}.effect-toggle[aria-pressed=true]{color:#1d1f26;background:#eef1f6eb;border-color:#1c1e2680}@media (prefers-reduced-motion:reduce){.effect-frame,.effect-scene{transition:none}}