/* Blog */
.blog-featured { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; background:var(--bone); border-radius:var(--radius-lg); overflow:hidden; margin-bottom:60px; }
.blog-featured-img { position:relative; height:400px; }
.blog-featured-img img { width:100%; height:100%; object-fit:cover; }
.blog-cat { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--green-dark); font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:5px 12px; border-radius:20px; }
.blog-featured-body { padding:40px 40px 40px 0; }
.blog-date { font-size:0.75rem; color:var(--grey); margin-bottom:12px; }
.blog-featured-body h2 { font-family:var(--font-display); font-size:1.9rem; color:var(--green-dark); line-height:1.2; margin-bottom:14px; }
.blog-featured-body p { font-size:0.875rem; color:var(--grey); line-height:1.75; margin-bottom:28px; }

.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:48px; }
.blog-card { background:var(--white); border:1px solid var(--bone-mid); border-radius:var(--radius-lg); overflow:hidden; transition:var(--transition); }
.blog-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); }
.blog-card-img { position:relative; height:200px; overflow:hidden; }
.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.blog-card:hover .blog-card-img img { transform:scale(1.05); }
.blog-card-body { padding:24px; }
.blog-card-body h3 { font-family:var(--font-display); font-size:1.25rem; color:var(--green-dark); line-height:1.3; margin-bottom:10px; }
.blog-card-body p { font-size:0.82rem; color:var(--grey); line-height:1.65; margin-bottom:16px; }

.blog-coming-soon { display:flex; gap:20px; align-items:flex-start; background:var(--bone); border-radius:var(--radius-lg); padding:32px; border:1px dashed var(--bone-mid); }
.blog-coming-soon svg { color:var(--green); flex-shrink:0; margin-top:2px; }
.blog-coming-soon h4 { font-size:1rem; color:var(--green-dark); margin-bottom:6px; }
.blog-coming-soon p { font-size:0.875rem; color:var(--grey); line-height:1.65; }

@media (max-width:1024px) { .blog-featured { grid-template-columns:1fr; } .blog-featured-img { height:280px; } .blog-featured-body { padding:32px; } }
@media (max-width:768px) { .blog-grid { grid-template-columns:1fr; } }