/* ROOH gentle scroll motion · CSS-only presentation layer */
html.rooh-motion-ready .rooh-motion-item {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity 920ms cubic-bezier(.22,.61,.36,1),
    transform 1080ms cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--rooh-motion-delay, 0ms);
  will-change: opacity, transform;
}
html.rooh-motion-ready .rooh-motion-item.is-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
}
@media (max-width: 700px) {
  html.rooh-motion-ready .rooh-motion-item {
    transform: translate3d(0, 16px, 0);
    transition-duration: 860ms, 980ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.rooh-motion-ready .rooh-motion-item,
  html.rooh-motion-ready .rooh-motion-item.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}