/* =========================================================
   Page Le collectif / Notre vision - composants
   ========================================================= */

/* Convictions (barre bleue à gauche) */
.convics{ display:flex; flex-direction:column; gap:30px; max-width:760px; margin-top:44px; }
.convic{ border-left:3px solid var(--blue); padding-left:24px; }
.convic h3{ font-size:1.3rem; margin-bottom:9px; }
.convic p{ color:var(--muted); font-size:16px; line-height:1.6; }

/* Mission, déclaration centrée sur fond bleu nuit */
.mission{ text-align:left; }
.mission__eye{ color:var(--blue-200); }
.mission h2{ color:#fff; max-width:none; margin:16px 0 0; font-size:clamp(1.7rem,3vw,2.45rem); }
.mission p{ color:#9fb2c9; max-width:62ch; margin:16px 0 0; font-size:1.08rem; }

/* Fondateurs */
.team{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px; }
.member{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; }
.member .avatar{ aspect-ratio:16/10; border-bottom:0; }
.member .avatar span{ width:74px; height:74px; font-size:1.5rem; }
.member__body{ padding:28px 30px; }
.member__role{ color:var(--blue); font-weight:600; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; }
.member h3{ font-size:1.45rem; margin:7px 0 10px; }
.member p{ color:var(--muted); font-size:15px; line-height:1.6; }

@media (max-width:760px){
  .team{ grid-template-columns:1fr; }
}