/* ============================================================
   Satyam Advisory · pages/home.css
   Overrides spécifiques à la page d'accueil
   ============================================================ */

.home-page .hero {
  min-height: calc(100vh - var(--nav-height-mobile));
  display: flex;
  align-items: center;
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.home-page .hero h1 {
  max-width: 18ch;
}

@media (min-width: 768px) {
  .home-page .hero {
    min-height: calc(100vh - var(--nav-height-desktop));
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }
}

/* 4 cartes verticaux — espace généreux entre cartes */
.home-verticaux {
  margin-top: var(--space-7);
  gap: var(--space-5);
}

@media (min-width: 768px) {
  .home-verticaux {
    gap: var(--space-6);
  }
}

/* Triple cap sur fond navy — espace entre principes */
.home-triple-cap {
  gap: var(--space-6);
}

@media (min-width: 768px) {
  .home-triple-cap {
    gap: var(--space-7);
  }
}