.blog-hero{background:var(--dark);color:var(--on-dark);padding:clamp(56px,8vw,88px) 32px}.blog-hero-inner{flex-direction:column;gap:16px;display:flex}.blog-hero h1{font-family:var(--font-display), sans-serif;max-width:20ch;margin:0;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.blog-hero p{color:var(--on-dark-muted);max-width:56ch;margin:0;font-size:16px;line-height:1.6}.blog-body{padding:56px 32px 96px}.blog-stack{flex-direction:column;gap:32px;display:flex}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.category-list{flex-wrap:wrap;gap:8px;display:flex}.category{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:500}.category.active{background:var(--accent);color:#fff;font-weight:600}.blog-search{border:1px solid var(--border);background:var(--surface);width:220px;color:var(--fg);border-radius:8px;padding:10px 14px;font-size:14px}.blog-search:focus{border-color:var(--accent)}.featured-post{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;display:flex;overflow:hidden}.featured-media{background:var(--accent-soft);flex:320px;min-height:240px;position:relative}.featured-media img,.post-media img{object-fit:cover}.featured-body{flex-direction:column;flex:380px;justify-content:center;gap:12px;padding:32px;display:flex}.featured-body .post-meta{gap:10px;font-size:13px}.featured-body h2{font-family:var(--font-display), sans-serif;margin:0;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.25}.featured-body p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.read-more{color:var(--accent);margin-top:8px;font-size:14px;font-weight:600}.post-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}a.post-card:hover,a.featured-post:hover{box-shadow:0 12px 28px #13191f14;box-shadow:0 12px 28px lab(8.33319% -1.36373 -5.23238/.08)}a.post-card:hover{transform:translateY(-2px)}.post-media{background:var(--accent-soft);border-bottom:1px solid var(--border);height:170px;position:relative}.post-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.post-body h3{font-family:var(--font-display), sans-serif;margin:0;font-size:17px;font-weight:600;line-height:1.3}.post-body p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.6}.post-reading{color:var(--muted);margin-top:4px;font-size:13px}@media (max-width:400px){.post-grid{grid-template-columns:1fr}.blog-search{width:100%}}