/* animations.css — Reveal on scroll
   Utilisé par toutes les pages
   ─────────────────────────────── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease-out,transform .55s ease-out}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* Stagger latéral marqué — founders & finance cards */
.founder-card.reveal,
.finance-card.reveal{
  opacity:0;transform:translateX(-32px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.founder-card.reveal.visible,
.finance-card.reveal.visible{opacity:1;transform:none}
.founder-card.reveal-delay-1{transition-delay:.18s}
.finance-card.reveal-delay-1{transition-delay:.18s}
.finance-card.reveal-delay-2{transition-delay:.36s}

/* ── Hero entrance ─────────────────────────────────────
   Keyframes GPU-only (transform + opacity).
   Stagger : eyebrow 0ms → titre 80ms → tagline 180ms
             → actions 300ms → scroll 500ms
   ───────────────────────────────────────────────────── */
@keyframes heroFadeUp{
  from{opacity:0;transform:translateY(36px)}
  to  {opacity:1;transform:translateY(0)}
}
@keyframes heroBgScale{
  from{transform:scale(1.04)}
  to  {transform:scale(1)}
}

.hero__bg img{
  animation:heroBgScale 1.6s ease-out both;
}
.hero__eyebrow{
  animation:heroFadeUp .65s ease-out both;
  animation-delay:0ms;
}
.hero__title{
  animation:heroFadeUp .65s ease-out both;
  animation-delay:80ms;
}
.hero__monobloc{
  animation:heroFadeUp .65s ease-out both;
  animation-delay:180ms;
}
.hero__actions{
  animation:heroFadeUp .65s ease-out both;
  animation-delay:300ms;
}
.hero__scroll{
  animation:heroFadeUp .65s ease-out both;
  animation-delay:500ms;
}

@media(prefers-reduced-motion:reduce){
  .reveal,
  .founder-card.reveal,
  .finance-card.reveal{transition:none;opacity:1;transform:none}
  .hero__bg img,
  .hero__eyebrow,
  .hero__title,
  .hero__monobloc,
  .hero__actions,
  .hero__scroll{animation:none}
  .values-compare__side--trad,.values-compare__side--hkh{transition:none;opacity:1;transform:none}
}