/* ── APROPOS PAGE STYLES ── */
.apropos-intro {
  /* display:grid; grid-template-columns:1fr 1fr;
  gap:64px; align-items:start;
  margin-top:64px; */

  display:flex; flex-direction:column;
  gap:32px; margin-top:64px;
}
.apropos-block {
  padding:44px; border-radius:16px;
  border:1.5px solid var(--border); background:var(--white);
}
.apropos-block-label {
  font-family:var(--mono); font-size:10px; color:var(--em);
  letter-spacing:0.2em; text-transform:uppercase;
  margin-bottom:16px; display:flex; align-items:center; gap:8px;
}
.apropos-block-label::before { content:''; width:16px; height:2px; background:var(--em); border-radius:2px; }
.apropos-block-title { font-family:var(--serif); font-size:30px; font-weight:400; color:var(--forest); line-height:1.15; margin-bottom:20px; }
.apropos-block-text { font-size:15px; color:var(--muted); line-height:1.85; }
.apropos-block-text p + p { margin-top:16px; }
.apropos-vision { background:var(--forest); border-color:transparent; }
.apropos-vision .apropos-block-label { color:var(--gold); }
.apropos-vision .apropos-block-label::before { background:var(--gold); }
.apropos-vision .apropos-block-title { color:var(--white); }
.apropos-vision .apropos-block-text { color:rgba(255,255,255,0.55); }

/* Valeurs */
.valeurs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.valeur-card {
  padding:32px; border-radius:14px;
  border:1.5px solid var(--border); background:var(--white);
  transition:border-color 0.2s, transform 0.2s;
}
.valeur-card:hover { border-color:var(--em-m); transform:translateY(-3px); }
.valeur-num { font-family:var(--serif); font-size:40px; color:var(--border); font-weight:300; line-height:1; margin-bottom:16px; }
.valeur-title { font-family:var(--serif); font-size:22px; font-weight:400; color:var(--forest); margin-bottom:10px; }
.valeur-text { font-size:14px; color:var(--muted); line-height:1.7; }

/* Equipe */
.equipe-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px; }
.membre-card {
  padding:28px; border-radius:14px;
  border:1.5px solid var(--border); background:var(--white);
  text-align:center;
}
.membre-avatar {
  width:72px; height:72px; border-radius:50%;
  background:var(--em-l); border:2px solid var(--em-m);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px;
  font-family:var(--serif); font-size:24px; color:var(--em); font-weight:400;
}
.membre-name { font-family:var(--serif); font-size:18px; font-weight:400; color:var(--forest); margin-bottom:4px; }
.membre-role { font-family:var(--mono); font-size:9px; color:var(--em); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; }
.membre-skills { font-size:12px; color:var(--muted); line-height:1.6; }

/* CTA section */
.apropos-cta {
  background:var(--forest); border-radius:20px;
  padding:64px; margin-top:64px;
  display:flex; align-items:center; justify-content:space-between; gap:48px;
}
.apropos-cta-text h3 { font-family:var(--serif); font-size:36px; font-weight:400; color:var(--white); margin-bottom:12px; }
.apropos-cta-text p { font-size:15px; color:rgba(255,255,255,0.5); max-width:480px; line-height:1.7; }
.apropos-cta a {
  background:var(--gold); color:var(--forest);
  font-size:14px; font-weight:600;
  padding:16px 32px; border-radius:40px;
  text-decoration:none; white-space:nowrap;
  transition:opacity 0.2s, transform 0.15s;
  flex-shrink:0;
}
.apropos-cta a:hover { opacity:0.9; transform:translateY(-2px); }

@media (max-width:1024px) {
  .apropos-intro, .valeurs-grid { grid-template-columns:1fr; }
  .equipe-grid { grid-template-columns:repeat(2,1fr); }
  .apropos-cta { flex-direction:column; padding:44px; }
}
@media (max-width:768px) {
  .equipe-grid { grid-template-columns:1fr; }
}