/* ==========================================================================
   Power 21 — page « Les fondateurs » (route 'founders', content/<lang>/p_founders.php)
   Compléments de layout.css : un portrait par section (photo sticky + bio).
   Préfixe : .fdr-
   ========================================================================== */

/* moins d'espace entre l'intro et le premier portrait */
.lyt-intro + .fdr-profile { padding-top: clamp(16px, 2vw, 40px); }

.fdr-profile { padding: clamp(64px, 8vw, 112px) var(--gutter) clamp(96px, 11vw, 150px); }
.fdr-profile--blue { background: var(--c-blue); color: var(--c-white); }
.fdr-profile__inner {
  display: grid; grid-template-columns: minmax(260px, 5fr) 7fr;
  gap: clamp(40px, 6vw, 110px); align-items: start;
}
.fdr-profile--rev .fdr-profile__inner { grid-template-columns: 7fr minmax(260px, 5fr); }
.fdr-profile--rev .fdr-profile__photo { order: 2; justify-self: end; }
/* portrait collé pendant la lecture de la bio */
.fdr-profile__photo {
  position: sticky; top: 120px; margin: 0; width: 100%;
  /* 480px sur grand écran ; plus petit sur un portable 13" (largeur ≈ 1280–1440 → 360–400px),
     et jamais plus haut que l'écran sous la nav (4/5 = ratio largeur / hauteur) */
  max-width: min(clamp(320px, 28vw, 480px), calc((100svh - 180px) * 4 / 5));
  aspect-ratio: 4 / 5; overflow: hidden; background: var(--c-white);   /* photos détourées sur blanc */
}
.fdr-profile__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.fdr-profile__body { display: flex; flex-direction: column; gap: 28px; max-width: 680px; }
.fdr-profile__role {
  display: flex; align-items: center; gap: 18px;
  font-family: var(--ff-mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--c-grey);
}
.fdr-profile__role::before { content: ''; width: 40px; height: 2px; background: var(--c-yellow); }
.fdr-profile .lyt-h2 em { color: var(--c-blue); }
.fdr-profile__lead {
  font-size: clamp(20px, 1.7vw, 26px); line-height: 1.4; letter-spacing: -.015em; font-weight: 600; text-wrap: pretty;
}
.fdr-profile__text { display: grid; gap: 18px; }
.fdr-profile__text p { font-size: 17px; line-height: 1.7; color: var(--c-body); text-wrap: pretty; }
.fdr-profile__text a { color: inherit; border-bottom: 1px solid var(--c-yellow); }
.fdr-profile__quote { margin: 0; padding-left: 28px; border-left: 3px solid var(--c-yellow); }
.fdr-profile__quote p { font-size: 19px; line-height: 1.6; font-weight: 500; letter-spacing: -.01em; text-wrap: pretty; }
.fdr-profile__note { font-size: 14px; line-height: 1.6; color: var(--c-body-soft); }
/* variante fond bleu */
.fdr-profile--blue .fdr-profile__role { color: rgba(255,255,255,.72); }
.fdr-profile--blue .lyt-h2 em { color: var(--c-yellow); }
.fdr-profile--blue .fdr-profile__text p,
.fdr-profile--blue .fdr-profile__note { color: rgba(255,255,255,.86); }
.fdr-profile--blue .link-rule, .fdr-profile--blue .link-rule:hover { color: var(--c-white); }

/* Responsive ---------------------------------------------------------------- */
@media (max-width: 900px) {
  .fdr-profile__inner, .fdr-profile--rev .fdr-profile__inner { grid-template-columns: 1fr; }
  .fdr-profile__photo { position: relative; top: auto; max-width: 360px; }
  .fdr-profile--rev .fdr-profile__photo { order: 0; justify-self: start; }
}