.p-hero{padding:48px var(--gouttiere) 44px;max-width:900px;}
.p-hero h1{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1.08;margin:20px 0 22px;}
.p-hero h1 em{color:var(--laiton);font-style:italic;}
.p-hero p{font-size:16.5px;color:var(--encre-70);line-height:1.65;max-width:660px;}
.part{border-top:1px solid var(--encre);margin:0 var(--gouttiere);padding-top:22px;}
.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:29px;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;}

/* ---- communiqué de presse ---- */
.actu{border-top:1px solid var(--encre-15);padding-top:26px;max-width:760px;}
.actu + .actu{margin-top:34px;}
.actu .eyebrow{color:var(--encre-50);}
.actu h2{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2;margin:12px 0 12px;}
.actu p{font-size:15.5px;line-height:1.7;color:var(--encre-70);}
.actu .li{display:inline-block;margin-top:18px;font-family:var(--sans);font-size:12.5px;
  border-bottom:1px solid var(--encre-30);padding-bottom:2px;}

/* ---- encart offres d'emploi ---- */
.job-encart{border:1px solid var(--encre-15);border-left:3px solid var(--acier);background:var(--chaux-2);padding:40px 42px;}
.job-encart h3{font-family:var(--serif);font-size:29px;font-weight:500;margin:12px 0 8px;}
.job-encart .meta{font-family:var(--sans);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--encre-50);margin-bottom:18px;}
.job-encart p{font-size:15px;color:var(--encre-70);line-height:1.75;max-width:780px;}
.job-ctas{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px;}
@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;}
  .actu h2{font-size:23px;}.job-encart{padding:28px 24px;}
  .job-ctas{flex-direction:column;align-items:stretch;gap:14px;}}

/* ============================================================
   SORTIE DE L'ATTRIBUT `style=""` DE LA LIVRAISON
   ============================================================ */

/* L'encart de recrutement enchaîne sur le communiqué, sans respiration haute. */
/* ── 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--flush-top{padding-top:0;}