.hero-blog {
  min-height: 50rem;
  margin-block-start: calc(-1 * var(--header-height));
}
.hero-blog .service-detail__inner { padding-block-start: calc(var(--header-height) + var(--space-xl)); }

@media (width <= 48rem) {
  .hero-blog { min-height: calc(var(--header-height) + min(36rem, 75svh)); }
}