.partner-page{
    background:#fff;
}

.partner-page h1,
.partner-page h2,
.partner-page h3{
    
}

.partner-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%),
        var(--partner-hero-image);
    background-position:center;
}

.realtor-page{
    --partner-hero-image:url('../images/homes/home_4.JPG');
}

.lender-page{
    --partner-hero-image:url('../images/homes/home_5.JPG');
}

.government-page{
    --partner-hero-image:url('../images/homes/home_7.JPG');
}

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

.partner-hero .sec-label{

    font-weight:700;
}

.partner-hero .hero-content h1{
    max-width:800px;
    margin-bottom:24px;


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

.partner-hero .hero-content p:not(.sec-label){
    max-width:760px;

    overflow-wrap:break-word;
}




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

.partner-section-head{
    display:block;
    max-width:800px;
    margin-bottom:0;
}
.partner-principle-copy{
    margin-bottom:var(--section-gap);
}
.partner-section-head h2,
.partner-offer-copy h2,
.partner-principle-copy h2{
    line-height:1.04;
    font-weight:700;
}

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

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

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

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

.partner-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;
        margin-top: 56px;
}

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

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

}

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

.partner-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);
}

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

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

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

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

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

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

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

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





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

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

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

.partner-page .testimonial-header{
    max-width:850px;
}

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

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

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

.partner-final-cta .cta-card{
    max-width:860px;
}

.partner-final-cta .cta-card h3{
    max-width:780px;
}

.partner-final-cta .cta-card p{
    max-width:680px;

}

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

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

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

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

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

    .partner-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%),
            var(--partner-hero-image);
    }

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

    .partner-hero .hero-content h1{

        line-height:1.02;
}

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

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

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

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

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

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

@media(max-width:480px){

  

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