.blog-hero{background:var(--bg-body);text-align:center;border-bottom:1px solid var(--border-glass);padding:160px 0 60px}.blog-hero h1{margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.blog-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.cat-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0;display:flex}.cat-pill{background:var(--bg-glass-light);border:1px solid var(--border-glass);color:var(--text-muted);transition:var(--transition);border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:600}.cat-pill:hover,.cat-pill.active{background:var(--df-red);color:#fff;border-color:var(--df-red)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding:60px 0;display:grid}.post-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--border-glass-hover);transform:translateY(-5px);box-shadow:0 15px 30px #0006}.post-img{height:220px;overflow:hidden}.post-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.post-card:hover .post-img img{transform:scale(1.05)}.post-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.post-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.post-meta span.cat{color:var(--df-red)}.post-title{color:var(--text-main);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.post-excerpt{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.6}.read-more{color:var(--df-red);align-items:center;gap:8px;margin-top:auto;font-size:.9rem;font-weight:600;display:inline-flex}
