/* Give adjoining introductions and first content one shared space allowance.
 * Keep later sections, body leading and the homepage's image-led hero intact. */
@media screen {
  :is(.client-reviews-page, .policy-page, .services-page, .about-page, .profile-page, .price-guide-page) #main-content > .hero {
    padding-bottom: 24px;
  }
  :is(.client-reviews-page, .policy-page, .services-page, .about-page, .profile-page, .price-guide-page) #main-content > .hero + :is(.section-space, .policy-content, .price-guide-content) {
    padding-top: 32px;
  }
  /* These boundaries change background, so retain padding on both sides. */
  :is(.team-page, .contact-page) #main-content > .hero { padding-bottom: 32px; }
  .team-page .people-principal { padding-top: 32px; }

  @media (max-width: 759px) {
    :is(.client-reviews-page, .policy-page, .services-page, .about-page, .profile-page, .price-guide-page) #main-content > .hero {
      padding-bottom: 16px;
    }
    :is(.client-reviews-page, .policy-page, .services-page, .about-page, .profile-page, .price-guide-page) #main-content > .hero + :is(.section-space, .policy-content, .price-guide-content) {
      padding-top: 24px;
    }
    :is(.team-page, .contact-page) #main-content > .hero { padding-bottom: 20px; }
    .team-page .people-principal { padding-top: 24px; }
  }
}