/* Compact, left-aligned section headings beneath a separate project masthead. */
main { width: 90%; max-width: 1044px; margin-inline: auto; }
.hero { padding-bottom: 56px; }
.hero-subtitle { font-weight: 250; }
.section .section-intro { max-width: none; margin: 0; text-align: left; }
.section .section-intro .eyebrow { justify-content: flex-start; }
.section .section-intro h2 { font-size: 24px; font-weight: 550; line-height: 1.35; letter-spacing: -.5px; margin-top: 0; }
.section .section-intro > p:not(.eyebrow) { margin-left: 0; margin-right: 0; }
.overview-section { background: #ffffff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 48px; padding-bottom: 48px; }
.overview-section .section-intro h2 { margin-top: 0; }
.overview-section .section-intro > .overview-copy { max-width: 840px; font-size: 18px; line-height: 1.85; color: #555; margin-top: 17px; }
.site-header { padding-inline: clamp(16px, 4vw, 40px); }
.site-header nav { flex-wrap: wrap; justify-content: center; column-gap: clamp(14px, 3vw, 32px); row-gap: 8px; }
@media (max-width: 620px) {
  .hero { padding-bottom: 38px; }
  .section .section-intro h2 { font-size: 21px; letter-spacing: -.35px; }
  .overview-section { padding: 34px 20px; }
  .overview-section .section-intro h2 { margin-top: 0; }
  .overview-section .section-intro > .overview-copy { font-size: 15px; line-height: 1.8; margin-top: 14px; }
  .site-header .nav-paper { padding-left: 14px; }
}