@media (max-width: 640px) {
    .beranda-hero .display-5 {
        font-size: 2.25rem;
    }

    .beranda-hero .lead {
        font-size: 0.95rem;
    }

    .beranda-hero__cta,
    .beranda-hero__cta--outline {
        width: 100%;
        justify-content: center;
    }

    .berita-index-card__meta {
        flex-direction: column;
        gap: 0.5rem;
    }

    .berita-index-card__title {
        font-size: 1.1rem;
    }
}

@media (max-width: 420px) {
    .beranda-hero__card {
        padding: 1.5rem;
    }

    .beranda-hero__image {
        width: 80px;
        height: 80px;
    }

    .highlight-card {
        padding: 1.75rem 1.5rem;
    }

    .flow-step {
        padding: 1.6rem 1.3rem;
    }

    .gallery-card__zoom {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 1400px) {
    .beranda-hero {
        padding: 6.75rem 0 9rem;
    }

    .beranda-hero .display-5 {
        font-size: 3.25rem;
    }

    .beranda-hero__card {
        padding: 2.75rem;
    }

    .highlight-card {
        padding: 3rem;
    }
}