/* Synaplic · sections plein écran avec accroche au défilement
   Chaque section occupe toute la hauteur visible sous le menu; la molette ou le doigt
   passe d'une section à la suivante. Une section plus haute que l'écran se parcourt librement. */
:root { --nav-h: 73px; --strip-h: 76px; }
html { scroll-padding-top: var(--nav-h); }

main > section {
  min-height: calc(100vh - var(--nav-h));
  min-height: calc(100svh - var(--nav-h));
  display: flex; flex-direction: column; justify-content: center;
  scroll-snap-align: start;
}
/* le bandeau « Nous intégrons » reste dans le premier écran, sous le hero */
main > .hero {
  min-height: calc(100vh - var(--nav-h) - var(--strip-h));
  min-height: calc(100svh - var(--nav-h) - var(--strip-h));
}
main > .hero:not(:has(+ .strip)) { min-height: calc(100svh - var(--nav-h)); }
main > .strip { scroll-snap-align: none; }
footer { scroll-snap-align: end; }

@media (min-width: 900px) and (min-height: 520px) {
  html { scroll-snap-type: y mandatory; }
  main > section { scroll-snap-stop: always; }
  /* espacement vertical resserré pour que davantage de sections tiennent dans un écran */
  :root { --sec-y: clamp(52px, 6.5vw, 96px); }
  main > .hero { padding-block: clamp(20px, 2.6vw, 40px); }
}
@media (max-width: 899px), (max-height: 519px) {
  html { scroll-snap-type: y proximity; }
}