/* ============================================================
   BLOG PAGE
   ============================================================ */
.bloghero{ padding:clamp(140px,18vh,210px) 0 clamp(20px,3vw,40px); background:var(--bg); text-align:center; }
.bloghero__title{ font-family:var(--display); font-weight:400; font-size:clamp(2.6rem,6vw,5.2rem); line-height:1.05; letter-spacing:-.02em; color:var(--bark); margin:.5rem 0 1.2rem; }
.bloghero__title em{ font-style:italic; color:var(--gold-deep); }
.bloghero__lead{ max-width:54ch; margin:0 auto; color:var(--text-soft); font-size:clamp(1.02rem,1.4vw,1.18rem); }

/* 6 posts, 3 per row (reuses .diary / .post from style.css) */
.bloghero + .diary{ padding-top:clamp(24px,3vw,44px); }
.diary__grid--6{ row-gap:clamp(40px,4vw,60px); }
.blog__more{ text-align:center; margin-top:clamp(44px,5vw,68px); }
/* Social "Follow us" cards now live in style.css (shared with the contact page). */