/* Keep the primary hero typography consistent across inner pages. */

.hero h1,
.hero-text h1 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.hero p,
.hero-text p {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.7;
}

@media (max-width: 768px) {
    .hero h1,
    .hero-text h1 {
        font-size: clamp(2rem, 8vw, 3rem);
        line-height: 1.12;
        letter-spacing: -0.03em;
    }

    .hero p,
    .hero-text p {
        font-size: 1rem;
        line-height: 1.6;
    }
}

@media (max-width: 480px) {
    .hero h1,
    .hero-text h1 {
        font-size: 2rem;
    }

    .hero p,
    .hero-text p {
        font-size: 0.95rem;
    }
}