*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020202;--card:#0f0f14;--border:rgba(255,255,255,0.08);--accent:#2563eb;--accent2:#3b82f6;--ink:#ffffff;--muted:rgba(255,255,255,0.55);--subtle:rgba(255,255,255,0.25)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.topbar{max-width:900px;margin:0 auto;padding:28px 24px 0;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Fraunces,serif;font-weight:700;font-size:18px;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent2)}.nav-cta{font-size:13px;font-weight:600;background:var(--accent);color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none}.nav-cta:hover{opacity:.88}main{max-width:900px;margin:0 auto;padding:56px 24px 80px}.page-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}h1{font-family:Fraunces,serif;font-size:38px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.page-sub{font-size:15px;color:var(--muted);margin-bottom:56px;line-height:1.7}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.post-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s}.post-card:hover{border-color:rgba(59,130,246,.4)}.post-tag{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent2)}.post-tag,.post-title{font-weight:700;margin-bottom:12px}.post-title{font-family:Fraunces,serif;font-size:20px;color:var(--ink);line-height:1.25}.post-excerpt{font-size:13px;color:var(--muted);line-height:1.7;flex:1 1;margin-bottom:20px}.post-meta{font-size:12px;color:var(--subtle)}.footer-bar,.post-meta{display:flex;justify-content:space-between}.footer-bar{margin-top:64px;padding-top:32px;border-top:1px solid var(--border);align-items:center;flex-wrap:wrap;gap:12px}.footer-bar a,.footer-bar p{font-size:13px;color:var(--subtle)}.footer-bar a{text-decoration:none;margin-left:16px}.footer-bar a:hover{color:var(--ink)}