@media (min-width: 1401px) {
    body {
        font-size: 15.25px;
    }

    .banner h1,
    .block-title {
        font-size: calc(1.15 * clamp(2.4rem, 4vw, 3.6rem));
    }

    .hero h1 {
        font-size: clamp(40px, 5.56vw, 80px);
    }

    .legacy h1 {
        font-size: clamp(40px, 5.56vw, 80px);
    }

    .partners h2,
    .track h2 {
        font-size: clamp(30px, 4.17vw, 60px);
    }

    .discuss__title {
        font-size: calc(1.15 * clamp(2.15rem, 3.5vw, 3.35rem));
    }

    .events-hero .block-title {
        font-size: calc(1.15 * clamp(2.2rem, 3.6vw, 3.1rem));
    }

    .story__copy h2,
    .strength h2,
    .philosophy h2,
    .org h2 {
        font-size: clamp(30px, 4.17vw, 60px);
    }

    .principals h2 {
        font-size: calc(1.15 * clamp(2.2rem, 3.2vw, 3rem));
    }

    .home ~ .discuss h3 {
        font-size: clamp(24px, 3.33vw, 48px);
    }

    :root {
        --text-banner: calc(16px * 1.15);
        --text-body: var(--text-banner);
        --text-card: calc(14px * 1.15);
    }

    .stats dt {
        font-size: clamp(24px, 3.33vw, 48px);
    }

    p.eyebrow {
        font-size: 10px;
    }
}

@media (max-width: 720px) {
    :root {
        --text-banner: 14px;
        /* Type 1. For type 2, set --text-body separately from --text-banner. */
        --text-body: var(--text-banner);
        --text-card: 12px;
    }
}