/* ==========================================================================
   Page Quai 31 (Notre vision & notre équipe)
   ========================================================================== */

/* ---------- Hero ---------- */
.page-quai31 .titre-hero {
  font-size: clamp(28px, 5.2vw, 66px);
  letter-spacing: .26em;
  text-indent: .26em;
  white-space: nowrap;
}
.page-quai31 .titre-hero--sous {
  font-size: clamp(18px, 2.4vw, 27px);
  letter-spacing: .5em;
  text-indent: .5em;
  margin-top: 10px;
}
.page-quai31 .hero__texte { max-width: 720px; font-size: 17px; line-height: 1.28; }

/* ---------- Notre vision (conforme Canva : colonne unique, centrée, pleine largeur) ---------- */
.vision-seule { text-align: center; max-width: 760px; margin: 0 auto; }
.vision-seule .vision-texte { margin-top: 34px; }
.vision-seule .monogram-centre { margin-bottom: 0; }

/* ---------- Portraits Anne / Sophie (fond mocka -> texte BLANC, conforme maquette) ----------
   Anne : #cfb89d (mocka) — Sophie : #cfbea8 (mocka clair), mesurés sur le Canva p2. */
.page-quai31 .section--mocka { background: #cfb89d; }
.section--mocka-clair { background: #cfbea8; }

.portrait__diplomes--blanc { color: var(--blanc); }
.portrait__diplomes--blanc li::marker { color: var(--blanc); }