/* ─── AQUA MALACCA — Contact section responsive (front page #contact) ─── */

@media (max-width: 1280px) {
    .contact {
        padding: 88px 40px 80px;
    }

    .contact__inner {
        gap: 56px;
    }
}

@media (max-width: 1024px) {
    .contact__inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .contact__desc {
        max-width: 52ch;
    }

    .contact__panel {
        max-width: 640px;
    }
}

@media (max-width: 768px) {
    .contact {
        padding: 72px 20px 64px;
    }

    .contact__title {
        font-size: clamp(2.3rem, 10vw, 3.2rem);
    }

    .contact__panel {
        padding: 28px 20px 24px;
    }

    .contact__form-title {
        font-size: 1.7rem;
    }

    .contact__submit {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .contact {
        padding: 64px 16px 56px;
    }

    .contact__pills {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 16px;
    }
}