/* ============================================================
   about.css — Styles spécifiques à la page Qui sommes-nous
   ============================================================ */

/* Bloc intro centré */
.about-intro { text-align: center; }
.about-intro .prose { text-align: center; }

/* Liste à puces */
.about-list { margin: 12px 0 20px; padding: 0; list-style: none; }
.about-list li { margin-bottom: 8px; }

/* Double photo */
.about-photos { padding: 40px 0 0; }
.about-photos__grid {
  display: grid;
  grid-template-columns: 575px 575px;
  gap: 24px;
  justify-content: center;
  margin: 0 auto;
}
.about-photos__img { overflow: hidden; }
.about-photos__img img {
  width: 575px;
  height: 575px;
  object-fit: cover;
  display: block;
}
.about-photos__divider {
  max-width: var(--container);
  margin: 60px auto 0;
  border: none;
  border-top: 1px solid var(--border);
}

/* Section "Comment ça fonctionne" */
.about-split { background: var(--white); padding: 80px 20px; }
.about-split .prose { text-align: left; }
.about-split h2 { font-size: var(--text-3xl); color: var(--black); margin-bottom: 24px; }

/* Section loi */
.about-loi { padding: 0 20px 80px; }
.about-loi .banner-split__content h2 { color: var(--black); font-size: var(--text-3xl); line-height: 1.25; }
.about-loi .section-label { color: var(--grey-accent); }

@media (max-width: 1200px) {
  .about-photos__grid { grid-template-columns: 1fr 1fr; }
  .about-photos__img img { width: 100%; height: 400px; }
}