/*
 * Indtoning ved scroll. Elementer får en let forsinkelse efter deres
 * placering (--d), så rækker af kort rejser sig efter hinanden.
 * Alt respekterer prefers-reduced-motion.
 */

.reveal { opacity: 0; }
.reveal.in { animation: mv-rise .85s var(--ease, ease) both; animation-delay: var(--d, 0s); }

/* Hero-teksten rejser sig, når siden åbner. */
.hero-copy > * { opacity: 0; animation: mv-rise 1s var(--ease, ease) both; }
.hero-copy > :nth-child(1) { animation-delay: .15s; }
.hero-copy > :nth-child(2) { animation-delay: .3s; }
.hero-copy > :nth-child(3) { animation-delay: .45s; }
.hero-copy > :nth-child(4) { animation-delay: .6s; }
.hero-copy > :nth-child(5) { animation-delay: .75s; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .reveal, .hero-copy > * { opacity: 1; }
}