:root{--bg: #111111;--bg2: #1a1a1a;--bg3: #222222;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--gold: #c9a84c;--gold-border: rgba(201,168,76,.25);--gold-bg: rgba(201,168,76,.06);--text1: #f0eeeb;--text2: #b0ada8;--text3: #5c5a57;--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", monospace;--max-w: 1100px;--prose-w: 680px;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text1);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 #c9a84c80;opacity:1}50%{box-shadow:0 0 0 4px #c9a84c00;opacity:.6}}@keyframes underlineIn{0%{width:0}to{width:100%}}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:var(--bg);border-bottom:1px solid var(--gold-border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 48px;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav-left{display:flex;align-items:center;gap:10px}.nav-logo-mark{font-family:var(--mono);font-size:14px;font-weight:300;color:#c9a84c;letter-spacing:4px}.nav-site-name{font-family:var(--font);font-size:14px;font-weight:500;color:var(--text1);letter-spacing:-.3px}.nav-center{display:flex;gap:28px}.nav-center a{position:relative;font-family:var(--font);font-size:14px;color:var(--text2);transition:color .15s ease;padding:0 4px 2px}.nav-center a:after{content:"";position:absolute;bottom:-5px;left:0;height:1px;width:0;background:var(--gold)}.nav-center a:hover,.nav-center a[aria-current]{color:var(--text1)}.nav-center a[aria-current]:after{animation:underlineIn .2s ease forwards}.nav-right{display:flex;justify-content:flex-end}.nav-handle{font-family:var(--mono);font-size:11px;color:var(--text3);letter-spacing:.03em}main{flex:1;display:flex;flex-direction:column}.page{max-width:var(--max-w);margin:0 auto;padding:0 40px;width:100%;flex:1}.footer-wrap{border-top:1px solid rgba(201,168,76,.15);margin-top:auto}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between}.footer-text{font-family:var(--mono);font-size:11px;color:var(--text3)}.home-grid{display:grid;grid-template-columns:1fr 260px;gap:64px;padding:88px 0 80px}.hero{margin-bottom:56px;animation:heroFade .4s ease-out both}.status-line{display:flex;align-items:center;gap:8px;margin-bottom:22px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:glowPulse 2.5s ease-in-out infinite}.hero-eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3)}.hero-title{font-family:var(--font);font-size:42px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;color:var(--text1);margin-bottom:16px}.hero-sub{font-family:var(--font);font-size:16px;color:var(--text2);max-width:500px;line-height:1.75}.section-divider{padding-bottom:14px;border-bottom:1px solid var(--gold-border);margin-bottom:0}.section-divider-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3)}.article-list{display:flex;flex-direction:column}.article-item{position:relative;display:grid;grid-template-columns:88px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:padding-left .15s ease;animation:fadeUp .3s ease-out both;animation-delay:calc(var(--i, 0) * 80ms)}.article-item:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--gold);transform:scaleY(0);transform-origin:top center;transition:transform .15s ease}.article-item:hover{padding-left:14px}.article-item:hover:before{transform:scaleY(1)}.article-date{font-family:var(--mono);font-size:11px;color:var(--text3);padding-top:2px;white-space:nowrap}.article-title{font-family:var(--font);font-size:14px;font-weight:500;color:var(--text1);letter-spacing:-.012em;line-height:1.45;margin-bottom:4px;transition:color .15s ease}.article-item:hover .article-title{color:var(--gold)}.article-excerpt{font-family:var(--font);font-size:12px;color:var(--text3);line-height:1.6;margin-bottom:8px}.article-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:10px;color:var(--text3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;transition:border-color .12s ease}.tag:hover{border-color:var(--gold-border)}.sidebar{position:sticky;top:calc(var(--nav-h) + 20px);height:fit-content;display:flex;flex-direction:column;gap:10px}.sidebar-card{border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:20px}.sidebar-handle{font-family:var(--mono);font-size:13px;color:var(--text2);margin-bottom:10px}.sidebar-bio{font-family:var(--font);font-size:12px;color:var(--text2);line-height:1.65}.sidebar-card-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#c9a84c;margin-bottom:12px}.spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border)}.spec-row:last-child{border-bottom:none}.spec-key{font-family:var(--mono);font-size:10px;color:var(--text3)}.spec-val{font-family:var(--mono);font-size:11px;color:var(--text1)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:5px}.writing-page{max-width:800px;margin:0 auto;padding:0 40px}.writing-header{padding:56px 0 20px;border-bottom:1px solid var(--gold-border);margin-bottom:0}.writing-title{font-family:var(--font);font-size:38px;font-weight:500;letter-spacing:-1px;color:var(--text1);margin-bottom:6px}.writing-count{font-family:var(--mono);font-size:11px;color:var(--text3)}.about-grid{display:grid;grid-template-columns:1fr 260px;gap:64px;padding:60px 0 80px}.about-handle{font-family:var(--mono);font-size:24px;font-weight:300;color:#c9a84c;letter-spacing:2px;margin-bottom:4px}.about-role{font-family:var(--mono);font-size:13px;color:var(--text3);letter-spacing:.02em}.about-handle-tag{font-family:var(--mono);font-size:12px;color:var(--text3);margin-top:6px}.gold-divider{border:none;border-top:1px solid rgba(201,168,76,.3);margin:32px 0}.about-section{margin-bottom:32px}.about-section-label{font-family:var(--mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.about-text{font-family:var(--font);font-size:15px;color:var(--text2);line-height:1.8}.about-sig{font-family:var(--mono);font-size:12px;color:var(--text3);margin-top:48px}.article-page{max-width:var(--prose-w);margin:0 auto;padding:0 40px}.article-back{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--text3);margin:40px 0;transition:color .12s ease}.article-back:hover{color:var(--gold)}.article-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.article-page-date{font-family:var(--mono);font-size:11px;color:var(--text3)}.meta-dot{font-size:10px;color:var(--gold);line-height:1}.article-page-title{font-family:var(--font);font-size:34px;font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--text1);margin-bottom:12px}.article-page-desc{font-family:var(--font);font-size:16px;color:var(--text2);line-height:1.7;margin-bottom:40px}.article-hr{border:none;border-top:1px solid var(--gold-border);margin-bottom:40px}.prose{padding-bottom:80px}.prose h2{font-family:var(--font);font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--text1);margin:48px 0 14px}.prose h3{font-family:var(--font);font-size:15px;font-weight:500;color:var(--text1);margin:32px 0 10px}.prose p{font-family:var(--font);font-size:16px;color:var(--text2);line-height:1.85;margin-bottom:20px}.prose a{color:var(--gold);text-decoration:underline;text-decoration-color:var(--gold-border);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--gold)}.prose strong{color:var(--text1);font-weight:500}.prose code{font-family:var(--mono);font-size:13px;color:var(--text1);background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:1px 5px}.prose pre{background:var(--bg2);border:1px solid var(--gold-border);border-radius:8px;padding:20px;overflow-x:auto;margin:24px 0}.prose pre code{background:none;border:none;padding:0;font-family:var(--mono);font-size:13px;color:var(--text2);line-height:1.7}.prose blockquote{border-left:2px solid var(--gold);padding-left:16px;margin:28px 0;color:var(--text3);font-style:italic}.prose ul,.prose ol{padding-left:22px;margin-bottom:20px}.prose li{font-family:var(--font);font-size:16px;color:var(--text2);line-height:1.85;margin-bottom:6px}.prose hr{border:none;border-top:1px solid var(--gold-border);margin:40px 0}.prose table{width:100%;border-collapse:collapse;margin:24px 0}.prose th{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);text-align:left;padding:8px 12px;border-bottom:1px solid var(--gold-border)}.prose td{font-family:var(--mono);font-size:13px;padding:9px 12px;color:var(--text2);border-bottom:1px solid var(--border)}.prose td:first-child{color:var(--text3)}@media(max-width:800px){.nav-inner{padding:0 20px;grid-template-columns:1fr auto}.nav-center,.nav-right{display:none}.page,.writing-page,.article-page{padding:0 20px}.footer-inner{padding:24px 20px}.home-grid,.about-grid{grid-template-columns:1fr;gap:40px;padding:36px 0 60px}.sidebar{position:static;order:-1}.hero-title{font-size:26px}.article-item{grid-template-columns:1fr;gap:4px}}
