/* ==========================================================
   28 PRIVÉ — CTA 3 NEW HOME / OUR ADVISORY FOCUS
   Private Clients cream colorway.
   Existing typography, layout, spacing and breakpoints preserved.
========================================================== */

.prive-cta3-new-home {
    --cta3-section: #faf7f0;
    --cta3-panel: #faf7f0;
    --cta3-gold: #c9a668;
    --cta3-ivory: #0d264f;
    --cta3-list: #0d264f;

    --prive-content-gutter: clamp(24px, 5vw, 96px);

    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 64px var(--prive-content-gutter) 68px;
    background-color: var(--cta3-section);
    color: var(--cta3-ivory);
}

.prive-cta3-new-home,
.prive-cta3-new-home *,
.prive-cta3-new-home *::before,
.prive-cta3-new-home *::after {
    box-sizing: border-box;
}


/* ==========================================================
   INNER PANEL
========================================================== */

.prive-cta3-new-home__panel {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: clamp(32px, 3.5vw, 55px) clamp(30px, 4.5vw, 80px);
    background-color: var(--cta3-panel);
    overflow: hidden;
    border: 1px solid #d0cec1;
}


/* ==========================================================
   SUBTITLE — UNCHANGED
========================================================== */

.prive-cta3-new-home__subtitle {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin: 0 0 22px;
    color: #c9a668 !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    letter-spacing: 0;
}


/* ==========================================================
   TWO-COLUMN CONTENT LAYOUT
========================================================== */

.prive-cta3-new-home__layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 34%) minmax(0, 66%);
    align-items: start;
    width: 100%;
    gap: 0;
}

.prive-cta3-new-home__heading {
    min-width: 0;
    padding-right: 34px;
}


/* ==========================================================
   MAIN HEADING — DESKTOP UNCHANGED
========================================================== */

.prive-cta3-new-home__title {
    margin: 0;
    padding: 0;
    max-width: 390px;
    color: #0d264f !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.14;
    letter-spacing: 0;
}


/* ==========================================================
   RIGHT CONTENT
========================================================== */

.prive-cta3-new-home__content {
    min-width: 0;
    width: 100%;
}

.prive-cta3-new-home__intro {
    margin: 0 0 18px;
    color: var(--cta3-ivory) !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}


/* ==========================================================
   FEATURE LIST LAYOUT
========================================================== */

.prive-cta3-new-home__lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(20px, 3vw, 70px);
    align-items: start;
    width: 100%;
}

.prive-cta3-new-home__list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* ==========================================================
   FEATURE LIST ITEMS — DESKTOP UNCHANGED
========================================================== */

.prive-cta3-new-home__list li {
    position: relative;
    margin: 0;
    padding-left: 20px;
    color: #0d264f !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.5;
    letter-spacing: 0;
    list-style: none !important;
}

.prive-cta3-new-home__list li + li {
    margin-top: 9px;
}


/* ==========================================================
   GOLD FEATURE MARKERS
========================================================== */

.prive-cta3-new-home__list li::before {
    content: "✦";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--cta3-gold);
    font-family: Georgia, serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 2.6;
}


/* ==========================================================
   LARGE DESKTOP — 1440px+
========================================================== */

@media (min-width: 1440px) {

    .prive-cta3-new-home__panel {
        padding: clamp(40px, 3.5vw, 55px) clamp(45px, 4.5vw, 80px);
    }

}


/* ==========================================================
   LAPTOP — 992px TO 1439px
========================================================== */

@media (min-width: 992px) and (max-width: 1439px) {

    .prive-cta3-new-home__panel {
        padding: 42px 45px;
    }

    .prive-cta3-new-home__heading {
        padding-right: 25px;
    }

    .prive-cta3-new-home__lists {
        column-gap: 20px;
    }

}


/* ==========================================================
   TABLET — 768px TO 1199px
========================================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .prive-cta3-new-home {
        --prive-content-gutter: 40px;
        padding-top: 52px;
        padding-bottom: 56px;
    }

}


/* ==========================================================
   SMALL TABLET — 768px TO 991px
   ORIGINAL STYLES PRESERVED
========================================================== */

@media (min-width: 768px) and (max-width: 991px) {

    .prive-cta3-new-home__panel {
        padding: 36px 30px;
    }

    .prive-cta3-new-home__subtitle {
        margin-bottom: 18px;
    }

    .prive-cta3-new-home__layout {
        grid-template-columns: minmax(0, 38%) minmax(0, 62%);
    }

    .prive-cta3-new-home__heading {
        padding-right: 22px;
    }

    .prive-cta3-new-home__lists {
        column-gap: 18px;
    }

    .prive-cta3-new-home__title {
        font-size: 33.3px !important;
    }

    .prive-cta3-new-home__list li {
        font-size: 19.3px !important;
    }

}


/* ==========================================================
   MOBILE — 767px AND BELOW

   Main heading: 23px / 500
   Feature list: 15.5px / 400
   Subtitle unchanged
========================================================== */

@media (max-width: 767px) {

    .prive-cta3-new-home {
        --prive-content-gutter: 24px;
        padding-top: 38px;
        padding-bottom: 42px;
    }

    .prive-cta3-new-home__panel {
        padding: 32px 24px;
    }

    /* Subtitle — original styling retained */

    .prive-cta3-new-home__subtitle {
        margin-bottom: 14px;
        font-size: 19px !important;
    }

    /* Single-column layout */

    .prive-cta3-new-home__layout {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 24px;
    }

    .prive-cta3-new-home__heading {
        padding-right: 0;
    }

    /* MOBILE MAIN HEADING */

    .prive-cta3-new-home .prive-cta3-new-home__title {
        max-width: none;
        font-size: 23px !important;
        font-weight: 500 !important;
    }

    /* Mobile feature-list layout */

    .prive-cta3-new-home__lists {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;
    }

    /* MOBILE FEATURE LIST TYPOGRAPHY */

    .prive-cta3-new-home .prive-cta3-new-home__list li {
        font-size: 15.5px !important;
        font-weight: 400 !important;
        line-height: 1.45;
    }

}


/* ==========================================================
   SMALL MOBILE — 480px AND BELOW
   Retain requested mobile typography
========================================================== */

@media (max-width: 480px) {

    .prive-cta3-new-home__panel {
        padding: 27px 20px;
    }

    .prive-cta3-new-home__lists {
        row-gap: 10px;
    }

    /* Heading remains 23px / 500 */

    .prive-cta3-new-home .prive-cta3-new-home__title {
        font-size: 21px !important;
        font-weight: 500 !important;
    }

    /* Feature lists remain 15.5px / 400 */

    .prive-cta3-new-home .prive-cta3-new-home__list li {
        font-size: 14.5px !important;
        font-weight: 400 !important;
    }

}


/* ==========================================================
   NARROW MOBILE — 380px AND BELOW
========================================================== */

@media (max-width: 380px) {

    .prive-cta3-new-home {
        --prive-content-gutter: 20px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .prive-cta3-new-home,
    .prive-cta3-new-home * {
        scroll-behavior: auto;
    }

}