.page-hero { background: var(--primary-color); color: var(--white); padding: 6rem 0 5rem; }
.page-hero h1 { font-family: var(--font-serif); font-size: 2.8rem; line-height: 1.15; font-weight: 600; }
@media (min-width: 769px) {
  #intro { padding-top: 5rem; padding-bottom: 5rem; }
}