/* Mise en page de « qualite-conformite » — reprise telle quelle de la maquette validée le 29/08/2026. */

/* ---------- propre à la page qualité & conformité ---------- */
.qhero{padding:clamp(40px,5vw,72px) 0 clamp(32px,4vw,56px)}
.qhero-grid{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gutter); align-items:center}
.qhero-txt{grid-column:1/7}
.qhero-media{grid-column:8/13}
.qhero h1{
  font-family:Newsreader,Georgia,serif; font-weight:400;
  font-size:clamp(32px,3.8vw,50px); line-height:1.06; letter-spacing:-.022em;
  margin:0 0 var(--s5); max-width:17ch; text-wrap:balance;
}
.qhero .cta{display:flex; gap:var(--s3); flex-wrap:wrap; margin-top:var(--s7)}

/* bloc éditorial : titre à gauche, texte à droite */
.edito{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:var(--s9); align-items:start}
.edito p{font-size:16px; line-height:1.65; color:var(--ink-2); max-width:62ch}
.edito p + p{margin-top:var(--s4)}
.edito p:last-child{margin-bottom:0}

@media (max-width:900px){
  .qhero-txt,.qhero-media{grid-column:1/-1}
  .qhero-media{margin-top:var(--s6)}
  .edito{grid-template-columns:1fr; gap:var(--s5)}
  .qhero .cta .btn{flex:1 1 100%}
}