.p-hero{padding:44px var(--gouttiere) 28px;max-width:900px;}
.p-hero h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.1;margin:16px 0 18px;}
.p-hero h1 em{color:var(--laiton);font-style:italic;}
.qsn-solo{grid-template-columns:1fr;gap:0;max-width:880px;}
.qsn-solo .lede{font-size:18px;line-height:1.6;}
.p-hero p{font-size:16px;color:var(--encre-70);line-height:1.6;max-width:660px;}
.part{border-top:1px solid var(--encre);margin:0 var(--gouttiere);padding-top:18px;}
.part + .section{padding-top:40px;}
.part .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--acier);font-weight:500;}
.part h2{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.12;margin-top:8px;}
.part .acc{font-size:16px;color:var(--encre-70);margin-top:12px;max-width:660px;line-height:1.6;}
.dir{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--encre-15);border:1px solid var(--encre-15);}
.dir .p,.dir .hire{background:var(--chaux);padding:32px 30px 30px;}
/* Le monogramme d'initiales (`.mono-ini`) tenait la place des portraits
   manquants. Ils sont tous fournis depuis la livraison du 2 septembre 2026 :
   la règle n'a plus de cible. Le repli existe toujours — c'est le fond
   `--acier-08` de `.ad-ph`, dans site.css. */
.dir .name{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.2;}
.dir .role{font-family:var(--sans);font-size:13.5px;color:var(--laiton-texte);letter-spacing:0;
  text-transform:uppercase;margin:8px 0 13px;line-height:1.7;}
.dir p{font-size:13.5px;color:var(--encre-70);line-height:1.68;}
.li{display:inline-block;margin-top:16px;font-family:var(--sans);font-size:12.5px;letter-spacing:0;
  border-bottom:1px solid var(--encre-30);padding:2px 0;}
.li:hover{border-color:var(--encre);}
.li-row{display:flex;flex-wrap:wrap;gap:20px;align-items:baseline;}
.li-row .li{margin-top:16px;}
.hire{background:var(--chaux-2)!important;display:flex;flex-direction:column;justify-content:center;}
.hire h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:12px 0 12px;}
.hire p{font-size:13.5px;color:var(--encre-70);line-height:1.68;}
/* Les trois encarts de gouvernance (`.gov3`) ont été remplacés par la grille
   du conseil d'administration (`.admins`, dans site.css). Sans cible. */
.jv{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:1px;background:var(--encre-15);border:1px solid var(--encre-15);}
.jv-part,.jv-cap{background:var(--chaux);padding:34px 30px;}
.jv-cap{background:var(--acier);color:var(--chaux);}
.jv-role{font-family:var(--sans);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--acier);font-weight:600;}
.jv-part h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:14px 0 10px;}
.jv-part p{font-size:13.5px;line-height:1.68;color:var(--encre-70);}
.jv-f{font-family:var(--sans);font-size:12px;letter-spacing:0;line-height:1.75;color:var(--encre-50);margin-top:18px;padding-top:14px;border-top:1px solid var(--encre-15);}
.jv-cap-k{font-family:var(--sans);font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--chaux-50);}
.jv-cap-v{font-family:var(--serif);font-size:56px;font-weight:500;line-height:1.05;margin-top:6px;}
.jv-cap-v small{font-size:26px;}
.jv-cap-d{font-size:13.5px;line-height:1.68;color:var(--chaux-70);margin-top:14px;}
@media (max-width:1180px){.part{margin-left:44px;margin-right:44px;}}
@media (max-width:900px){.part h2{font-size:clamp(23px,2.8vw,29px);}}
@media (max-width:620px){.part{margin-left:22px;margin-right:22px;}}

/* ============================================================
   SORTIES DES ATTRIBUTS `style=""` DE LA LIVRAISON
   ============================================================ */

/* Le chapeau de page colle au hero : pas de respiration haute, huit pixels
   en bas avant la sous-navigation. */
/* ── LA SPÉCIFICITÉ DOIT MONTER, ET CE N'EST PAS UN DÉTAIL ────────────────
   `_responsive.css` est chargée EN DERNIER et redéclare `.section{padding:…}`
   sous 620 px. Le style inline de la livraison gagnait sans effort — un
   attribut `style` bat toute feuille. Une classe simple, elle, a la même
   spécificité que `.section` et PERD, parce qu'elle est écrite avant.

   La règle s'écrit donc avec la classe de base : `.section.section--x`.
   Sans cela, la respiration haute revient à 64 px sur mobile, et deux
   sections se décollent de ce qu'elles doivent toucher. Trois pages étaient
   concernées, et l'écart ne se voyait qu'à 390 px.
   ──────────────────────────────────────────────────────────────────────── */
.section.section--intro{padding:0 var(--gouttiere) 8px;}

/* Le second paragraphe du chapeau respire de deux pixels de plus que la
   règle générale de `.qsn` (site.css) ; même spécificité, cette feuille est
   chargée après, elle gagne. */
.qsn-solo p + p{margin-top:18px;}

/* Le conseil d'administration suit un chapeau de section, d'où ce léger
   décalage que n'ont pas les autres grilles `.admins`. */
.admins--gov{margin-top:10px;}

/* Bouton « Découvrir Balestra » sous le texte de la société de gestion. */
.jv-cta{margin-top:22px;}
