/* Service detail pages: keep the second hero compact after the page title. */
.page-title + .hero {
  min-height: auto;
  padding-top: clamp(56px, 7vw, 80px);
  padding-bottom: clamp(56px, 7vw, 80px);
}

@media (max-width: 720px) {
  .page-title {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .page-title .service-definition {
    font-size: 15px;
    line-height: 1.6;
  }

  .page-title + .hero {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}