/* Blog desktop frame (1440 only). First section: it offsets the fixed
   header itself; the gap under it is the home hero's (8 → 0). */
.blog {
  padding-top: calc(var(--header-height) + clamp(0px, calc(-7.57px + 1.081vw), 8px));
  padding-inline: var(--section-padding-x);
  padding-bottom: 120px; /* her flat 120 around Free Consultation, as FAQ */
}
@media (max-width: 988px) {
  .blog {
    padding-top: calc(var(--header-height-mobile) + clamp(0px, calc(-7.57px + 1.081vw), 8px));
    padding-inline: var(--section-padding-x-mobile);
  }
}
.blog .card-grid {
  margin-top: 20px; /* her flat 20 above the catalog grid; the frame's 23 read as slop */
}