/* Residents mobile first screen — Figma screenshot only. Desktop is untouched. */
@media (max-width: 760px) {
    body.residents-page-body,
    body.residents-page-body .residents-page {
        background: #EEF4FF !important;
    }

    body.residents-page-body .residents-hero {
        width: 100% !important;
        max-width: none !important;
        min-height: 852px !important;
        height: 852px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        background: #EEF4FF !important;
    }

    body.residents-page-body .residents-hero__media {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        transform: none !important;
        background: #EEF4FF !important;
    }

    body.residents-page-body .residents-hero__media img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center bottom !important;
    }

    body.residents-page-body .residents-hero__media::after {
        background: rgba(160, 197, 223, 0.10) !important;
    }

    body.residents-page-body .residents-hero__header {
        padding-top: 30px !important;
    }

    body.residents-page-body .residents-hero__header .site-header__frame {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 16px !important;
    }

    body.residents-page-body .residents-hero__header .site-header__navigation {
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 16px !important;
        border: 1px solid rgba(255, 255, 255, 0.34) !important;
        background: rgba(255, 255, 255, 0.16) !important;
    }

    body.residents-page-body .residents-hero__inner {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 132px 16px 0 !important;
        box-sizing: border-box !important;
    }

    body.residents-page-body .residents-hero__title {
        width: 100% !important;
        max-width: 361px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 30px !important;
        line-height: 38px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    body.residents-page-body .residents-hero__subtitle {
        width: 100% !important;
        max-width: 361px !important;
        margin: 20px 0 0 !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    body.residents-page-body .residents-hero__buttons {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 40px 0 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        transform: none !important;
    }

    body.residents-page-body .residents-hero__button {
        width: 100% !important;
        height: 66px !important;
        min-height: 66px !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    body.residents-page-body .residents-hero__button img,
    body.residents-page-body .residents-hero__bottom a img {
        width: 10.8px !important;
        height: 10px !important;
    }

    body.residents-page-body .residents-hero__bottom {
        height: 66px !important;
        min-height: 66px !important;
        background: #1F1F1F !important;
    }

    body.residents-page-body .residents-hero__bottom-inner {
        width: 100% !important;
        min-height: 66px !important;
        padding: 0 44px !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    body.residents-page-body .residents-hero__bottom p {
        display: none !important;
    }

    body.residents-page-body .residents-hero__bottom a {
        width: 284px !important;
        max-width: 100% !important;
        height: 18px !important;
        justify-content: center !important;
        gap: 7px !important;
        font-size: 16px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
    }
}