.blog-hero{padding:95px 6vw;background:var(--ink);color:#fff;text-align:center}.blog-hero h1{font:600 clamp(50px,7vw,85px)/1 "Playfair Display";margin:0}.blog-hero p:not(.eyebrow){color:#aeb9b3;max-width:620px;margin:25px auto 0;line-height:1.7}.blog-categories{display:flex;justify-content:center;gap:8px;padding:20px;border-bottom:1px solid var(--line);overflow:auto}.blog-categories button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 16px;white-space:nowrap}.blog-categories button.active{background:var(--green);color:#fff;border-color:var(--green)}.featured-posts,.blog-authors{padding:80px 6vw;background:var(--cream)}.featured-posts h2,.blog-authors h2,.blog-results h2{font:600 42px "Playfair Display";margin:0}.post-carousel{display:flex;gap:18px;overflow:hidden;scroll-behavior:smooth}.featured-post{min-width:380px;background:#fff}.featured-image{height:210px;padding:18px;display:flex;align-items:end;background:#c5d2ba}.featured-post:nth-child(2n) .featured-image{background:#d9b18e}.featured-post:nth-child(3n) .featured-image{background:#aebed0}.featured-image span{background:#fff;padding:6px 9px;font-size:9px;text-transform:uppercase}.featured-post div:last-child{padding:22px}.featured-post small{color:var(--muted)}.featured-post h3{font:600 24px/1.2 "Playfair Display";margin:12px 0}.blog-main{padding:80px 6vw;display:grid;grid-template-columns:210px 1fr;gap:45px}.blog-filters{display:flex;flex-direction:column;gap:20px}.blog-filters h3{font:600 24px "Playfair Display";margin:0}.blog-filters label{display:grid;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.blog-filters select{padding:11px;border:1px solid var(--line);background:#fff}.blog-filters button{border:0;background:none;color:var(--orange);text-align:left;padding:0}.blog-results{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.blog-results span{color:var(--muted);font-size:11px}.blog-main .post-grid{grid-template-columns:repeat(2,1fr)}.blog-authors .author-card{min-width:250px}@media(max-width:800px){.blog-main{grid-template-columns:1fr;padding:55px 20px}.blog-main .post-grid{grid-template-columns:1fr}.featured-posts,.blog-authors{padding:60px 20px}.featured-post{min-width:300px}}
