/* FOBAK V129.6.51 — Portrait présidentiel public stable et professionnel */

/* Accueil : ne jamais fabriquer un grand vide au-dessus d'une photo paysage. */
body.page-index .fobak-president-intro{
  align-items:start!important;
}
body.page-index .fobak-president-visual{
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
}
body.page-index .fobak-president-intro-photo{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7fafc!important;
  border:1px solid rgba(7,78,118,.12)!important;
  border-radius:22px 22px 0 0!important;
  box-shadow:0 14px 28px rgba(5,55,88,.08)!important;
}
body.page-index .fobak-president-intro-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}
body.page-index .fobak-president-visual .fobak-leader-logo-space{
  min-height:84px!important;
  padding:12px 18px!important;
  background:#fff!important;
  border:1px solid rgba(7,78,118,.12)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
}
body.page-index .fobak-president-visual .fobak-leader-logo-space img{
  display:block!important;
  width:auto!important;
  height:66px!important;
  max-width:42%!important;
  margin:auto!important;
  object-fit:contain!important;
}
body.page-index .fobak-president-copy{
  align-self:center!important;
  min-width:0!important;
}
body.page-index .fobak-president-copy h2{
  overflow-wrap:anywhere!important;
  text-wrap:balance!important;
}

/* Biographie complète : portrait intégral, sans étirement ni grande zone morte. */
body.page-public-president-biography .founder-biography-portrait,
body.page-public-biography .founder-biography-portrait{
  align-self:center!important;
  min-height:0!important;
  height:auto!important;
  margin:clamp(20px,3vw,44px)!important;
  padding:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#f5f8f9!important;
  border:1px solid rgba(7,78,118,.12)!important;
  box-shadow:0 20px 44px rgba(5,55,88,.10)!important;
}
body.page-public-president-biography .founder-biography-portrait img,
body.page-public-biography .founder-biography-portrait img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:760px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f5f8f9!important;
}

/* Gouvernance : même source photo, même comportement visuel. */
body.page-public-coordinations .fobak-governance-president-visual{
  align-self:center!important;
  margin:clamp(18px,2.5vw,36px)!important;
}
body.page-public-coordinations .governance-president-photo{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border-radius:24px 24px 0 0!important;
  overflow:hidden!important;
  background:#f5f8f9!important;
}
body.page-public-coordinations .governance-president-photo>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:720px!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.page-public-coordinations .governance-president-photo>div:last-child{
  left:14px!important;right:14px!important;bottom:14px!important;
  border-radius:12px!important;
  backdrop-filter:blur(8px)!important;
}

@media(max-width:860px){
  body.page-index .fobak-president-intro{grid-template-columns:1fr!important;gap:18px!important;padding:14px!important}
  body.page-index .fobak-president-visual{max-width:680px!important;margin:0 auto!important}
  body.page-index .fobak-president-copy{padding:2px 4px 8px!important}
  body.page-index .fobak-president-copy h2{font-size:clamp(2rem,9vw,3.2rem)!important;line-height:1.02!important}

  body.page-public-president-biography .founder-biography-lead,
  body.page-public-biography .founder-biography-lead{
    display:flex!important;
    flex-direction:column-reverse!important;
    min-height:0!important;
  }
  body.page-public-president-biography .founder-biography-portrait,
  body.page-public-biography .founder-biography-portrait{
    width:calc(100% - 28px)!important;
    margin:14px auto 0!important;
    aspect-ratio:auto!important;
  }
  body.page-public-president-biography .founder-biography-portrait img,
  body.page-public-biography .founder-biography-portrait img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  body.page-public-president-biography .founder-biography-copy,
  body.page-public-biography .founder-biography-copy{
    padding:26px 18px 30px!important;
  }

  body.page-public-coordinations .fobak-governance-president-visual{
    width:calc(100% - 28px)!important;
    margin:14px auto 22px!important;
  }
  body.page-public-coordinations .governance-president-photo>img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

@media(max-width:520px){
  body.page-index .fobak-president-intro{margin-inline:0!important;border-radius:20px!important}
  body.page-index .fobak-president-intro-photo{border-radius:18px 18px 0 0!important}
  body.page-index .fobak-president-visual .fobak-leader-logo-space{border-radius:0 0 18px 18px!important;min-height:74px!important}
  body.page-index .fobak-president-visual .fobak-leader-logo-space img{height:56px!important;max-width:38%!important}
  body.page-index .fobak-president-copy p{font-size:1rem!important;line-height:1.68!important}
}