/* ==========================================================================
   ABOUT.CSS (page) — Histoire complète, 4 services, CTA
   ========================================================================== */

/* Bannière — pas de photo dispo pour cette page, reste sur le noir de base (.page-banner) */

.about-story {
  padding-block: var(--spacing-xl);
}

/* Section "Notre histoire" — version pleine page du teaser (boîte moins verticale, plus large) */
.about-story .about__video {
  aspect-ratio: 4 / 5;
  max-width: 420px;
}

/* ============================== 4 SERVICES ============================== */
.about-services-full {
  padding-block: var(--spacing-xl);
}

.about-section__head {
  text-align: center;
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: var(--spacing-lg);
}

.about-section__head .eyebrow {
  justify-content: center;
}

.service-rows {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.service-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.service-row--reverse .service-row__media {
  order: 2;
}

.service-row__media .img-placeholder {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  background: rgba(243, 238, 227, 0.06);
  border: 1.5px dashed rgba(243, 238, 227, 0.25);
  color: var(--cream-dim);
}

.service-row__text .eyebrow {
  color: var(--color-primary);
}

.service-row__text h3 {
  color: var(--cream);
  font-size: var(--fs-h3);
  margin-block: var(--spacing-xs);
}

.service-row__text p {
  color: var(--cream-dim);
}

/* ============================== CTA CONTACT ============================== */
.about-cta-banner {
  position: relative;
  background: var(--black);
  padding-block: var(--spacing-xl);
  text-align: center;
}

.about-cta-banner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.about-cta-banner__content .eyebrow {
  justify-content: center;
}

.about-cta-banner__content h2 {
  font-size: var(--fs-h2);
}