:root{--bg-0:#0b0f14;--bg-1:#101722;--bg-2:#16202d;--bg-3:#1d2938;--border-1:#22303f;--border-2:#2b3d52;--text-1:#eef3f8;--text-2:#93a5b6;--text-3:#647688;--accent:#2f5f9e;--accent-hover:#376cb0;--accent-active:#285489;--accent-2:#4d84c4;--accent-soft:#16273c;--success:#3fa88f;--warning:#c9922f;--danger:#c9534f;--info:#4d84c4;--font-sans:'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;--font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;--r-sm:6px;--r-md:9px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--link:var(--accent-2);--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 6px rgba(0,0,0,.35);--shadow-md:0 6px 20px rgba(0,0,0,.4);--shadow-lg:0 16px 40px rgba(0,0,0,.45)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent-2)}img{max-width:100%;height:auto}::selection{background:var(--accent);color:#fff}.site-main{flex:1}.wrap{max-width:1120px;margin:0 auto;padding:0 32px}.wrap-720{max-width:720px;margin:0 auto;padding:0 32px}.wrap-760{max-width:760px;margin:0 auto;padding:0 32px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(11,15,20,.72);border-bottom:1px solid var(--border-1)}.nav-inner{max-width:1120px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text-1)}.brand:hover{color:var(--text-1)}.wordmark{font-weight:800;letter-spacing:-.03em;font-size:18px}.wordmark-dot{color:var(--accent-2)}.nav-links{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:14px}.nav-link{color:var(--text-2)}.nav-link:hover{color:var(--text-1)}.nav-link.is-active{color:var(--text-1);font-weight:600}.nav-icon{display:inline-flex;align-items:center;color:var(--text-2)}.nav-icon:hover{color:var(--text-1)}.site-footer{border-top:1px solid var(--border-1)}.site-footer-inner{max-width:1120px;margin:0 auto;padding:32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.copyright{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.social{margin-left:auto;display:flex;gap:16px;align-items:center}.social a{color:var(--text-3);display:inline-flex}.social a:hover{color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:11px 20px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-secondary{background:var(--bg-3);color:var(--text-1);border-color:var(--border-1)}.btn-secondary:hover{border-color:var(--border-2);color:var(--text-1)}.chip{font-family:var(--font-mono);font-size:11px;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:2px 8px}.link-mono{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--accent-2)}.hero{max-width:1120px;margin:0 auto;padding:88px 32px 64px;display:flex;gap:48px;align-items:center;flex-wrap:wrap}.hero-body{flex:1;min-width:320px}.hero-eyebrow{margin-bottom:20px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.hero-title{margin:0;font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.05;max-width:640px}.hero-lede{margin-top:22px;font-size:18px;line-height:1.6;color:var(--text-2);max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-mark{width:200px;height:200px;border-radius:var(--r-xl);background:var(--bg-1);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.section{max-width:1120px;margin:0 auto;padding:8px 32px 88px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;flex-wrap:wrap}.section-title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.section-note{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.section-link{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--accent-2);display:inline-flex;align-items:center;gap:4px}.post-list{border:1px solid var(--border-1);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-1)}.post-row{display:block;padding:22px 24px;color:var(--text-1);transition:background-color .15s ease}.post-row:hover{background:var(--bg-2);color:var(--text-1)}.post-row+.post-row{border-top:1px solid var(--border-1)}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.post-date{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.post-row-title{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.post-row-summary{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--text-2);max-width:760px}.page-head{padding-top:88px;padding-bottom:40px}.page-eyebrow{margin-bottom:18px}.page-title{margin:0 0 14px;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.page-caption{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--text-3)}.page-lede{margin:0;font-size:18px;line-height:1.6;color:var(--text-2);max-width:600px}.about-head .page-title{margin-bottom:8px}.about-body{max-width:720px;margin:0 auto;padding:8px 32px 48px;font-size:17px;line-height:1.7;color:var(--text-1)}.about-body p{margin:0 0 22px}.about-body p:last-of-type{margin-bottom:0}.about-body p+p{color:var(--text-2)}.about-body p a{color:var(--accent-2)}.callout{margin-top:40px;padding:22px 24px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-lg);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.callout-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.callout-value{font-size:16px;font-weight:600}.callout .btn{margin-left:auto;padding:10px 18px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{height:100%;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:22px 24px;transition:border-color .15s ease}a.project-card{display:block;color:var(--text-1)}a.project-card:hover{border-color:var(--border-2);color:var(--text-1)}.project-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.icon-tile{width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-3);border:1px solid var(--border-1);display:inline-flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}.icon-tile.muted{color:var(--text-3)}.project-name{font-size:18px;font-weight:700}.project-tag{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.project-desc{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--text-2)}.project-links{display:flex;gap:16px;flex-wrap:wrap}.card-list{display:flex;flex-direction:column;gap:20px}a.post-card{display:block;color:var(--text-1)}.post-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:24px 26px;transition:border-color .15s ease}a.post-card:hover{border-color:var(--border-2);color:var(--text-1)}.post-card-title{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.post-card-summary{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--text-2)}.article{max-width:720px;margin:0 auto;padding:64px 32px}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-bottom:28px}.back-link:hover{color:var(--text-2)}.article-tags{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.article-date{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.article-title{margin:0 0 20px;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.12}.article-content>p:first-of-type{font-size:18px;line-height:1.65;color:var(--text-2);margin:0 0 8px}.article-content h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:46px 0 16px;line-height:1.2}.article-content h3{font-size:20px;font-weight:700;margin:32px 0 12px}.article-content p{font-size:16.5px;line-height:1.7;color:var(--text-1);margin:0 0 18px}.article-content ul,.article-content ol{font-size:16.5px;line-height:1.7;color:var(--text-1);padding-left:24px;margin:0 0 18px}.article-content li{margin:0 0 10px}.article-content li>ul,.article-content li>ol,.article-content li>pre{margin-top:10px}.article-content strong{color:var(--text-1);font-weight:700}.article-content a{color:var(--accent-2)}.article-content hr{border:none;border-top:1px solid var(--border-1);margin:36px 0}.article-content code{font-family:var(--font-mono);font-size:.86em;background:var(--bg-3);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:1px 6px;color:var(--accent-2)}.article-content pre{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-md);padding:16px 18px;overflow:auto;margin:0 0 20px;scrollbar-width:thin;scrollbar-color:var(--border-2)transparent}.article-content pre::-webkit-scrollbar{height:10px;width:10px}.article-content pre::-webkit-scrollbar-track{background:0 0}.article-content pre::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-pill);border:3px solid var(--bg-2);background-clip:padding-box}.article-content pre::-webkit-scrollbar-thumb:hover{background:#35506b;background-clip:padding-box;border:3px solid var(--bg-2)}.article-content pre::-webkit-scrollbar-corner{background:0 0}.article-content pre code{background:0 0;border:none;padding:0;color:var(--text-1);font-size:13px;line-height:1.6}.article-content .highlight{margin:0 0 20px}.article-content .highlight pre{margin:0}.article-content figure{margin:0 0 20px}.article-content figure img{border-radius:var(--r-md)}.article-content figcaption{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:8px;text-align:center}.article-cta{margin-top:44px;padding-top:28px;border-top:1px solid var(--border-1);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.article-cta span{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}@media(max-width:640px){.wrap,.wrap-720,.wrap-760,.nav-inner,.hero,.section,.site-footer-inner,.about-body,.article{padding-left:20px;padding-right:20px}.hero{padding-top:56px;gap:32px}.hero-title{font-size:40px}.page-head{padding-top:56px}.page-title{font-size:36px}.article-title{font-size:30px}.project-grid{grid-template-columns:1fr}.nav-links{gap:16px}}