:root{--ink-950:#08090b;--ink-900:#0c0e11;--ink-850:#101316;--ink-800:#14171b;--ink-700:#1a1e23;--ink-600:#23282f;--ink-500:#2e343c;--bone-100:#f3f5f7;--bone-200:#d6dadf;--bone-300:#aab1ba;--bone-400:#7e868f;--bone-500:#5a626c;--cyan-300:#7df0f5;--cyan-400:#38dde6;--cyan-500:#1ec8d2;--cyan-600:#15a3ac;--wave-cyan:#1ec8d2;--wave-teal:#1aa39a;--wave-amber:#f3b557;--wave-coral:#ef6a4d;--wave-teal-bright:#19b3a6;--wave-coral-bright:#f2724f;--wave-gradient:linear-gradient(90deg, var(--wave-cyan), var(--wave-teal) 34%, var(--wave-amber) 64%, var(--wave-coral));--green-500:#35d08a;--red-500:#f2585f;--bg-page:var(--ink-900);--surface:var(--ink-800);--surface-raised:var(--ink-700);--surface-hover:var(--ink-600);--surface-inset:var(--ink-950);--text-strong:var(--bone-100);--text-default:var(--bone-200);--text-muted:var(--bone-300);--text-faint:var(--bone-400);--text-on-accent:var(--ink-950);--border-subtle:#f3f5f70f;--border-default:#f3f5f71c;--border-strong:#f3f5f72e;--border-accent:var(--cyan-500);--accent:var(--cyan-500);--accent-hover:var(--cyan-400);--accent-press:var(--cyan-600);--accent-soft:#1ec8d21f;--accent-glow:#1ec8d247;--accent-text:var(--cyan-300);--focus-ring:#1ec8d28c;--success:var(--green-500);--danger:var(--red-500);--font-sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:22px;--text-xl:28px;--text-2xl:36px;--text-5xl:84px;--leading-tight:1.04;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-caps:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--container-max:1120px;--gutter:var(--space-6);--shadow-sm:0 1px 2px #0006;--shadow-lg:0 18px 48px #0000008c;--shadow-inset-top:inset 0 1px 0 #f3f5f70d;--glow-accent:0 0 0 1px var(--accent), 0 8px 30px var(--accent-glow);--glow-soft:0 6px 26px var(--accent-glow);--grid-line:#f3f5f709;--grid-bg:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);--grid-size:44px 44px;--spotlight:radial-gradient(60% 60% at 50% 0%, #1ec8d21a, transparent 70%);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-base:.2s;--blur-panel:blur(14px)}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg-page);color:var(--text-default);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{top:calc(-1 * var(--space-16));left:var(--space-4);z-index:60;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-strong);font-size:var(--text-sm);transition:top var(--dur-base) var(--ease-out);padding:10px 16px;font-weight:500;position:fixed}.skip-link:focus{top:var(--space-3)}main:focus{outline:none}.wrap{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-text);margin:0 0 var(--space-4);align-items:center;gap:10px;display:flex}.eyebrow:before{content:"";background:var(--wave-gradient);opacity:.9;border-radius:2px;width:30px;height:2px}header.nav{z-index:50;backdrop-filter:var(--blur-panel);background:color-mix(in srgb,var(--bg-page) 72%,transparent);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand .mark{width:auto;height:42px;display:block}.brand-sys{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.nav-links{align-items:center;gap:var(--space-2);display:flex}.nav-links a.link{font-size:var(--text-sm);color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);padding:8px 12px;font-weight:500}.nav-links a.link:hover{color:var(--text-strong);background:var(--surface-raised)}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);width:38px;height:38px;color:var(--text-default);transition:all var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text-strong);border-color:var(--border-strong);background:var(--surface-hover)}.icon-btn svg{width:18px;height:18px}@media (pointer:coarse){.icon-btn{width:44px;height:44px}.btn{min-height:44px}}.btn{cursor:pointer;font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;border-radius:var(--radius-md);font-weight:600;line-height:1;font-size:var(--text-base);transition:all var(--dur-base) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn svg{width:17px;height:17px}.btn-primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--glow-soft)}.btn-primary:hover{background:linear-gradient(92deg,var(--accent),var(--wave-teal));box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-primary:active{background:var(--accent-press);box-shadow:none;transform:translateY(1px)}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--text-default);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--surface-raised);color:var(--text-strong);border-color:var(--border-strong)}.btn-secondary{background:var(--surface-raised);color:var(--text-strong);border-color:var(--border-default)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-outline{color:var(--accent-text);border-color:var(--border-accent);background:0 0}.btn-outline:hover{background:var(--accent-soft)}.hero{padding:var(--space-32) 0 var(--space-24);position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;background-image:var(--spotlight),var(--grid-bg);background-size:auto,var(--grid-size),var(--grid-size);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.hero-watermark{z-index:0;opacity:.08;pointer-events:none;width:760px;height:auto;position:absolute;top:44%;right:-30px;transform:translateY(-50%)}.hero-inner{z-index:1;max-width:760px;position:relative}h1.hero-title{font-size:clamp(40px,6.4vw,var(--text-5xl));letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);color:var(--text-strong);margin:0 0 var(--space-6);text-wrap:balance}h1.hero-title .accent{background:var(--wave-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:56ch;margin:0 0 var(--space-8)}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-meta{gap:var(--space-6);margin-top:var(--space-12);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em;flex-wrap:wrap;display:flex}section{padding:var(--space-24) 0;position:relative}.sec-head{margin-bottom:var(--space-12);max-width:640px}.sec-head h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 var(--space-3);font-weight:700;line-height:1.1}.sec-head p{font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:54ch;margin:0}.divider{background:var(--wave-gradient);opacity:.5;height:1px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.projects{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.projects-solo{grid-template-columns:minmax(0,640px)}.pcard{--card-accent:var(--accent);gap:var(--space-4);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--shadow-inset-top);padding:var(--space-8);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.pcard.clickable:hover{border-color:color-mix(in srgb,var(--card-accent) 55%,transparent);box-shadow:0 10px 32px color-mix(in srgb,var(--card-accent) 20%,transparent);transform:translateY(-3px)}.pcard-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.pcard-name{font-size:var(--text-xl);letter-spacing:-.01em;color:var(--text-strong);align-items:center;gap:12px;margin:0;font-weight:700;display:flex}.pcard-mark{border-radius:var(--radius-md);background:color-mix(in srgb,var(--card-accent) 13%,var(--surface-inset));border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent);width:46px;height:46px;color:var(--card-accent);flex:none;place-items:center;display:grid}.pcard-mark svg{width:26px;height:26px}.pcard-mark.is-img{background:0 0;border:none;padding:0;overflow:hidden}.pcard-mark.is-img img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.pcard-blurb{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0}.pcard-tags{flex-wrap:wrap;gap:6px;display:flex}.pcard-foot{padding-top:var(--space-2);align-items:center;gap:10px;margin-top:auto;display:flex}.pcard-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--card-accent);transition:gap var(--dur-base) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.pcard.clickable:hover .pcard-link{gap:11px}.pcard-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.06em;margin-left:auto}.projects-more{align-items:center;gap:var(--space-3);margin-top:var(--space-8);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);flex-wrap:wrap;max-width:60ch;display:flex}.badge{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:4px 9px;font-weight:500;line-height:1;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent)}.badge.teal{color:var(--wave-teal-bright);border-color:color-mix(in srgb,var(--wave-teal) 42%,transparent);background:color-mix(in srgb,var(--wave-teal) 13%,transparent)}.badge.coral{color:var(--wave-coral-bright);border-color:color-mix(in srgb,var(--wave-coral) 42%,transparent);background:color-mix(in srgb,var(--wave-coral) 13%,transparent)}.badge.amber{color:var(--wave-amber);border-color:color-mix(in srgb,var(--wave-amber) 42%,transparent);background:color-mix(in srgb,var(--wave-amber) 13%,transparent)}.badge.accent{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.badge.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);align-items:center;padding:5px 10px;line-height:1;display:inline-flex}.tag:before{content:"#";opacity:.5;margin-right:2px}.about{gap:var(--space-12);grid-template-columns:200px 1fr;align-items:start;display:grid}.about-portrait{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.avatar{border-radius:var(--radius-full);background:linear-gradient(var(--surface-hover),var(--surface-hover)) padding-box,var(--wave-gradient) border-box;width:160px;height:160px;font-family:var(--font-sans);letter-spacing:-1px;box-shadow:0 10px 34px color-mix(in srgb,var(--wave-teal) 16%,transparent);border:3px solid #0000;place-items:center;font-size:54px;font-weight:700;display:grid;overflow:hidden}.avatar .ini{background:var(--wave-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.avatar img{object-fit:cover;width:100%;height:100%}.about-socials{gap:var(--space-2);display:flex}.about-body p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-default);margin:0 0 var(--space-4);max-width:58ch}.about-body p.muted{color:var(--text-muted);font-size:var(--text-base)}.about-body a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,var(--accent-text) 55%,transparent);transition:text-decoration-color var(--dur-base) var(--ease-out)}.about-body a:hover{text-decoration-color:currentColor}.about-body .name{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--text-strong);margin:0 0 var(--space-1);font-weight:700}.about-body .role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-text);letter-spacing:.04em;margin:0 0 var(--space-6)}.kcb-key{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;gap:10px;display:inline-flex}.kcb-key b{color:var(--text-strong);font-weight:600}.kcb-key .pc{color:var(--accent-text)}footer{border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-12);margin-top:var(--space-12)}.foot-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;display:flex}.foot-brand{align-items:center;gap:12px;display:flex}.foot-brand .mark{width:auto;height:46px}.foot-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);line-height:var(--leading-relaxed);max-width:34ch;margin-top:var(--space-3)}.foot-cols{gap:var(--space-16);display:flex}.foot-col h3{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--space-4);font-weight:500}.foot-col a{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);transition:color var(--dur-base) var(--ease-out);display:block}.foot-col a:hover{color:var(--accent-text)}.foot-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em;flex-wrap:wrap;display:flex}.foot-version{margin-left:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent);opacity:.75;padding:1px 6px}html.js .reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(16px)}html.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transition:none;transform:none}}@media (width<=860px){.projects{grid-template-columns:minmax(0,1fr)}.about{gap:var(--space-8);grid-template-columns:1fr}.about-portrait{flex-direction:row;justify-content:flex-start;align-items:center}.avatar{width:96px;height:96px;font-size:30px}.hero-watermark{display:none}.hero{padding:var(--space-16) 0 var(--space-12)}section{padding:var(--space-16) 0}.nav-links a.link:nth-of-type(n+2){display:none}.foot-cols{gap:var(--space-12)}}@media (width<=480px){.wrap{padding:0 var(--space-5)}.brand-sys{display:none}h1.hero-title{font-size:clamp(34px,8.6vw,44px)}.hero-sub{font-size:var(--text-md)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.hero-meta{gap:var(--space-2) var(--space-5)}.pcard{padding:var(--space-6)}.foot-inner{flex-direction:column}.foot-bottom{gap:var(--space-2);flex-direction:column}}