/* Vision (FR / EN) — texte personnel à la première personne, charte BOZONNET commune.
   Le bandeau d'ouverture porte le titre et un texte d'introduction : c'est une introduction,
   il prend donc le gris clair de regroupement, comme le hero de l'accueil.
   Sections blanches, titres à repère rouge (.bz-h2), boutons partagés (.bz-btn). Aucune couleur héritée de l'ancienne charte bleue. */

.vision .wrap{max-width:var(--bz-wrap);margin:0 auto;padding:0 var(--bz-gutter)}

/* Introduction */
.vision .page-head{background:var(--bz-bg-2);border-bottom:1px solid var(--bz-rule);padding:56px 0 52px}
.vision .page-head h1{font-size:36px;line-height:1.12;letter-spacing:-.01em}
.vision .page-head .lead{margin-top:16px;font-size:20px;line-height:1.6;color:var(--bz-ink-2)}

/* Sections */
.vision main section{padding:var(--bz-sec) 0;border-bottom:1px solid var(--bz-rule)}
.vision main section:last-of-type{border-bottom:0}
.vision section .bz-h2{margin-bottom:16px}
.vision section p + p{margin-top:14px}

/* Sections avec photo : texte aligné sur le haut de l'image */
.vision .vsplit{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:start}
.vision .vsplit.rev .vtext{order:2}
.vision .vsplit img{width:100%;border:1px solid var(--bz-rule);border-radius:6px}

/* Appel à échanger : regroupement sur gris clair, actions partagées */
.vision .cta-band{margin:8px 0 var(--bz-sec);padding:32px;background:var(--bz-bg-2);border:1px solid var(--bz-rule);border-radius:8px;text-align:center}
.vision .cta-band h2{font-size:28px;line-height:1.2}
.vision .cta-band p{margin:8px 0 20px;color:var(--bz-ink-2)}
.vision .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@media (max-width:767px){
  .vision .page-head{padding:40px 0 36px}
  .vision .page-head h1{font-size:30px}
  .vision .page-head .lead{font-size:17px}
  .vision .vsplit{grid-template-columns:minmax(0,1fr);gap:24px}
  .vision .vsplit.rev .vtext{order:0}
  .vision .cta-band{padding:24px 20px}
  .vision .cta-band h2{font-size:24px}
}