/* Homepage only: close the gap between the introduction and the two services. */
main > .hero { padding-bottom: 28px; }
main > .hero + #services { padding-top: 36px; }
#services > .wrap > .section-head { max-width: none; margin-bottom: 28px; }
@media (min-width: 961px) {
  #services > .wrap > .section-head > div { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 48px; row-gap: 14px; align-items: end; }
  #services > .wrap > .section-head .eyebrow { grid-column: 1 / -1; }
  #services > .wrap > .section-head h2 { margin-top: 0 !important; font-size: clamp(28px, 2.7vw, 38px); text-wrap: balance; }
  #services > .wrap > .section-head p { margin-top: 0 !important; font-size: 16px; line-height: 1.8; }
}
@media (max-width: 640px) {
  main > .hero { padding-bottom: 24px; }
  main > .hero + #services { padding-top: 28px; }
}