.package-image {
        height: 260px;
    }

    .package-content > p:not(.package-location) {
        min-height: 0;
    }


    /* Come Home to Sri Lanka */

    .homecoming-section {
        grid-template-columns: 1fr;
    }

    .homecoming-image {
        min-height: 310px;
    }

    .homecoming-content {
        padding: 50px 25px 60px;
    }


    /* About */

    .about-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .about-image {
        min-height: 330px;
    }


    /* Contact */

    .contact-section {
        padding: 68px 0;
    }

    .contact-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 330px;
        margin-inline: auto;
    }


    /* Footer */

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .footer-contact {
        align-items: flex-start;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom > div {
        flex-wrap: wrap;
        gap: 15px;
    }

}


/* 16. SMALL MOBILE SCREENS */

@media (max-width: 420px) {

    .container {
        width: calc(100% - 28px);
    }

    .brand-logo {
        width: 38px;
        height: 38px;
    }

    .brand-name strong {
        font-size: 13px;
    }

    .brand-name small {
        font-size: 8px;
        letter-spacing: 1.8px;
    }

    .destination-grid {
        grid-template-columns: 1fr;
    }

    .destination-image {
        min-height: 240px;
    }

    .hero {
        min-height: 610px;
    }

    .button {
        width: 100%;
    }

    .package-image {
        height: 225px;
    }

}


/* 17. ACCESSIBILITY AND REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;