/*
 * Hero Height Consistency Polish - 12 July 2026
 * Scope: inner pages only. Homepage is intentionally excluded because the client-approved homepage design must remain unchanged.
 */

:root {
    --inner-hero-min: 410px;
    --inner-hero-padding-y: 76px;
    --detail-hero-min: 520px;
}

body.site-redesign-body .about-hero,
body.site-redesign-body .projects-hero,
body.site-redesign-body .amenities-hero,
body.site-redesign-body .associates-hero,
body.site-redesign-body .contact-hero,
body.site-redesign-body .md-hero {
    min-height: var(--inner-hero-min) !important;
    padding-top: var(--inner-hero-padding-y) !important;
    padding-bottom: var(--inner-hero-padding-y) !important;
}

body.site-redesign-body .pd-hero {
    min-height: var(--detail-hero-min) !important;
    padding-top: 76px !important;
    padding-bottom: 72px !important;
}

body.site-redesign-body .about-hero,
body.site-redesign-body .projects-hero,
body.site-redesign-body .amenities-hero,
body.site-redesign-body .associates-hero,
body.site-redesign-body .contact-hero,
body.site-redesign-body .md-hero,
body.site-redesign-body .pd-hero {
    background-position: center center !important;
}

body.site-redesign-body .about-hero-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.site-redesign-body .about-hero h1,
body.site-redesign-body .projects-hero h1,
body.site-redesign-body .amenities-hero h1,
body.site-redesign-body .associates-hero h1,
body.site-redesign-body .contact-hero h1,
body.site-redesign-body .md-hero h1,
body.site-redesign-body .pd-hero h1 {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
}

body.site-redesign-body .about-hero p,
body.site-redesign-body .projects-hero p,
body.site-redesign-body .amenities-hero p,
body.site-redesign-body .associates-hero p,
body.site-redesign-body .contact-hero p,
body.site-redesign-body .md-hero p,
body.site-redesign-body .pd-hero-text {
    margin-bottom: 22px !important;
}

@media (min-width: 1200px) {
    body.site-redesign-body .about-hero,
    body.site-redesign-body .projects-hero,
    body.site-redesign-body .amenities-hero,
    body.site-redesign-body .associates-hero,
    body.site-redesign-body .contact-hero,
    body.site-redesign-body .md-hero {
        min-height: 420px !important;
    }

    body.site-redesign-body .pd-hero {
        min-height: 540px !important;
    }
}

@media (max-width: 991.98px) {
    :root {
        --inner-hero-min: 360px;
        --inner-hero-padding-y: 58px;
        --detail-hero-min: 430px;
    }

    body.site-redesign-body .projects-hero-stats,
    body.site-redesign-body .amenities-hero-card,
    body.site-redesign-body .associates-hero-card,
    body.site-redesign-body .contact-hero-card {
        margin-top: 26px !important;
    }
}

@media (max-width: 767.98px) {
    :root {
        --inner-hero-min: 300px;
        --inner-hero-padding-y: 46px;
        --detail-hero-min: 340px;
    }

    body.site-redesign-body .about-hero,
    body.site-redesign-body .projects-hero,
    body.site-redesign-body .amenities-hero,
    body.site-redesign-body .associates-hero,
    body.site-redesign-body .contact-hero,
    body.site-redesign-body .md-hero {
        align-items: center !important;
    }

    body.site-redesign-body .pd-hero {
        align-items: flex-end !important;
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    body.site-redesign-body .about-hero h1,
    body.site-redesign-body .projects-hero h1,
    body.site-redesign-body .amenities-hero h1,
    body.site-redesign-body .associates-hero h1,
    body.site-redesign-body .contact-hero h1,
    body.site-redesign-body .md-hero h1,
    body.site-redesign-body .pd-hero h1 {
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }

    body.site-redesign-body .about-hero p,
    body.site-redesign-body .projects-hero p,
    body.site-redesign-body .amenities-hero p,
    body.site-redesign-body .associates-hero p,
    body.site-redesign-body .contact-hero p,
    body.site-redesign-body .md-hero p,
    body.site-redesign-body .pd-hero-text {
        margin-bottom: 18px !important;
    }

    body.site-redesign-body .projects-hero-stats,
    body.site-redesign-body .amenities-hero-card,
    body.site-redesign-body .associates-hero-card,
    body.site-redesign-body .contact-hero-card {
        margin-top: 22px !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --inner-hero-min: 280px;
        --inner-hero-padding-y: 40px;
        --detail-hero-min: 320px;
    }
}