/* A more compact type scale, kept separate for easy adjustment. */
.brand strong { font-size: 20px; }
.site-header nav { font-size: 12px; }
.eyebrow, .section-label { font-size: 9px; }
.hero-content { max-width: 720px; }
.hero h1 { font-size: clamp(48px, 5.7vw, 82px); }
.hero-copy { font-size: 15px; }
.btn { font-size: 10px; }
.text-link { font-size: 11px; }
.hero-note { font-size: 10px; }
.intro h2,
.services h2,
.impact-copy h2,
.contact h2 { font-size: clamp(38px, 4.2vw, 60px); }
.intro-copy > p:not(.eyebrow),
.services-head > p,
.impact-copy > p:not(.eyebrow),
.contact-copy > p:not(.eyebrow) { font-size: 14px; }
.service-card h3 { font-size: 22px; }
.service-card p { font-size: 12px; }
.stats strong { font-size: 22px; }
.promise blockquote { font-size: clamp(34px, 4.2vw, 58px); }
.image-card figcaption strong { font-size: 19px; }

@media (max-width: 560px) {
    .hero h1 { font-size: 43px; }
    .intro h2,
    .services h2,
    .impact-copy h2,
    .contact h2 { font-size: 36px; }
    .promise blockquote { font-size: 32px; }
}