.blog-header{background:linear-gradient(160deg,var(--charcoal) 0%,var(--ink) 100%);color:#fff;padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden}.blog-header:before{content:"";position:absolute;top:-120px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(212,168,67,.06) 0%,transparent 70%);pointer-events:none}.blog-header h1{font-family:var(--font-heading);font-size:var(--text-display);margin-bottom:var(--space-sm);letter-spacing:-.3px;position:relative}.blog-header p{font-size:var(--text-lead);color:#ffffffa6;max-width:600px;line-height:1.7;position:relative}.blog-filter{padding:var(--space-lg) 0;display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--cloud);background:#fff;font-family:var(--font-body);font-size:var(--text-fine);font-weight:500;color:var(--slate);cursor:pointer;transition:all var(--ease-short)}.filter-btn:hover,.filter-btn.active{background:var(--navy);color:var(--cream);border-color:var(--navy);box-shadow:0 2px 8px #0f172a33}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0 var(--space-3xl)}.blog-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;color:var(--ink);transition:all var(--ease-medium);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.blog-tag{font-size:12px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.blog-card h3{font-family:var(--font-heading);font-size:var(--text-h4);line-height:1.3;margin-bottom:var(--space-sm);flex-grow:1}.read-more{font-size:var(--text-sm);color:var(--gold);font-weight:600;transition:color var(--ease-short)}.read-more:hover{color:var(--gold-dark)}.blog-search{width:100%;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--cloud);font-family:var(--font-body);font-size:var(--text-ui);margin-bottom:var(--space-xs);outline:none;transition:all var(--ease-short)}.blog-search:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a8431a,0 0 20px #d4a8430a}.blog-categories{padding:var(--space-xl) 0 0}.blog-categories-heading{font-family:var(--font-heading);font-size:var(--text-h4);margin-bottom:var(--space-sm)}.blog-categories-links{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.blog-categories-links a{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--cloud);background:#fff;font-size:var(--text-fine);font-weight:500;color:var(--slate);text-decoration:none;transition:all var(--ease-short)}.blog-categories-links a:hover{background:var(--navy);color:var(--cream);border-color:var(--navy);box-shadow:0 2px 8px #0f172a33}@media(max-width:768px){.blog-header{padding:var(--space-3xl) 0 var(--space-2xl)}.blog-header:before{display:none}.blog-header h1{font-size:var(--text-h1)}.blog-header p{font-size:var(--text-ui)}.blog-grid{grid-template-columns:1fr;gap:var(--space-md)}.blog-card{padding:var(--space-lg)}.blog-card h3{font-size:var(--text-lead)}}