.blog-hero{background:var(--brand-bg-alt);padding:150px 0 90px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.blog-card{border:1px solid var(--brand-border);background:var(--brand-bg);padding:24px;min-height:100%}.blog-meta{color:var(--brand-text-secondary);font-size:.9rem}.pagination-wrap{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:36px}