.scroll-motion-scene {
  transform: translate3d(0, var(--scene-y, 0px), 0) scale(var(--scene-scale, 1));
  opacity: var(--scene-opacity, 1);
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.motion-text {
  opacity: var(--text-opacity, 1);
  translate: 0 var(--text-y, 0px);
  filter: blur(var(--text-blur, 0px));
  will-change: translate, opacity, filter;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-motion-scene,
  .motion-text {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}