/* =========================================================
   PAGE OPPOSITION
   ========================================================= */

.pcb-opposition-page{
    background:#fff;
}

.pcb-opposition-hero{
    padding:95px 0;
    background:linear-gradient(135deg,#0d4f91 0%,#1472bd 100%);
    color:#fff;
}

.pcb-opposition-hero__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.pcb-opposition-hero__eyebrow{
    margin:0 0 18px;
    color:#ffd800;
    font-size:13px;
    font-weight:900;
    letter-spacing:.2em;
}

.pcb-opposition-hero h1{
    max-width:700px;
    margin:0;
    font-size:clamp(44px,5vw,72px);
    line-height:1.05;
    font-weight:900;
}

.pcb-opposition-hero__intro{
    max-width:650px;
    margin:28px 0;
    color:rgba(255,255,255,.9);
    font-size:19px;
    line-height:1.7;
}

.pcb-opposition-hero__visual img{
    display:block;
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:0 25px 60px rgba(0,0,0,.22);
}


/* POSITIONNEMENT */

.pcb-opposition-position{
    padding:100px 0;
}

.pcb-opposition-position__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
}

.pcb-opposition-position h2{
    max-width:650px;
    margin:0;
    color:#12345d;
    font-size:clamp(38px,4vw,58px);
    line-height:1.08;
    font-weight:900;
}

.pcb-opposition-position__grid p{
    margin:0 0 20px;
    color:#61748d;
    font-size:18px;
    line-height:1.75;
}

.pcb-opposition-position__grid .pcb-opposition-position__lead{
    color:#294b70;
    font-size:20px;
    font-weight:600;
}


/* PRINCIPES */

.pcb-opposition-principles{
    padding:100px 0;
    background:#f5f8fc;
}

.pcb-opposition-principles__heading{
    max-width:800px;
    margin-bottom:45px;
}

.pcb-opposition-principles__heading h2{
    margin:0;
    color:#12345d;
    font-size:clamp(38px,4vw,58px);
    line-height:1.08;
    font-weight:900;
}

.pcb-opposition-principles__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.pcb-opposition-principles__grid article{
    min-height:300px;
    padding:32px;
    background:#fff;
    border-radius:24px;
    border-top:4px solid #1472bd;
}

.pcb-opposition-principles__grid article:nth-child(2){
    border-top-color:#ffd800;
}

.pcb-opposition-principles__grid article:nth-child(3){
    border-top-color:#ef3b2d;
}

.pcb-opposition-principles__grid article:nth-child(4){
    border-top-color:#12345d;
}

.pcb-opposition-principles__grid span{
    display:block;
    margin-bottom:35px;
    color:#9aabba;
    font-size:13px;
    font-weight:900;
}

.pcb-opposition-principles__grid h3{
    margin:0 0 14px;
    color:#12345d;
    font-size:26px;
}

.pcb-opposition-principles__grid p{
    margin:0;
    color:#61748d;
    font-size:16px;
    line-height:1.7;
}


/* PRISES DE POSITION */

.pcb-opposition-actions{
    padding:100px 0;
}

.pcb-opposition-actions__box{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:50px;
    padding:55px;
    background:#0b315b;
    border-radius:28px;
    color:#fff;
}

.pcb-opposition-actions__box h2{
    max-width:700px;
    margin:0 0 20px;
    font-size:clamp(34px,4vw,52px);
    line-height:1.1;
}

.pcb-opposition-actions__box > div > p:last-child{
    max-width:700px;
    margin:0;
    color:rgba(255,255,255,.75);
    line-height:1.7;
}


/* CTA */

.pcb-opposition-cta{
    padding:0 0 110px;
}

.pcb-opposition-cta__box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:50px;
    background:#f5f8fc;
    border-radius:28px;
}

.pcb-opposition-cta__box h2{
    max-width:800px;
    margin:0;
    color:#12345d;
    font-size:clamp(30px,4vw,48px);
    line-height:1.1;
}


/* RESPONSIVE */

@media (max-width:1000px){

    .pcb-opposition-hero__grid,
    .pcb-opposition-position__grid,
    .pcb-opposition-actions__box{
        grid-template-columns:1fr;
    }

    .pcb-opposition-principles__grid{
        grid-template-columns:repeat(2,1fr);
    }

    .pcb-opposition-hero__visual img{
        height:420px;
    }

    .pcb-opposition-actions__box{
        display:grid;
    }
}

@media (max-width:600px){

    .pcb-opposition-hero,
    .pcb-opposition-position,
    .pcb-opposition-principles,
    .pcb-opposition-actions{
        padding:70px 0;
    }

    .pcb-opposition-principles__grid{
        grid-template-columns:1fr;
    }

    .pcb-opposition-hero__visual img{
        height:320px;
    }

    .pcb-opposition-actions__box,
    .pcb-opposition-cta__box{
        padding:32px 25px;
    }

    .pcb-opposition-cta__box{
        align-items:flex-start;
        flex-direction:column;
    }
}