/* ============================================================
   AugustREI.com — Scroll Animations & Transitions
   ============================================================ */

/* Fade-up on scroll */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered children */
.animate-on-scroll.stagger > *               { opacity: 0; transform: translateY(25px); transition: opacity 0.6s ease, transform 0.6s ease; }
.animate-on-scroll.stagger.visible > *       { opacity: 1; transform: translateY(0); }
.animate-on-scroll.stagger.visible > *:nth-child(1) { transition-delay: 0.05s; }
.animate-on-scroll.stagger.visible > *:nth-child(2) { transition-delay: 0.15s; }
.animate-on-scroll.stagger.visible > *:nth-child(3) { transition-delay: 0.25s; }
.animate-on-scroll.stagger.visible > *:nth-child(4) { transition-delay: 0.35s; }
.animate-on-scroll.stagger.visible > *:nth-child(5) { transition-delay: 0.45s; }
.animate-on-scroll.stagger.visible > *:nth-child(6) { transition-delay: 0.55s; }

/* Fade-in variants */
.fade-left  { opacity: 0; transform: translateX(-40px); transition: opacity 0.7s ease, transform 0.7s ease; }
.fade-right { opacity: 0; transform: translateX(40px);  transition: opacity 0.7s ease, transform 0.7s ease; }
.fade-left.visible, .fade-right.visible { opacity: 1; transform: translateX(0); }

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .animate-on-scroll.stagger > *,
  .fade-left, .fade-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  html { scroll-behavior: auto; }
  .trust-badge-strip .badges { animation: none; }
}