/* Refined heading scale: more restrained while preserving the DMX hierarchy. */
.eyebrow {
    font-size: .76rem;
    letter-spacing: .13em;
}

.hero h1,
.inner-hero h1,
.simple-page h1 {
    font-size: 36px;
    line-height: 1.1;
}

.section-heading {
    max-width: 960px;
}

.section-heading p,
.inner-hero p {
    max-width: 850px;
}

.inner-hero h1 {
    max-width: 960px;
}

.inner-hero-actions {
    margin-top: 24px;
}

.inner-hero-actions .btn {
    min-height: 48px;
    padding: 13px 20px;
    font-size: .86rem;
}

.simple-page-inner {
    max-width: 860px;
}

.section-heading h2,
.study-card h2,
.human-copy h2,
.final-cta h2,
.conversion-card h2,
.page-cta h2,
.team-card h2 {
    font-size: 30px;
    line-height: 1.1;
}

.audience-card h3 {
    font-size: clamp(1.75rem, 2.7vw, 2.4rem);
}

.contact-form-card h2,
.content-panel h2 {
    font-size: clamp(1.55rem, 2.2vw, 2rem);
}

@media (max-width: 1050px) {
    .section-heading,
    .section-heading p,
    .inner-hero h1,
    .inner-hero p,
    .simple-page-inner {
        max-width: 100%;
    }

    .hero h1,
    .inner-hero h1,
    .simple-page h1 {
        font-size: 32px;
    }

    .section-heading h2,
    .study-card h2,
    .human-copy h2,
    .final-cta h2,
    .conversion-card h2,
    .page-cta h2,
    .team-card h2 {
        font-size: 28px;
    }
}

@media (max-width: 820px) {
    .hero-lead {
        max-width: 100%;
    }
}

@media (max-width: 560px) {
    .eyebrow {
        font-size: .74rem;
    }

    .hero h1,
    .inner-hero h1,
    .simple-page h1 {
        font-size: 28px;
    }

    .section-heading h2,
    .study-card h2,
    .human-copy h2,
    .final-cta h2,
    .conversion-card h2,
    .page-cta h2,
    .team-card h2 {
        font-size: 26px;
    }

    .inner-hero-actions .btn {
        width: 100%;
    }
}