:root{--bg:#fafaf9;--surface:#fff;--fg:#18181b;--muted:#62626b;--accent:#4f46e5;--accent-2:#06b6d4;--accent-soft:#eef2ff;--border:#e7e7ea;--code-bg:#f4f4f6;--shadow:0 1px 2px #0000000a, 0 8px 24px #18181b0f;--max:46rem;--wide:62rem;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0e;--surface:#131318;--fg:#ededf0;--muted:#9a9aa6;--accent:#8b93ff;--accent-2:#22d3ee;--accent-soft:#1b1b30;--border:#25252d;--code-bg:#17171d;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--fg);margin:0;font-size:1.05rem;line-height:1.7}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem)}h2{margin:2.5rem 0 1rem;font-size:1.5rem}img{border-radius:10px;max-width:100%;height:auto}.container{max-width:var(--wide);margin:0 auto;padding:0 1.25rem}.narrow{max-width:var(--max);margin:0 auto}main{padding:3rem 0 5rem}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header nav{align-items:center;gap:.25rem;height:3.75rem;display:flex}.brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:.6rem;margin-right:auto;font-weight:800;text-decoration:none;display:flex}.brand .logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:8px;place-items:center;width:28px;height:28px;font-size:.9rem;display:grid}.nav-link{color:var(--muted);border-radius:999px;padding:.4rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--fg);background:var(--accent-soft)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}@media (width<=560px){.brand span.name{display:none}.nav-link{padding:.35rem .55rem}}.hero{padding:3rem 0 2rem;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(40rem 16rem at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(34rem 14rem at 85% 10%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 70%);height:22rem;position:absolute;inset:-4rem -10% auto}.eyebrow{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.eyebrow .dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e33}.hero h1{font-size:clamp(2.5rem,7vw,4rem);font-weight:800}.gradient-text{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:36rem;font-size:1.2rem}.cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.btn{border:1px solid var(--border);color:var(--fg);background:var(--surface);border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#0b0b0e}}.section-head{justify-content:space-between;align-items:baseline;margin:3.5rem 0 1.25rem;display:flex}.section-head h2{margin:0}.section-head a{font-size:.95rem;font-weight:600;text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);flex-direction:column;gap:.6rem;padding:1.4rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}a.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-3px)}.card h3{margin:0;font-size:1.15rem}.card p{color:var(--muted);margin:0;font-size:.97rem;line-height:1.55}.card .meta{color:var(--muted);font-size:.82rem}.card .links{gap:1rem;margin-top:auto;padding-top:.5rem;font-size:.9rem;font-weight:600;display:flex}.post-list{gap:1rem;display:grid}.post-row{gap:.35rem;padding:1.3rem 1.4rem;display:grid}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.prose{font-size:1.1rem}.prose>*+*{margin-top:1.25em}.prose h2{margin-top:2.2em}.prose h3{margin-top:1.8em}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);background:var(--accent-soft);border-radius:0 10px 10px 0;margin-left:0;padding:.25rem 1.25rem}.prose code{background:var(--code-bg);border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.prose pre{border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.35em}.post-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:1.5rem}.post-header .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.back{color:var(--muted);margin-bottom:1.5rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}.contact-list{gap:.75rem;margin-top:1.5rem;display:grid}.contact-item{align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.contact-item .icon{background:var(--accent-soft);border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.15rem;display:grid}.contact-item .label{color:var(--muted);font-size:.82rem;line-height:1.3;display:block}.contact-item .value{font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:2rem 0 3rem;font-size:.9rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.site-footer a{color:var(--muted);margin-left:1rem;text-decoration:none}.site-footer a:first-child{margin-left:0}.site-footer a:hover{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.hero>*{animation:.6s both rise}.hero>:nth-child(2){animation-delay:80ms}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.about-hero{color:#f3f4f6;background:#111827;border-radius:20px;padding:2rem 2rem 1.75rem}.about-hero .kicker{text-transform:uppercase;letter-spacing:.06em;color:#93b4ff;margin:0;font-size:.85rem}.about-hero h1{color:#fff;margin:.4rem 0 .5rem;font-size:clamp(2rem,5vw,2.6rem)}.about-hero .role{color:#d1d5db;margin:0 0 1rem;font-size:1.35rem}.about-hero .tagline{color:#cbd5e1;margin:0 0 1rem}.about-hero .tag{color:#7aa2ff;background:#1e2a4a}.about-section{border-bottom:1px solid var(--border);padding:2.25rem 0}.about-section:last-child{border-bottom:0}.about-section h2{margin:0 0 1.25rem;font-size:1.25rem}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}@media (width<=760px){.grid.three{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid.two,.grid.three{grid-template-columns:1fr}}.tile{gap:.5rem;padding:1.1rem 1.2rem;font-weight:600}.ico{color:var(--accent);display:inline-flex}.principle h3{font-size:1rem}.timeline{border-left:2px solid var(--border);gap:1.75rem;margin:0;padding:0 0 0 1.4rem;list-style:none;display:grid}.timeline li{position:relative}.timeline li:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:.45rem;left:calc(-1.4rem - 6px)}.timeline .when{color:var(--muted);font-size:.82rem;font-weight:600}.timeline h3{margin:.15rem 0 .25rem;font-size:1.1rem}.timeline .where{color:var(--muted);font-weight:500}.timeline p{color:var(--muted);margin:0}.spaced{margin-top:2rem}