:root{--bg:#0a0e14;--bg-soft:#0f1420;--surface:#131a28;--surface-hover:#182136;--border:#1f2a3f;--text:#e6edf6;--text-muted:#8b98ac;--text-faint:#5c6a80;--accent:#4ade80;--accent-2:#22d3ee;--accent-3:#a78bfa;--gradient:linear-gradient(120deg, #4ade80, #22d3ee 55%, #a78bfa);--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:14px;--maxw:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#16202f 1px,#0000 1px);background-size:32px 32px;margin:0;font-size:16.5px;line-height:1.7}::selection{background:#4ade8040}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:var(--accent-2);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.gradient-text{background:var(--gradient);color:#0000;background-clip:text}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.8rem}.section-title{margin:0 0 .4rem;font-size:1.9rem}.muted{color:var(--text-muted)}.site-header{z-index:50;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0e14cc;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-family:var(--mono);color:var(--text);font-size:1.05rem;font-weight:700}.logo:hover{text-decoration:none}.logo .prompt{color:var(--accent)}.logo .cursor{background:var(--accent);vertical-align:text-bottom;width:9px;height:1.1em;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--text-muted);font-size:.92rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a.active{color:var(--accent)}.hero{padding:110px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee21,#0000 65%);width:480px;height:480px;position:absolute;top:-180px;right:-120px}.hero h1{margin:.5rem 0 1rem;font-size:clamp(2.4rem,6vw,3.8rem)}.hero .tagline{color:var(--text-muted);max-width:620px;margin:0 0 2rem;font-size:1.15rem}.btn{border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#062512}.btn-primary:hover{box-shadow:0 8px 28px #4ade804d}.btn-ghost{border:1px solid var(--border);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent-2)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:26px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}a.card{color:var(--text)}a.card:hover{text-decoration:none}.card:hover{background:var(--surface-hover);border-color:#22d3ee73;transform:translateY(-4px)}.card h3{margin:0;font-size:1.15rem}.card p{color:var(--text-muted);margin:0;font-size:.95rem}.card .meta{font-family:var(--mono);color:var(--text-faint);font-size:.78rem}.tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.tag{font-family:var(--mono);border:1px solid var(--border);color:var(--accent-2);background:#22d3ee0f;border-radius:999px;padding:3px 10px;font-size:.72rem}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 10px;font-size:.7rem}.badge-live{color:var(--accent);background:#4ade801f;border:1px solid #4ade8059}.badge-poc{color:var(--accent-3);background:#a78bfa1f;border:1px solid #a78bfa59}.badge-wip{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459}.badge-archived{color:var(--text-muted);border:1px solid var(--border);background:#8b98ac1f}.shots{gap:8px;margin:12px 0 2px;display:flex;overflow-x:auto}.shots img{border:1px solid var(--border);border-radius:8px;height:76px;transition:transform .15s;display:block}.shots a:hover img{transform:scale(1.04)}.section{padding:60px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.see-all{font-family:var(--mono);font-size:.85rem}.page-head{padding:70px 0 20px}.page-head h1{margin:.4rem 0 .6rem;font-size:2.4rem}.page-head p{color:var(--text-muted);max-width:640px;margin:0}.prose{max-width:760px;margin:0 auto}.prose h2{margin-top:2.2em;font-size:1.5rem}.prose h3{margin-top:1.8em;font-size:1.2rem}.prose p,.prose li{color:#c5d0de}.prose img{border-radius:10px;max-width:100%}@media (width>=900px){.prose img,.prose pre{--bleed:min(1000px, calc(100vw - 48px));width:var(--bleed);max-width:none;margin-left:calc((100% - var(--bleed)) / 2)}}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);color:var(--text-muted);border-radius:0 10px 10px 0;margin:1.5em 0;padding:.6em 1.2em}.prose code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{border:1px solid var(--border);border-radius:12px;padding:20px;font-size:.88rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;border:none;padding:0}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:8px 14px}.prose th{background:var(--surface)}.til{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:24px 28px}.til h2{margin:0 0 4px;font-size:1.1rem}.til .prose{max-width:none;margin:0}.til .prose p{font-size:.95rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:80px;padding:36px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-inner p{color:var(--text-faint);font-size:.88rem;font-family:var(--mono);margin:0}.social-links{gap:18px;display:flex}.social-links a{color:var(--text-muted);font-size:.9rem}.social-links a:hover{color:var(--accent);text-decoration:none}.skills{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.skills .tag{padding:6px 14px;font-size:.82rem}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:560px;margin:30px auto;padding:40px}.post-row{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:baseline;gap:20px;padding:20px 4px;display:flex}.post-row:hover{text-decoration:none}.post-row:hover .post-title{color:var(--accent-2)}.post-title{font-weight:600;transition:color .15s}.post-date{font-family:var(--mono);color:var(--text-faint);white-space:nowrap;font-size:.8rem}@media (width<=640px){.nav-links{gap:16px}.nav-links a{font-size:.82rem}.hero{padding:70px 0 50px}}