/* ═══════════════════════════════════════════════════════════════
   PRIVATE-MARKETS-LANDING.CSS — Mextyl
   Spécifique à landing-private-markets.html — namespace : lab-pm-*
   Dépend de : landing-institutional.css + financial-reports-landing.css
   ═══════════════════════════════════════════════════════════════ */

/* ── HERO 2 COLONNES : texte à gauche, image à droite ── */
.lp-hero > .lp-container.lab-pm-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
    gap:56px;
    align-items:center;
}

.lp-hero > .lp-container.lab-pm-hero-grid > .lp-hero-inner{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:0;
    padding-right:0;
    text-align:left;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.lab-pm-hero-grid .lp-hero-sub{
    margin-left:0;
    margin-right:0;
    max-width:520px;
    text-align:left;
}

.lab-pm-hero-grid .lp-hero-ctas{
    justify-content:flex-start;
}

.lp-hero > .lp-container.lab-pm-hero-grid > .lp-hero-visual{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.lab-pm-hero-grid .lp-hero-visual-img{
    display:block;
    width:100%;
    height:auto;
}

/* ── Tablette / mobile : empilement, texte au-dessus ── */
@media (max-width:960px){
    .lp-hero > .lp-container.lab-pm-hero-grid{
        grid-template-columns:1fr;
        gap:32px;
    }
    .lab-pm-hero-grid .lp-hero-visual{ margin-top:8px; }
}
@media (max-width:768px){
    .lp-hero > .lp-container.lab-pm-hero-grid > .lp-hero-inner{
        padding-left:4px;
        padding-right:4px;
    }
    .lab-pm-hero-grid .lp-hero-ctas{
        flex-direction:column;
        align-items:stretch;
    }
}

/* ── Trois liens dans la carte CTA finale ── */
#contact .lp-launch-final-links{
    flex-wrap:wrap;
    gap:14px 28px;
}