.blog-hero{border-bottom:2px solid var(--border-subtle);padding:180px 0 100px}.blog-hero h1{letter-spacing:-.04em;margin-bottom:24px;font-size:5rem;font-weight:900;line-height:1}@media (max-width:768px){.blog-hero h1{font-size:3.5rem}}.blog-hero-sub{color:var(--text-muted);max-width:800px;font-size:1.5rem;font-weight:500}.blog-filters{border-bottom:1px solid var(--border-subtle);background:var(--bg-main);padding:32px 0}.blog-filter-bar{flex-wrap:wrap;gap:12px;display:flex}.blog-filter-chip{border:2px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;padding:8px 20px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-filter-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.blog-filter-chip.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.blog-list-section{background-color:var(--bg-surface);padding:80px 0 120px}.blog-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{border:2px solid var(--border-subtle);background-color:var(--bg-main);color:inherit;transition:transform var(--transition-bounce),border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--brand-primary);transform:translateY(-8px)}.blog-card-image{aspect-ratio:16/9;background:var(--bg-accent);width:100%;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;transition:transform var(--transition-smooth)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:32px 28px;display:flex}.blog-card-meta{align-items:center;gap:16px;margin-bottom:12px;display:flex}.blog-date,.blog-read-time{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.blog-card-category{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:.8125rem;font-weight:700;display:inline-flex}.blog-card h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.5rem;font-weight:800;line-height:1.25}.blog-card p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:24px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-read-more{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;transition:gap var(--transition-fast);align-self:flex-start;align-items:center;gap:8px;font-size:1rem;font-weight:800;display:inline-flex}.blog-card:hover .blog-read-more{gap:16px}.blog-empty{text-align:center;padding:80px 0}.blog-empty p{color:var(--text-muted);margin-bottom:24px;font-size:1.25rem}.blog-pagination{justify-content:center;align-items:center;gap:16px;margin-top:64px;display:flex}.blog-pagination-pages{align-items:center;gap:8px;display:flex}.blog-pagination-page{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-muted);transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-pagination-page:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.blog-pagination-page.active{background-color:var(--brand-primary);color:#fff}.blog-pagination-btn{padding:12px 24px;font-size:.9375rem}