/* Page À propos — mises en page propres à la page. Composants : ds.css. */

.ap-section { padding-block: calc(var(--section-gap) / 2); scroll-margin-top: var(--space-3); }
.ap-section:first-child { padding-top: 0; }

/* Blocs texte + photo */
.ap-hero, .ap-approach { display: grid; }
.ap-copy .btn { align-self: flex-start; }
.ap-copy p strong { font-weight: var(--weight-medium); color: var(--color-text-primary); }
.ap-photo img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.ap-hero .ap-photo img { aspect-ratio: 1400 / 1011; }
.ap-approach .ap-photo img { aspect-ratio: 1200 / 800; }

/* Histoire : sans fond de bloc */
.ap-plain { padding-inline: 0; }

/* Vision : visuel composé + citation */
.ap-visual { margin: 0; }
.ap-visual img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.ap-motto { font-family: var(--font-heading); font-size: var(--text-h3); font-weight: var(--weight-medium); line-height: var(--leading-heading); color: var(--color-accent-orange); }

/* Engagements */
.ap-card { gap: var(--space-4); min-height: 280px; }
.ap-card h3 { font-family: var(--font-body); font-size: var(--text-body-medium); font-weight: var(--weight-medium); line-height: var(--leading-body); }

/* FAQ : largeur de lecture */
.ap-faq { max-width: 960px; margin-inline: auto; }

@media (max-width: 767px) {
  .ap-hero .ap-photo, .ap-plain .ap-photo, .ap-approach .ap-photo { order: -1; }
  .ap-visual img { border-radius: var(--radius-md); }
  .ap-card { min-height: 0; }
}