/* Accueil uniquement. Composants communs dans styles.css et Planning.
   Remplace final-pages.css sur cette page : aucune palette ni échelle locale. */
.home-page {
  --home-space: 64px;
}

.home-page .home-signature-hero {
  height: min(78vh, 820px);
  min-height: 660px;
}
.home-page .home-signature-image img { object-position: center 40%; }
.home-page .home-signature-copy { bottom: 56px; }
.home-page .home-signature-copy .home-headline-line { white-space: normal; }
.home-page .home-signature-copy > p:not(.eyebrow) { max-width: 640px; font-size: 18px; line-height: 1.55; }

.home-manifesto { background: var(--paper); }
.home-manifesto .offer-row {
  padding-block: var(--home-space);
  gap: 64px;
  border: 0;
}
.home-manifesto .offer-copy { max-width: none; }
.home-manifesto h2 { margin-bottom: 24px; }
.home-manifesto .offer-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.7; }
.home-manifesto .offer-copy > p:last-child { margin-bottom: 0; }
.home-manifesto .offer-image img {
  height: 440px;
  object-position: center 35%;
}

.home-approach { background: var(--white); }
.home-approach .method-section { padding-block: var(--home-space); gap: 64px; }
.home-approach .method-heading > p:not(.eyebrow) { margin-bottom: 18px; font-size: 16px; }
.home-approach .method-heading > p:last-child { margin-bottom: 0; }
.home-approach .method-steps article { grid-template-columns: 34px 1fr; gap: 18px; padding-block: 20px; }
.home-approach .method-steps p { font-size: 15px; line-height: 1.6; }


/* Les témoignages utilisent exclusivement le CSS partagé de Planning. */
.home-page .final-cta { padding-block: var(--home-space); background: var(--white); }
.home-page .final-cta h2 { max-width: 800px; margin-inline: auto; }
.home-page .final-cta > p:not(.eyebrow) { margin-bottom: 26px; }

@media (max-width: 900px) {
  .home-manifesto .offer-row, .home-approach .method-section {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .home-manifesto .offer-image img { height: 400px; }
}
@media (max-width: 720px) {
  .home-page { --home-space: 44px; }
  .home-page .home-signature-hero { height: 650px; min-height: 650px; }
  .home-page .home-signature-image img { object-position: calc(50% - 40px) center; }
  .home-page .home-signature-copy { bottom: 36px; }
  .home-page .home-signature-copy > p:not(.eyebrow) { max-width: 340px; font-size: 15px; line-height: 1.6; }
  .home-manifesto .offer-image img { height: 360px; }
  .home-approach .method-section { gap: 28px; }
}