#blog-hero{padding-top:140px;padding-bottom:var(--s-7);background:radial-gradient(ellipse 600px 280px at 50% 10%, var(--accent2-soft) 0%, transparent 70%)}.blog-hero-inner{max-width:1200px;margin:0 auto}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:var(--s-5);font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.98}.blog-hero-title .accent{color:var(--accent)}.blog-hero-desc{color:var(--muted);max-width:620px;font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.7}#blog-list{padding-top:var(--s-7)}.blog-grid{gap:var(--s-5);grid-template-columns:repeat(2,1fr);max-width:1200px;margin:0 auto;display:grid}.blog-card{border:1px solid var(--border-2);background:var(--surface);padding:var(--s-6);gap:var(--s-4);flex-direction:column;transition:transform .15s,border-color .15s;display:flex;position:relative}.blog-card:hover{border-color:var(--accent);transform:translateY(-3px)}.blog-card .cover{margin:calc(var(--s-6) * -1) calc(var(--s-6) * -1) 0;overflow:hidden}.blog-card .cover img{width:100%;height:auto;display:block}.blog-card .meta{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:8px;display:flex}.blog-card .meta .date{color:var(--accent2)}.blog-card h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.15}.blog-card p{color:var(--muted);font-size:14px;font-weight:500;line-height:1.7}.blog-card .read{font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-top:auto;font-size:8px}.blog-empty{text-align:center;max-width:680px;color:var(--muted);margin:0 auto;font-weight:500}#post-hero{padding-top:140px;padding-bottom:var(--s-6);border-bottom:1px solid var(--border)}.post-hero-inner{max-width:760px;margin:0 auto}.post-hero-inner .meta{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent2);margin-bottom:var(--s-4);align-items:center;gap:12px;font-size:9px;display:flex}.post-title{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.05}#post-body{padding-top:var(--s-7)}.post-cover{max-width:760px;margin:0 auto var(--s-6)}.post-cover img{border:1px solid var(--border-2);width:100%;height:auto}.prose{max-width:720px;color:var(--fg-2);margin:0 auto;font-size:16px;line-height:1.8}.prose p{margin-bottom:var(--s-5)}.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:var(--s-6) 0 var(--s-4);font-weight:900}.prose h2{font-size:clamp(24px,2.5vw,32px)}.prose h3{font-size:clamp(19px,2vw,24px)}.prose a{color:var(--accent2);text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--fg);font-weight:800}.prose ul,.prose ol{margin:0 0 var(--s-5) var(--s-5)}.prose li{margin-bottom:var(--s-2)}.prose blockquote{border-left:3px solid var(--accent);padding-left:var(--s-4);margin-bottom:var(--s-5);color:var(--muted);font-style:italic}.prose code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--accent2);padding:2px 6px;font-size:11px}.prose pre{background:var(--surface-2);border:1px solid var(--border);padding:var(--s-4);margin-bottom:var(--s-5);overflow-x:auto}.post-back{max-width:720px;margin:var(--s-7) auto 0;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;font-size:9px}.post-back a{color:var(--muted)}.post-back a:hover{color:var(--fg)}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}}
