/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--color-primary);
    font-weight: var(--fw-extrabold);
    line-height: 1.15;
}

h1 {
    font-size: clamp(3rem,6vw,5rem);
}

h2 {
    font-size: clamp(2.2rem,5vw,3.4rem);
}

h3 {
    font-size: clamp(1.6rem,3vw,2.2rem);
}

p {
    margin: 0;
    color: var(--color-text-light);
    font-size: var(--font-size-lg);
    line-height: 1.9;
}

.section-title {
    margin-bottom: var(--space-md);
}

.section-subtitle {
    max-width: 760px;
    margin: 0 auto;
    font-size: var(--font-size-lg);
}

.display {
    font-size: clamp(4rem,8vw,6rem);
    font-weight: var(--fw-extrabold);
}

.lead {
    font-size: 1.3rem;
}