/* ==========================================================
   BLOG
   ========================================================== */
.ld-head--blog{margin-bottom:40px}
.ld-blog-eyebrow{font-size:11px;letter-spacing:2px;color:#0078ad;font-weight:700;margin-bottom:14px}
.ld-blog-h2{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-0.5px}
.ld-head-right--blog{gap:24px}
.ld-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ld-blog-media{height:210px;border-radius:16px;overflow:hidden;margin-bottom:16px}
.ld-blog-meta{font-size:11px;color:#8799a1;font-weight:600;margin-bottom:8px}
.ld-blog-title{font-size:18px;font-weight:700;color:#063a52;line-height:1.3}

/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620
   ========================================================== */

@media (max-width:900px){
  .ld-blog-h2{font-size:30px}
  .ld-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
  .ld-blog-h2{font-size:28px}
  .ld-blog-grid{grid-template-columns:minmax(0,1fr);gap:30px}
}