/* Inner-page scroll feel: fade-up on enter, native scroll stays unlocked. */
@keyframes dsRevealFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

html.ds-reveal .ds-reveal-hero > * {
  opacity: 0;
  animation: dsRevealFadeUp .9s cubic-bezier(.22, .61, .36, 1) forwards;
}
html.ds-reveal .ds-reveal-hero > *:nth-child(2) { animation-delay: .12s; }
html.ds-reveal .ds-reveal-hero > *:nth-child(3) { animation-delay: .24s; }
html.ds-reveal .ds-reveal-hero > *:nth-child(n+4) { animation-delay: .36s; }

html.ds-reveal .ds-reveal-item {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity .9s cubic-bezier(.22, .61, .36, 1), transform .9s cubic-bezier(.22, .61, .36, 1);
  transition-delay: var(--reveal-delay, 0s);
}
html.ds-reveal .ds-reveal-item.is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
html.ds-reveal .ds-reveal-stagger > .ds-reveal-item:nth-child(2) { --reveal-delay: .12s; }
html.ds-reveal .ds-reveal-stagger > .ds-reveal-item:nth-child(3) { --reveal-delay: .24s; }
html.ds-reveal .ds-reveal-stagger > .ds-reveal-item:nth-child(n+4) { --reveal-delay: .36s; }

@media (prefers-reduced-motion: reduce) {
  html.ds-reveal .ds-reveal-hero > *,
  html.ds-reveal .ds-reveal-item,
  html.ds-reveal .ds-reveal-item.is-in {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}
