:root{--bg: #0a0e16;--surface: #111726;--surface-2: #161d2e;--border: #222b40;--border-soft: #1b2335;--ink: #e7ecf6;--muted: #97a3bb;--faint: #8b97b1;--accent: #6aa6ff;--accent-ink: #0a0e16;--accent-soft: rgba(106, 166, 255, .12);--accent-2: #5ee0c0;--shadow: 0 8px 14px rgba(0, 0, 0, .35);--radius: 8px;--radius-sm: 8px;--maxw: 1080px;--font-body: "Source Sans 3", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Sora", var(--font-body);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=light]{--bg: #f7f9fc;--surface: #ffffff;--surface-2: #f1f5fb;--border: #e3e9f2;--border-soft: #eef2f8;--ink: #16203a;--muted: #586079;--faint: #7b8499;--accent: #2456c6;--accent-ink: #ffffff;--accent-soft: rgba(36, 86, 198, .09);--accent-2: #0f8a73;--shadow: 0 8px 14px rgba(24, 33, 47, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","ss01"}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}h1{font-size:clamp(2.4rem,5vw,3.9rem);line-height:1.04;font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1;font-weight:700}h3{font-size:1.12rem;line-height:1.25;font-weight:700}code{font-family:var(--font-mono);font-size:.85em;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);padding:.1rem .35rem}.wrap{width:min(var(--maxw),calc(100% - 40px));margin:0 auto;position:relative;z-index:1}.eyebrow{display:inline-block;margin-bottom:.7rem;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:none}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border-soft)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;letter-spacing:0;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-size:.85rem;font-weight:800}.site-nav{display:flex;align-items:center;gap:1.3rem}.site-nav a{color:var(--muted);font-size:.92rem;font-weight:550;transition:color .15s}.site-nav a:hover{color:var(--ink)}.nav-links{display:flex;align-items:center;gap:1.3rem}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--accent)}.lang-toggle{display:grid;place-items:center;height:36px;padding:0 .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:600;white-space:nowrap;transition:border-color .15s,color .15s}.lang-toggle:hover{border-color:var(--accent);color:var(--ink)}.nav-mobile-panel .nav-lang{margin-top:.15rem;border-top:1px solid var(--border-soft);border-radius:0;padding-top:.6rem}.theme-toggle .sun{display:none}.theme-toggle .moon,[data-theme=light] .theme-toggle .sun{display:block}[data-theme=light] .theme-toggle .moon{display:none}.nav-mobile{display:none;position:relative}.nav-mobile>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}.nav-mobile>summary::-webkit-details-marker{display:none}.nav-mobile>summary:hover{border-color:var(--accent)}.nav-mobile-panel{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:.15rem;min-width:190px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);z-index:60}.nav-mobile-panel a{padding:.55rem .7rem;border-radius:6px;color:var(--muted);font-size:.95rem;font-weight:550}.nav-mobile-panel a:hover{color:var(--ink);background:var(--surface-2)}.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:8px;font-weight:650;font-size:.95rem;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent)}main{position:relative;z-index:1}.section{padding:72px 0}.section-head{margin-bottom:34px;max-width:720px}.section-head p{color:var(--muted);margin-top:.5rem;font-size:1.02rem}.section-cta{margin-top:1.1rem}.hero{padding:88px 0 68px}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;max-width:900px}.hero-eyebrow{margin-bottom:1rem;color:var(--accent);font-size:.74rem;font-weight:750;letter-spacing:0;text-transform:uppercase}.hero h1{max-width:820px;margin-bottom:1.2rem;text-wrap:balance}.hero h1 .grad{color:var(--accent-2)}.hero-lead{color:var(--muted);font-size:1.15rem;max-width:780px;margin-bottom:1.45rem}.hero-proof{width:min(100%,820px);margin-bottom:1.55rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pedigree-strip,.hero-metrics,.hero-skills{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .8rem;padding:.72rem 0;border-bottom:1px solid var(--border-soft)}.hero-skills{border-bottom:0}.pedigree-strip{justify-content:space-between;color:var(--muted)}.pedigree-companies{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--ink)}.pedigree-companies strong{font-weight:800}.pedigree-companies strong:not(:last-child):after,.hero-metrics span:not(:last-child):after,.hero-skills span:not(:last-child):after{content:"·";margin-left:.8rem;color:var(--faint);font-weight:650}.hero-metrics{color:var(--ink);font-size:.95rem;font-weight:650;font-variant-numeric:tabular-nums}.hero-skills{color:var(--accent);font-size:.86rem;font-weight:700;letter-spacing:0;text-transform:none}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.35rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:var(--faint);font-size:.88rem}.hero-meta a:hover{color:var(--ink)}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.about-grid p{color:var(--muted);font-size:1.06rem;margin-bottom:1rem}.about-grid p strong{color:var(--ink);font-weight:650}.pov-label{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:none;margin-bottom:.85rem}.pillars{display:grid;gap:12px}.pillar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:16px 18px}.pillar h3{font-size:.98rem;line-height:1.3;margin-bottom:.35rem}.pillar p{color:var(--muted);font-size:.92rem;margin:0}.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.card-media{aspect-ratio:16 / 10;background:var(--surface-2);border-bottom:1px solid var(--border-soft)}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px;display:flex;flex-direction:column;gap:.6rem;flex:1}.card-kicker{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none}.card-body p{color:var(--muted);font-size:.93rem;flex:1}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag{border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--muted);padding:.18rem .55rem;font-size:.76rem;font-weight:500}.card-links{display:flex;gap:1rem;margin-top:.3rem}.card-links a{color:var(--accent);font-size:.9rem;font-weight:650}.card-links a:hover{text-decoration:underline;text-underline-offset:3px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s}.lab-card:hover{border-color:var(--accent)}.lab-card h3{font-size:1.02rem}.lab-card p{color:var(--muted);font-size:.9rem;flex:1}.xp{display:grid;gap:0;max-width:820px}.xp-item{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--border-soft)}.xp-item:first-child{border-top:0}.xp-when{color:var(--faint);font-size:.86rem;font-variant-numeric:tabular-nums;padding-top:2px}.xp-role{font-weight:700}.xp-co{color:var(--accent);font-weight:650}.xp-detail{color:var(--muted);font-size:.94rem;margin-top:.25rem}.xp-chips{margin-top:.55rem;gap:.4rem}.xp-chips .tag{font-size:.72rem;padding:.12rem .5rem}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.skill-cat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:16px 18px}.skill-cat h3{font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--accent);margin-bottom:.6rem}.skill-cat .tag-row{gap:.4rem}.contact{text-align:center;padding:80px 0 96px}.contact h2{margin-bottom:.8rem}.contact p{color:var(--muted);max-width:540px;margin:0 auto 1.6rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.site-footer{border-top:1px solid var(--border-soft)}.site-footer .wrap{display:flex;justify-content:space-between;gap:1rem;padding:26px 20px 40px;color:var(--faint);font-size:.88rem}.site-footer a:hover{color:var(--ink)}.detail-hero{padding:56px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:36px;align-items:center}.back-link{color:var(--muted);font-size:.9rem;display:inline-block;margin-bottom:1rem}.back-link:hover{color:var(--ink)}.detail-hero h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem}.detail-hero p{color:var(--muted);font-size:1.08rem;margin-bottom:1.4rem}.detail-img{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.detail-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px}.panel h2{font-size:1.15rem;margin-bottom:.9rem}.check{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.check li{position:relative;padding-left:1.4rem;color:var(--muted);font-size:.94rem}.check li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.repo-row{display:flex;flex-wrap:wrap;gap:.7rem}.repo-row a{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:.6rem .9rem;color:var(--accent);font-weight:600;font-size:.9rem}.repo-row a:hover{border-color:var(--accent)}.case-hero{padding:56px 0 8px}.case-hero h1{font-size:clamp(2.2rem,4.5vw,3.2rem);margin:.2rem 0 1rem}.case-lead{color:var(--muted);font-size:1.12rem;max-width:760px;margin-bottom:1.2rem}.case-lead strong{color:var(--ink);font-weight:650}.case-chips{display:flex;flex-wrap:wrap;gap:.5rem}.case-chips span{border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink);padding:.3rem .7rem;font-size:.82rem;font-weight:650}.case-block{margin-bottom:40px;max-width:880px}.case-block>h2{margin-bottom:.9rem}.case-block>p{margin-bottom:.6rem}.case-block em{color:var(--ink)}.case-note{font-size:.98rem;margin-bottom:1.2rem}.case-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-cols .panel h3{margin-bottom:.5rem}.case-cols .panel p{font-size:.95rem}.case-links-grid{max-width:880px}.case-links-grid .repo-row{flex-direction:column;align-items:flex-start}.arch{display:flex;flex-direction:column;gap:10px}.arch-node{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:.25rem}.arch-node strong{font-weight:750}.arch-sub{color:var(--accent);font-size:.82rem;font-weight:650}.arch-meta{color:var(--muted);font-size:.85rem;line-height:1.5}.arch-top{text-align:center;background:var(--surface-2);font-weight:650;align-items:center}.arch-hub{border-color:var(--accent);align-items:center;text-align:center;box-shadow:var(--shadow)}.arch-arrow{text-align:center;color:var(--faint);font-size:1.1rem;line-height:1}.arch-branch{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.arch-col{display:flex;flex-direction:column;gap:8px}.arch-label{color:var(--faint);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none}.arch-soft{background:var(--surface-2)}.arch-support{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--muted);font-size:.85rem;text-align:center}.arch-sibling{margin-top:6px;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:.4rem}.arch-sib-tag{color:var(--faint);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none}.arch-foot{font-size:.82rem;margin-top:.6rem}.note-list{display:grid;gap:14px;max-width:760px}.note-row{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px 24px;transition:transform .15s,border-color .15s,box-shadow .15s}.note-row:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.note-meta{color:var(--faint);font-size:.8rem;font-weight:600;letter-spacing:0}.note-row h2{font-size:1.3rem;margin:.35rem 0 .5rem}.note-row p{color:var(--muted);font-size:.96rem;margin-bottom:.7rem}.note-more{color:var(--accent);font-size:.9rem;font-weight:650}.article{max-width:720px;padding-top:8px}.article>h1{font-size:clamp(2rem,4vw,2.7rem);margin:.3rem 0 .6rem}.article-meta{color:var(--faint);font-size:.88rem;font-weight:600;margin-bottom:1.8rem}.prose>p{color:var(--muted);font-size:1.05rem;line-height:1.75;margin-bottom:1.2rem}.prose strong,.prose em{color:var(--ink)}.prose h2{font-size:1.3rem;margin:2rem 0 .8rem}.prose ul{margin:0 0 1.2rem;padding-left:0;list-style:none;display:grid;gap:.6rem}.prose ul li{position:relative;padding-left:1.3rem;color:var(--muted);font-size:1.02rem;line-height:1.65}.prose ul li:before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:700}.prose ul li strong{color:var(--ink)}.prose pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:16px 18px;overflow-x:auto;margin:0 0 1.4rem;font-size:.84rem;line-height:1.6}.prose pre code{font-family:var(--font-mono);border:0;background:transparent;padding:0;color:var(--ink);font-size:inherit;white-space:pre}.article-foot{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--border-soft)}.article-foot a{color:var(--accent);font-size:.92rem;font-weight:650}.article-foot a:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:880px){.hero-inner,.about-grid,.detail-hero,.proj-grid,.lab-grid,.detail-cols,.skill-grid,.case-cols,.arch-branch{grid-template-columns:1fr}.hero{padding-top:56px}}@media(max-width:860px){.nav-links{display:none}.nav-mobile{display:block}.lang-toggle{display:none}}@media(max-width:560px){.xp-item{grid-template-columns:1fr;gap:4px}.site-footer .wrap{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.card:hover{transform:none}}