:root{--accent: #e2563b;--radius: 16px;--gap: 1;--bg: oklch(.986 .004 90);--bg-2: oklch(.965 .006 88);--surface: oklch(1 0 0);--text: oklch(.24 .012 65);--muted: oklch(.52 .012 65);--faint: oklch(.7 .01 70);--border: oklch(.905 .006 80);--border-2: oklch(.86 .008 80);--accent-ink: #fff;--shadow: 0 1px 2px rgba(40,30,20,.04), 0 8px 24px -12px rgba(40,30,20,.12);--shadow-lg: 0 2px 4px rgba(40,30,20,.05), 0 24px 48px -20px rgba(40,30,20,.22)}:root[data-theme=dark]{--bg: oklch(.205 .012 70);--bg-2: oklch(.235 .013 70);--surface: oklch(.252 .014 70);--text: oklch(.95 .006 85);--muted: oklch(.72 .012 80);--faint: oklch(.55 .012 75);--border: oklch(.32 .014 72);--border-2: oklch(.4 .016 72);--accent-ink: #1a120f;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.5);--shadow-lg: 0 2px 4px rgba(0,0,0,.35), 0 24px 48px -20px rgba(0,0,0,.6)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease}::selection{background:color-mix(in oklab,var(--accent) 28%,transparent)}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"zero" 1}.wrap{width:100%;max-width:680px;margin:0 auto;padding:0 22px}.site{overflow:clip}.hdr{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.4) blur(12px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .3s ease,background .35s ease}.hdr[data-stuck=true]{border-bottom-color:var(--border)}.hdr-in{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em}.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent)}.nav{display:flex;align-items:center;gap:4px}.nav a{font-size:13px;color:var(--muted);padding:7px 11px;border-radius:9px;transition:color .18s,background .18s}.nav a:hover{color:var(--text);background:var(--bg-2)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;margin-left:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;transition:color .18s,border-color .18s,transform .18s}.icon-btn:hover{color:var(--text);border-color:var(--border-2)}.icon-btn:active{transform:scale(.94)}.hero{padding:calc(54px * var(--gap)) 0 calc(40px * var(--gap));text-align:center}.avatar-ring{--s: 132px;width:var(--s);height:var(--s);margin:0 auto 22px;border-radius:50%;padding:5px;background:conic-gradient(from 140deg,var(--accent),color-mix(in oklab,var(--accent) 40%,var(--bg)) 55%,var(--accent));box-shadow:var(--shadow);position:relative}.avatar-ring .img-slot{width:100%;height:100%;display:block;border:3px solid var(--surface);border-radius:50%;background:var(--bg-2)}.avatar-badge{position:absolute;right:2px;bottom:6px;font-size:11px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 9px;box-shadow:var(--shadow);color:var(--muted)}.avatar-badge b{color:var(--accent)}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.hero h1{font-size:clamp(34px,9vw,50px);line-height:1.02;letter-spacing:-.025em;font-weight:700;margin:0 0 14px}.hero h1 .wave{display:inline-block}.role{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 13px;margin-bottom:20px}.role .pulse{width:7px;height:7px;border-radius:50%;background:#37bb62;box-shadow:0 0 #37bb6299;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #37bb6280}70%{box-shadow:0 0 0 7px #37bb6200}to{box-shadow:0 0 #37bb6200}}.lede{font-size:18px;color:var(--muted);max-width:44ch;margin:0 auto 26px;text-wrap:pretty}.lede b{color:var(--text);font-weight:600}.cta{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:500;padding:11px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .16s,background .18s,border-color .18s,box-shadow .18s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px color-mix(in oklab,var(--accent) 80%,black)}.btn-primary:hover{box-shadow:0 10px 22px -8px color-mix(in oklab,var(--accent) 70%,black);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-2);background:var(--bg-2)}.sec{padding:calc(26px * var(--gap)) 0}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:12px}.sec-head h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}.sec-head .idx{font-size:12px;color:var(--faint)}.seg{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.seg button{display:grid;place-items:center;width:32px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--faint);cursor:pointer;transition:color .16s,background .16s}.seg button .ic{width:15px;height:15px}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:color-mix(in oklab,var(--accent) 15%,var(--surface));color:var(--accent)}.projects{display:flex;flex-direction:column;gap:calc(16px * var(--gap))}.proj{position:relative}.proj-cover{color:inherit}.proj-cover:after{content:"";position:absolute;inset:0;z-index:1}.proj-links{position:relative;z-index:2}.proj-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) - 5px);overflow:hidden;background:var(--bg-2)}.proj-thumb .img-slot{width:100%;height:100%;display:block}.proj-no{font-size:12px;color:var(--faint)}.proj-title{font-size:19px;font-weight:600;letter-spacing:-.015em;margin:0;display:inline-flex;align-items:center;gap:8px}.proj-title .arrow{transition:transform .22s ease;color:var(--accent)}.proj-desc{color:var(--muted);font-size:15px;margin:7px 0 0;text-wrap:pretty}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.tag{font-size:11.5px;color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:7px;padding:3px 8px}.proj-links{display:flex;gap:14px;margin-top:14px}.proj-links a{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;transition:color .16s}.proj-links a:hover{color:var(--accent)}[data-layout=card] .proj{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}[data-layout=card] .proj:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-2)}[data-layout=card] .proj:hover .arrow{transform:translate(3px,-3px)}[data-layout=card] .proj-body{padding:15px 6px 4px}[data-layout=card] .proj-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}[data-layout=list] .projects{gap:0}[data-layout=list] .proj-thumb{display:none}[data-layout=list] .proj{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px 6px;border-top:1px solid var(--border);transition:padding-left .22s ease}[data-layout=list] .projects .proj:last-child{border-bottom:1px solid var(--border)}[data-layout=list] .proj:hover{padding-left:12px}[data-layout=list] .proj:hover .arrow{transform:translate(3px,-3px)}[data-layout=list] .proj .tags,[data-layout=list] .proj-links{display:none}[data-layout=list] .proj-desc{margin-top:3px;font-size:14px}[data-layout=list] .proj-no{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}[data-layout=list] .proj .arrow{font-size:20px;color:var(--accent)}[data-layout=feature] .projects{gap:calc(30px * var(--gap))}[data-layout=feature] .proj{border-radius:var(--radius);overflow:hidden}[data-layout=feature] .proj-thumb{aspect-ratio:16 / 10;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}[data-layout=feature] .proj:hover .proj-thumb{transform:translateY(-4px);box-shadow:var(--shadow-lg)}[data-layout=feature] .proj:hover .arrow{transform:translate(3px,-3px)}[data-layout=feature] .proj-body{padding:16px 4px 0}[data-layout=feature] .proj-title{font-size:23px}[data-layout=feature] .proj-desc{font-size:16px;max-width:52ch}[data-layout=feature] .proj-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.about{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}@media(min-width:560px){.about-grid{grid-template-columns:150px 1fr}}.sticker{width:150px;height:178px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);transform:rotate(-2.5deg);transition:transform .3s ease}.sticker:hover{transform:rotate(0) scale(1.02)}.sticker .img-slot{width:100%;height:100%;display:block}.about p{color:var(--muted);margin:0 0 14px;text-wrap:pretty}.about p b{color:var(--text);font-weight:600}.stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.chip{font-size:12px;padding:5px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.chip b{color:var(--accent);font-weight:600}.foot{padding:calc(40px * var(--gap)) 0 50px}.foot-card{text-align:center}.foot h3{font-size:26px;letter-spacing:-.02em;margin:0 0 8px}.foot p{color:var(--muted);margin:0 0 22px}.socials{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.social{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;padding:9px 15px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:transform .16s,border-color .18s,color .18s}.social:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.colophon{margin-top:38px;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--faint)}.colophon .mono{color:var(--muted)}.ic{width:16px;height:16px;flex:none;stroke-width:1.7}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px)}.reveal.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}}.theme-icon[data-astro-cid-3ef6ksr2]{display:none}:root:not([data-theme=dark]) .theme-icon--moon[data-astro-cid-3ef6ksr2]{display:inline-grid}:root[data-theme=dark] .theme-icon--sun[data-astro-cid-3ef6ksr2]{display:inline-grid}.img-slot[data-astro-cid-2dkzgnim]{overflow:hidden;display:grid;place-items:center;background:var(--bg-2);color:var(--faint);padding:12px;text-align:center}.img-slot[data-astro-cid-2dkzgnim].filled{padding:0;background:transparent;display:block}.img-slot-label[data-astro-cid-2dkzgnim]{font-size:11px;line-height:1.3;letter-spacing:.02em;opacity:.8}.img-slot[data-astro-cid-2dkzgnim] img[data-astro-cid-2dkzgnim]{width:100%;height:100%;object-fit:cover;display:block}