/* Shared desktop heading limit for all five carousel slides.
   Mobile headings use the minimum size of 2.2rem. */
@media (min-width: 761px) {
    .hero-carousel .hero-slide h1,
    html[lang=en] .hero-carousel .hero-slide h1 {
        font-size: clamp(2.2rem, 3.8vw, 4.1rem);
        line-height: 1.18;
    }
}

@media (max-width: 760px) {
    .hero-carousel .hero-slide h1,
    html[lang=en] .hero-carousel .hero-slide h1 {
        font-size: 2.2rem;
        line-height: 1.18;
    }
}