/* ==========================================================
   28 PRIVÉ — INSIGHTS NEW HOME
   STRATEGIC PERSPECTIVES

   NEW CREAM THEME

   Section:     #faf7f0
   Card:        #faf7f0
   Gold:        #c9a668
   Navy Text:   #0d264f
   Card Border: #d0cec1

   All typography, layout, and spacing preserved.
========================================================== */


/* ==========================================================
   1. MAIN SECTION
========================================================== */

.prive-insights-new-home {
    --insights-section: #faf7f0;
    --insights-card: #faf7f0;
    --insights-gold: #c9a668;
    --insights-ivory: #0d264f;
    --insights-date: #0d264f;
    --insights-border: #d0cec1;

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

    width: 100%;
    margin: 0;
    padding: 70px 0 85px;

    color: var(--insights-ivory);
    background: var(--insights-section);
}

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


/* ==========================================================
   2. CONTENT CONTAINER
========================================================== */

.prive-insights-new-home__container {
    width: calc(
        100% - (2 * var(--prive-content-gutter))
    );

    max-width: 1720px;
    margin: 0 auto;
}


/* ==========================================================
   3. SECTION HEADING
========================================================== */

.prive-insights-new-home__heading {
    text-align: center;
    margin: 0 0 52px;
}


/* SUBTITLE — GOLD */

.prive-insights-new-home__subtitle {
    margin: 0 0 12px;

    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3;

    color: #c9a668 !important;
}


/* MAIN TITLE — NAVY */

.prive-insights-new-home__title {
    margin: 0;

    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2;

    color: #0d264f !important;
}


/* ==========================================================
   4. INSIGHTS LIST
========================================================== */

.prive-insights-new-home__list {
    display: flex;
    flex-direction: column;
    gap: 55px;
}


/* ==========================================================
   5. INSIGHT CARDS
   CREAM BACKGROUND + SUBTLE BORDER
========================================================== */

.prive-insights-new-home__card {
    display: grid;

    grid-template-columns:
        40%
        minmax(0, 60%);

    width: 100%;
    min-width: 0;
    min-height: 320px;

    margin: 0;

    background: #faf7f0;

    border: 1px solid #d0cec1;

    overflow: hidden;
}


/* SECOND CARD: REVERSE COLUMNS */

.prive-insights-new-home__card:nth-child(even) {
    grid-template-columns:
        minmax(0, 60%)
        40%;
}


/* ==========================================================
   6. INSIGHT IMAGE
   ORIGINAL DIMENSIONS PRESERVED
========================================================== */

.prive-insights-new-home__image-wrap {
    grid-column: 1;
    grid-row: 1;

    min-width: 0;
    min-height: 320px;

    overflow: hidden;

    background: #09213f;
}

.prive-insights-new-home__image {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 320px;

    object-fit: cover;
}


/* ==========================================================
   7. CARD CONTENT
========================================================== */

.prive-insights-new-home__content {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;

    grid-column: 2;
    grid-row: 1;

    min-width: 0;

    padding: clamp(25px, 3.7vw, 58px);

    background: #faf7f0;
}


/* ALTERNATING CARD POSITIONS */

.prive-insights-new-home__card:nth-child(even)
.prive-insights-new-home__image-wrap {
    grid-column: 2;
}

.prive-insights-new-home__card:nth-child(even)
.prive-insights-new-home__content {
    grid-column: 1;
}


/* ==========================================================
   8. DATE / META
   NAVY
========================================================== */

.prive-insights-new-home__date {
    margin: 0 0 10px;

    font-family: "EB Garamond", Georgia, serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.35;

    color: #0d264f !important;

    letter-spacing: .08em;
}


/* ==========================================================
   9. CARD TITLE
   GOLD
========================================================== */

.prive-insights-new-home__card-title {
    margin: 0 0 12px;

    font-family: "EB Garamond", Georgia, serif !important;

    font-size: 23px !important;
    font-weight: 700 !important;

    line-height: 1.24;

    color: #c9a668 !important;
}


/* ==========================================================
   10. CARD DESCRIPTION
   NAVY
========================================================== */

.prive-insights-new-home__description {
    margin: 0 0 20px;

    font-family: "EB Garamond", Georgia, serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.5;

    color: #0d264f !important;
}


