.buyer-page{
    background:#fff;
}



.buyer-hero{
    min-height:88vh;
    overflow:hidden;
    isolation:isolate;
    background-image:
        linear-gradient(90deg, rgba(16,16,22,.84) 0%, rgba(16,16,22,.58) 48%, rgba(16,16,22,.18) 100%),
        url('../images/homes/home_2.JPG');
    background-position:center;
}

.buyer-hero .hero-content{
    position:relative;
    z-index:2;
    width:min(790px, 100%);
    max-width:790px;
    padding:clamp(130px, 15vw, 190px) 0 clamp(110px, 12vw, 150px);
    margin-left:clamp(24px, 7vw, 82px);
    color:#fff;
}

.buyer-hero .sec-label{

    font-weight:700;
}

.buyer-hero .hero-content h1{
    max-width:760px;
    margin-bottom:24px;


    line-height:.96;
    font-weight: 700;
}

.buyer-hero .hero-content p:not(.sec-label){
    max-width:100%;

    overflow-wrap:break-word;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.buyer-hero-link{
    border-color:rgba(255,255,255,.35);
    background:rgba(255,255,255,.12);
    color:#fff;
    backdrop-filter:blur(10px);
}

.buyer-hero-link:hover{
    border-color:#fff;
    color:#fff;
}



.buyer-intro{
    display:grid;
    grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);
    gap:var(--grid-gap);
    align-items:start;
}

.buyer-section-head{
    max-width:780px;
}

.buyer-section-head h2,
.buyer-offer-copy h2,
.buyer-honest-copy h2{
    line-height:1.04;
    font-weight:700;
}

.buyer-reality-grid{
    display:grid;
    gap:14px;
}

.buyer-reality-card{
    padding:var(--card-pad);
    border:1px solid rgba(16,16,22,.08);
    border-radius:var(--radius-card);
    background:#f7f7f5;
}

.buyer-reality-card span,
.buyer-offer-grid span{
    display:block;
    margin-bottom:18px;
    color:#1d9bf0;
    font-size:12px;
    font-weight:700;
   
    
}

.buyer-reality-card h3{
    margin-bottom:10px;
    font-size:clamp(24px, 2.6vw, 34px);
    line-height:1.08;
    font-weight:700;
}

.buyer-offer{
    display:grid;
    grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr);
    gap:var(--grid-gap);
    align-items:start;
    border-radius:var(--radius-section);
    background:#101016e6;
    color:#fff;
}

.buyer-offer-copy{
    position:sticky;
    top:132px;
}

.buyer-offer-copy p:not(.sec-label){
    max-width:520px;

}

.buyer-offer-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

.buyer-offer-grid article{
    min-height:240px;
    padding:24px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:22px;
    background:rgba(255,255,255,.06);
}

.buyer-offer-grid span{
    color:#7cc7ff;
}

.buyer-offer-grid h3{
    margin-bottom:14px;
    color:#fff;
    font-size:clamp(22px, 2.2vw, 28px);
    line-height:1.14;
}

.buyer-how{
    padding-bottom:var(--section-y-tight);
}

.buyer-how .buyer-section-head{
    margin-bottom:var(--section-gap);
}

.buyer-steps-grid{
    grid-template-columns:repeat(12, 1fr);
}

.buyer-step-card{
    min-height:310px;
    border-color:rgba(16,16,22,.08);
    background:#fff;
}

.buyer-step-card:hover{
    transform:translateY(-4px);
    border-color:rgba(29,155,240,.24);
    box-shadow:0 20px 48px rgba(16,16,22,.08);
}

.buyer-step-card.wide{
    grid-column:span 12;
    background:#f7f7f5;
}

.buyer-honest{
    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(320px, 1.1fr);
    gap:var(--grid-gap);
    align-items:center;
    padding-top:0;
}

.buyer-honest-copy{
    max-width:600px;
}

.buyer-photo-board{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:190px 190px;
    gap:12px;
}

.buyer-photo-board img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:22px;
    border:1px solid rgba(16,16,22,.08);
}

.buyer-photo-board img:first-child{
    grid-row:span 2;
}

.buyer-page .testimonial-section{
    padding-top:var(--section-y-tight);
}



.buyer-page .testimonial-card.featured{
    min-height:480px;
}

.buyer-final-cta{
    margin-bottom:var(--section-y-tight);
}

.buyer-final-cta .cta-card{
    max-width:850px;
}

.buyer-final-cta .cta-card h3{
    max-width:760px;
}

.buyer-final-cta .cta-card p{
    max-width:660px;

}

@media(max-width:1050px){
    .buyer-intro,
    .buyer-offer,
    .buyer-honest{
        grid-template-columns:1fr;
    }

    .buyer-offer-copy{
        position:static;
    }

    .buyer-photo-board{
        grid-template-rows:220px 220px;
    }
}

@media(max-width:760px){
    .buyer-page .nav{
        max-width:calc(100vw - 32px);
    }

    .buyer-page .hamburger{
        flex:0 0 34px;
    }

    .buyer-hero{
        width:calc(100vw - 32px);
        min-height:auto;
        margin:16px;
        background-image:
            linear-gradient(180deg, rgba(16,16,22,.84) 0%, rgba(16,16,22,.62) 62%, rgba(16,16,22,.36) 100%),
            url('../images/homes/home_2.JPG');
    }

    .buyer-hero .hero-content{
        width:100%;
        max-width:100%;
        margin:0;
        padding:120px 22px 116px;
    }

    .buyer-hero .hero-content h1{

        line-height:1.02;
}

    .hero-actions{
        flex-direction:column;
    }

    .hero-actions a{
        width:100%;
        text-align:center;
    }

    .buyer-intro,
    .buyer-offer,
    .buyer-how,
    .buyer-honest,
    .buyer-page .testimonial-section,
    .buyer-final-cta{
        width:calc(100vw - 40px);
        max-width:calc(100vw - 40px);
        margin-left:auto;
        margin-right:auto;
    }

    .buyer-offer,
    .buyer-final-cta{
        padding:24px;
    }

    .buyer-offer-grid,
    .buyer-photo-board{
        grid-template-columns:1fr;
    }

    .buyer-photo-board{
        grid-template-rows:none;
    }

    .buyer-photo-board img,
    .buyer-photo-board img:first-child{
        grid-row:auto;
        aspect-ratio:4 / 3;
    }

    .buyer-final-cta .cta-card{
        width:100%;
    }
}

@media(max-width:480px){



    .buyer-reality-card,
    .buyer-offer-grid article,
    .buyer-step-card{
        padding:22px;
    }
}