/* CivilBrothers — scroll reveal animations (shared across all option templates) */

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* Elements are tagged .rv by JS only — no-JS visitors see everything instantly. */
.rv {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.75s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.rv.rv-in {
  opacity: 1;
  transform: none;
}

/* variants applied by JS for a little variety */
.rv--left  { transform: translateX(-36px); }
.rv--right { transform: translateX(36px); }
.rv--scale { transform: translateY(16px) scale(0.96); }
.rv--left.rv-in, .rv--right.rv-in, .rv--scale.rv-in { transform: none; }