/* ==========================================================
   11. READ MORE BUTTON
   NAVY TEXT + LIGHT BORDER
========================================================== */

.prive-insights-new-home__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 41px;

    padding: 9px 22px;

    border: 1px solid #d0cec1;

    background: transparent;

    font-family: "EB Garamond", Georgia, serif !important;

    font-size: 14.1px !important;
    font-weight: 700 !important;

    line-height: 1.25;

    color: #0d264f !important;

    text-decoration: none !important;

    transition:
        border-color .2s ease,
        background-color .2s ease;
}


/* BUTTON HOVER */

.prive-insights-new-home__button:hover,
.prive-insights-new-home__button:focus-visible {
    border-color: var(--insights-gold);

    background: rgba(201, 166, 104, .12);

    color: #0d264f !important;
}


/* KEYBOARD FOCUS */

.prive-insights-new-home__button:focus-visible {
    outline: 2px solid var(--insights-gold);
    outline-offset: 3px;
}


/* ==========================================================
   12. TABLET GUTTERS
   768px - 1199px
========================================================== */

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

    .prive-insights-new-home {
        --prive-content-gutter: 40px;
    }

}


/* ==========================================================
   13. TABLET
   991px AND BELOW
========================================================== */

@media (max-width: 991px) {

    .prive-insights-new-home {
        padding: 58px 0 70px;
    }

    .prive-insights-new-home__card,
    .prive-insights-new-home__card:nth-child(even) {
        grid-template-columns:
            43%
            minmax(0, 57%);

        min-height: 280px;
    }

    .prive-insights-new-home__card:nth-child(even) {
        grid-template-columns:
            minmax(0, 57%)
            43%;
    }

    .prive-insights-new-home__image-wrap,
    .prive-insights-new-home__image {
        min-height: 280px;
    }

    .prive-insights-new-home__content {
        padding: 28px;
    }

}


/* ==========================================================
   14. MOBILE
   767px AND BELOW

   ORIGINAL MOBILE TYPOGRAPHY PRESERVED
========================================================== */

@media (max-width: 767px) {

    .prive-insights-new-home {
        --prive-content-gutter: 24px;

        padding: 45px 0 60px;
    }

    .prive-insights-new-home__heading {
        margin-bottom: 35px;
    }

    /* MOBILE SECTION TITLE */

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

    /* CARD SPACING */

    .prive-insights-new-home__list {
        gap: 25px;
    }

    /* STACK IMAGE AND CONTENT */

    .prive-insights-new-home__card,
    .prive-insights-new-home__card:nth-child(even) {
        display: flex;
        flex-direction: column;

        min-height: 0;
    }

    /* MOBILE IMAGE */

    .prive-insights-new-home__image-wrap,
    .prive-insights-new-home__image {
        width: 100%;
        height: 230px;
        min-height: 230px;
    }

    /* MOBILE CONTENT PADDING */

    .prive-insights-new-home__content {
        padding: 25px 23px 30px;
    }

    /* MOBILE INSIGHT TITLE */

    .prive-insights-new-home__card-title {
        font-size: 21px !important;
        font-weight: 500 !important;
    }

    /* MOBILE DESCRIPTION */

    .prive-insights-new-home__description {
        font-size: 14.5px !important;
        font-weight: 400 !important;
    }

    /* MOBILE BUTTON */

    .prive-insights-new-home__button {
        font-size: 14.5px !important;
        font-weight: 400 !important;
    }

 .prive-insights-new-home .prive-insights-new-home__subtitle {
        font-size: 19px !important;
    }

}


/* ==========================================================
   15. SMALL MOBILE
   480px AND BELOW
========================================================== */

@media (max-width: 480px) {

    .prive-insights-new-home {
        padding: 36px 0 48px;
    }

    .prive-insights-new-home__content {
        padding: 22px 19px 26px;
    }

}


/* ==========================================================
   16. NARROW MOBILE
   380px AND BELOW
========================================================== */

@media (max-width: 380px) {

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

}


/* ==========================================================
   17. ACCESSIBILITY
========================================================== */

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

    .prive-insights-new-home__button {
        transition: none;
    }

}