.blog-hero h1{letter-spacing:-.035em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1}@media (min-width:768px){.blog-hero h1{font-size:5rem}}@media (min-width:1200px){.blog-hero h1{font-size:6.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);background:var(--bg-main);transition:all var(--transition-fast);align-items:center;padding:8px 20px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-filter-chip:hover{background:var(--wash-teal);border-color:var(--brand-primary);color:var(--brand-primary-deep)}.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{background-color:var(--bg-main);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth);border:1px solid #0a132b14;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";background:var(--brand-primary);transform-origin:0;height:4px;transition:transform var(--transition-smooth);z-index:2;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-grid>.blog-card:nth-child(6n+1):before{background:var(--brand-primary)}.blog-grid>.blog-card:nth-child(6n+2):before{background:var(--brand-accent-warm)}.blog-grid>.blog-card:nth-child(6n+3):before{background:var(--brand-accent-violet)}.blog-grid>.blog-card:nth-child(6n+4):before{background:#059669}.blog-grid>.blog-card:nth-child(6n+5):before{background:var(--brand-accent-rose)}.blog-grid>.blog-card:nth-child(6n+6):before{background:var(--brand-primary-deep)}.blog-card:hover{border-color:var(--brand-primary);transform:translateY(-8px);box-shadow:0 20px 40px -16px #0a132b2e}.blog-card:hover:before{transform:scaleX(1)}.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}