:root{--font-display:"Space Grotesk", "Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--paper:#f4f1ea;--surface:#fbfaf6;--surface-2:#efebe1;--ink:#1a1a17;--ink-2:#57564e;--ink-3:#8b897e;--line:#e0dcd0;--line-2:#cfc9bb;--signal:#ff4a1c;--signal-press:#e03a10;--signal-tint:#fce6dd;--on-signal:#fff;--ok:#1f8a4c;--warn:#c77800;--info:#2563eb;--ok-tint:#e2f1e7;--warn-tint:#f8ecd6;--info-tint:#e2eafb;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--r-xs:2px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-pill:999px;--shadow-sm:0 1px 2px #1a1a170d;--shadow-md:0 6px 20px -6px #1a1a1724;--shadow-lg:0 18px 48px -16px #1a1a1738;--ease:cubic-bezier(.22,.61,.36,1);--ease-snap:cubic-bezier(.2,.9,.3,1.1);--dur:.22s}[data-theme=dark]{--paper:#121210;--surface:#1b1b18;--surface-2:#0c0c0b;--ink:#f1eee5;--ink-2:#a8a599;--ink-3:#6f6d63;--line:#2a2a26;--line-2:#3a3933;--signal:#ff5a2c;--signal-press:#ff7044;--signal-tint:#2e1a12;--on-signal:#14130f;--ok-tint:#14271b;--warn-tint:#2a2113;--info-tint:#15203a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px -6px #0000008c;--shadow-lg:0 18px 48px -16px #000000b3}.ds-display{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-size:clamp(3rem,7vw,6.25rem);font-weight:600;line-height:.96}.ds-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:clamp(2.25rem,4.4vw,3.5rem);font-weight:600;line-height:1.02}.ds-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:600;line-height:1.08}.ds-h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:1.375rem;font-weight:500;line-height:1.2}.ds-lead{font-family:var(--font-body);color:var(--ink-2);text-wrap:pretty;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:400;line-height:1.5}.ds-body{font-family:var(--font-body);color:var(--ink-2);text-wrap:pretty;font-size:1.0625rem;font-weight:400;line-height:1.65}.ds-body-sm{font-family:var(--font-body);color:var(--ink-2);font-size:.9375rem;font-weight:400;line-height:1.55}.ds-mono-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem;font-weight:500;line-height:1}.ds-mono{font-family:var(--font-mono);color:var(--ink-2);font-size:.875rem;font-weight:400;line-height:1.5}.ds-eyebrow{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem;font-weight:500;display:inline-flex}.ds-eyebrow:before{content:"";background:var(--signal);width:18px;height:2px;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-body);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform .12s var(--ease);border:1px solid #0000;padding:13px 20px;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#000}[data-theme=dark] .btn-primary:hover{background:#fff}.btn-signal{background:var(--signal);color:var(--on-signal)}.btn-signal:hover{background:var(--signal-press)}.btn-secondary{color:var(--ink);border-color:var(--line-2);background:0 0}.btn-secondary:hover{border-color:var(--ink);background:var(--surface)}.btn-ghost{color:var(--ink-2);background:0 0;padding-left:10px;padding-right:10px}.btn-ghost:hover{color:var(--ink);background:var(--surface-2)}.btn-sm{padding:9px 14px;font-size:.8125rem}.btn-lg{padding:16px 26px;font-size:1rem}.chip{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:7px;padding:7px 13px;font-size:.8125rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--line-2);color:var(--ink)}.chip-active{color:var(--ink);border-color:var(--ink)}.chip-dot{background:var(--signal);border-radius:50%;width:6px;height:6px}.badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink-2);background:var(--surface);align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-live{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, transparent);background:var(--ok-tint)}.badge-live .badge-pulse{background:var(--ok);border-radius:50%;width:6px;height:6px;position:relative}.metric-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-feature-settings:"tnum" 1;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:600;line-height:.95}.metric-value .unit{color:var(--signal)}.metric-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem}*{box-sizing:border-box;margin:0;padding:0}button{font:inherit;background:0 0;border:none}html{scroll-behavior:smooth}body{background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.kit{background:var(--paper);color:var(--ink);min-height:100vh}.wrap{max-width:1140px;margin:0 auto;padding:0 32px}.section{padding:clamp(56px,9vw,120px) 0}.section-head{flex-direction:column;gap:14px;margin-bottom:48px;display:flex}.nav{z-index:40;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1140px;margin:0 auto;padding:14px 32px;display:flex}.nav-logo{cursor:pointer;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);background:0 0;border:none;align-items:center;gap:9px;font-size:18px;font-weight:600;display:flex}.nav-logo .dot{background:var(--signal);border-radius:2px;width:9px;height:9px}.nav-links{gap:28px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:none;padding:0;font-size:12px}.nav-link:hover{color:var(--ink)}.nav-right{align-items:center;gap:14px;display:flex}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease);place-items:center;display:grid}.icon-btn:hover{border-color:var(--ink)}.icon-btn svg{width:17px;height:17px}.nav-burger{display:none}.nav-mobile{border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);flex-direction:column;gap:2px;padding:4px 24px 16px;display:none}.nav-mobile.is-open{display:flex}.nav-mobile-link{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;border:none;border-bottom:1px solid var(--line);background:0 0;padding:14px 2px;font-size:13px}.nav-mobile-link:active{color:var(--signal)}.nav-mobile .btn{margin-top:12px}@media (max-width:720px){.nav-links,.nav-contact{display:none}.nav-burger{display:grid}}.hero{padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(40px,6vw,80px)}.hero-name{margin:22px 0 26px}.hero-lead{max-width:640px;margin-bottom:32px}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-badges{flex-wrap:wrap;gap:10px;display:flex}.hero-wave{margin:clamp(40px,6vw,72px) 0 0}.facts{border-top:1px solid var(--line);gap:0;margin-top:40px;display:flex}.fact{flex:1;padding:22px 0 0}.fact+.fact{border-left:1px solid var(--line);padding-left:24px}.fact-val{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600}.fact-val .u{color:var(--signal)}.fact-lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;font-size:11px}.work-filters{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.work-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (max-width:760px){.work-grid{grid-template-columns:1fr}}.proj{cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;padding:26px;display:flex}.proj:hover{border-color:var(--ink);transform:translateY(-3px)}.proj-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.proj-arrow{color:var(--ink-3);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease)}.proj:hover .proj-arrow{color:var(--signal);transform:translate(2px,-2px)}.proj-chips{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px;display:flex}.tl{flex-direction:column;display:flex}.tl-row{grid-template-columns:132px 1fr;gap:28px;padding-bottom:34px;display:grid}.tl-when{flex-direction:column;gap:3px;display:flex}.tl-from{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;font-size:13px;font-weight:600}.tl-to{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;font-size:11px}.tl-body{border-left:1px solid var(--line);padding-left:28px;position:relative}.tl-row:last-child .tl-body{border-left-color:#0000}.tl-dot{background:var(--paper);border:2px solid var(--ink-3);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-5px}.tl-row.is-now .tl-dot{background:var(--signal);border-color:var(--signal)}.tl-role{flex-direction:column;gap:3px;display:flex}.tl-company{font-family:var(--font-mono);color:var(--ink-2);font-size:13px}.tl-stack{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.about-grid{grid-template-columns:1.4fr 1fr;gap:56px;display:grid}@media (max-width:860px){.about-grid{grid-template-columns:1fr;gap:40px}}.principles{flex-direction:column;gap:2px;display:flex}.principle{border-top:1px solid var(--line);padding:18px 0}.principle:last-child{border-bottom:1px solid var(--line)}.principle h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:5px;font-size:1.05rem;font-weight:600}.skill-group{margin-bottom:22px}.skill-group .gl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:11px}.skill-tags{flex-wrap:wrap;gap:7px;display:flex}.edu{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin-top:8px;padding:24px}.contact{text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex}.email-btn{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:600;display:inline-flex}.email-btn .at{color:var(--signal)}.email-btn:hover{text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:8px}.foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 48px;display:flex}.foot-colophon{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;font-size:12px}.social-links{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.social-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);transition:color var(--dur) var(--ease);align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.social-link svg{width:14px;height:14px;color:var(--ink-3);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease)}.social-link:hover{color:var(--ink)}.social-link:hover svg{color:var(--signal);transform:translate(2px,-2px)}.overlay{z-index:80;background:color-mix(in srgb, var(--ink) 30%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ov-fade .2s var(--ease);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes ov-fade{0%{opacity:0}}.cs{background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line-2);width:min(820px,100%);box-shadow:var(--shadow-lg);animation:cs-up .28s var(--ease);margin:clamp(20px,6vh,80px) 20px;padding:clamp(28px,5vw,56px);position:relative}@keyframes cs-up{0%{opacity:0;transform:translateY(16px)}}.cs-close{position:absolute;top:20px;right:20px}.cs-metrics{border-block:1px solid var(--line);flex-wrap:wrap;gap:36px;margin:28px 0;padding:24px 0;display:flex}.cs-block{margin-top:24px}.cs-block .ds-mono-label{margin-bottom:8px;display:block}.cs-impact{flex-direction:column;gap:10px;margin-top:8px;list-style:none;display:flex}.cs-impact li{color:var(--ink-2);font-family:var(--font-body);align-items:flex-start;gap:12px;font-size:1rem;line-height:1.5;display:flex}.cs-impact li:before{content:"";background:var(--signal);flex:none;width:14px;height:2px;margin-top:11px}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;animation:reveal .6s var(--ease) forwards;transform:translateY(14px)}@keyframes reveal{to{opacity:1;transform:none}}}@media (max-width:600px){.wrap{padding:0 20px}.nav-inner{gap:10px;padding:12px 20px}.nav-right{gap:8px}.section{padding:72px 0}.section-head{margin-bottom:36px}.hero{padding-top:48px;padding-bottom:56px}.hero-name{margin:18px 0 22px;font-size:clamp(2.5rem,12vw,3.4rem)}.hero-cta{flex-direction:column;align-items:stretch;gap:10px}.hero-cta .btn{width:100%}.hero-wave{margin-top:36px}.fact+.fact{padding-left:14px}.fact-val{font-size:1.55rem}.fact-lbl{font-size:10px}.tl-row{grid-template-columns:1fr;gap:8px;padding-bottom:26px}.tl-when{flex-direction:row;align-items:baseline;gap:8px}.tl-body{border-left:none;padding-left:0}.tl-dot{display:none}.tl-row.is-now .tl-from{color:var(--signal)}.overlay{align-items:stretch}.cs{border:none;border-radius:0;width:100%;min-height:100%;margin:0}.cs-metrics{gap:24px 28px}.foot{flex-direction:column;align-items:flex-start;gap:18px}.foot-colophon{font-size:11px}}