/* ==========================================================================
   single-helios_projet.php — étude de cas (README §7.5)
   --------------------------------------------------------------------------
   Porté du prototype (`style.css` 582-594 + `.case__wrap` des compléments).
   Le bandeau des cinq faits chevauche l'image (`margin-top` négatif) : c'est
   ce chevauchement qui donne son assise à la fiche, et il disparaît sous
   768px, où l'image et les faits s'empilent.

   `.results` n'est PAS ici : c'est le bloc `helios/bloc-resultats` du Lot 4,
   avec sa propre feuille. Le gabarit l'appelle, il ne le redessine pas.
   ========================================================================== */
.case__hero{height:clamp(260px,40vw,600px);background:var(--grey);overflow:hidden;}
.case__hero img{width:100%;height:100%;object-fit:cover;display:block;}
.case__wrap{padding:0 var(--pad);}
.case__facts{position:relative;z-index:2;margin-top:clamp(-56px,-3vw,0px);}
.case__facts .cell{padding:clamp(18px,2.4vw,30px);}
.case__facts-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--secondaire);margin-bottom:10px;}
.case__facts-v{font-size:clamp(16px,1.6vw,21px);font-weight:800;line-height:1.2;letter-spacing:-.01em;}
/* Lot 12 — le maître d'ouvrage lié à ses réalisations. Pas de texte orange :
   à cette taille, `--orange` sur blanc ne passe pas AA (3,3:1). Le lien garde
   l'encre et se signale par le filet orange, comme `.ncard__more`. */
.case__facts-v a{color:var(--ink);border-bottom:2px solid var(--orange);}
.case__facts-v a:hover{color:var(--orange);}
.case__body{display:grid;gap:clamp(30px,4vw,52px);}