/* Selected product moments; native document scrolling and layout stay intact. */
body[data-scroll-story] [data-scroll-enter] {
  opacity: var(--story-opacity, 1);
  translate: 0 var(--story-enter-y, 0px);
}
body[data-scroll-story] [data-scroll-drift] {
  translate: 0 var(--story-y, 0px);
}
body[data-scroll-story] [data-scroll-enter]:focus-within,
body[data-scroll-story][data-motion=off] [data-scroll-enter] {
  opacity: 1;
  translate: none;
}
body[data-scroll-story][data-motion=off] [data-scroll-drift] { translate: none; }
@media (max-width: 850px) {
  /* Keep the annotated robot and its touch targets stationary. */
  body[data-scroll-story=a1] [data-scroll-drift] { translate: none; }
}
@media (prefers-reduced-motion: reduce), print {
  body[data-scroll-story] [data-scroll-enter] { opacity: 1 !important; translate: none !important; }
  body[data-scroll-story] [data-scroll-drift] { translate: none !important; }
}
