/* ADD+ corporate v3 — load sequence and scroll reveals */

@keyframes rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

/* hero load sequence */
.hero-copy .badge { animation: rise 0.65s var(--ease) both; }
.hero-copy h1 { animation: rise 0.65s var(--ease) 0.07s both; }
.hero-copy .lead { animation: rise 0.65s var(--ease) 0.14s both; }
.hero-copy .hero-cta { animation: rise 0.65s var(--ease) 0.21s both; }
.hero-photo { animation: rise 0.8s var(--ease) 0.26s both; }

/* scroll reveals (activated by js/reveal.js; .js gate keeps content visible without JS) */
.js .reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s var(--ease), transform 0.6s var(--ease);
}
.js .reveal.is-in { opacity: 1; transform: none; }

/* stagger siblings that enter together */
.js .reveal.is-in:nth-child(2) { transition-delay: 0.06s; }
.js .reveal.is-in:nth-child(3) { transition-delay: 0.12s; }
.js .reveal.is-in:nth-child(4) { transition-delay: 0.18s; }
.js .reveal.is-in:nth-child(5) { transition-delay: 0.24s; }
.js .reveal.is-in:nth-child(6) { transition-delay: 0.3s; }

@media (prefers-reduced-motion: reduce) {
  .hero-copy .badge, .hero-copy h1, .hero-copy .lead, .hero-copy .hero-cta, .hero-photo { animation: none; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}