/* About page: small additions on top of homepage.css (shared design system). */
.ab-hero .hp-hero-inner { padding-top: 84px; padding-bottom: 64px; }
.ab-about { max-width: 780px; margin: 0 auto; }
.ab-about p { font-size: 17px; line-height: 1.7; margin: 0 0 16px; text-align: left; }
.ab-about p:last-child { margin-bottom: 0; }
.ab-subhead { text-align: center; margin: 48px 0 26px; }
.ab-subhead h3 { font-size: 23px; font-weight: 800; color: var(--hp-dark); margin: 0 0 8px; }
.ab-subhead p { font-size: 16px; line-height: 1.6; color: var(--hp-body); margin: 0; }
@media (max-width: 640px) {
  .ab-hero .hp-hero-inner { padding-top: 64px; padding-bottom: 48px; }
  .ab-subhead { margin: 36px 0 20px; }
}