/* Home motion pieces (DESIGN 6.11.3), shared states. motion.js sets data-motion-state on each
   [data-motion] piece: armed (start pose, before it scrolls into view), play (keyframes run once),
   done (no rules: the plain end state). Pieces animate transform and opacity only. */
[data-motion] { contain: layout paint; }
[data-motion][data-motion-paused] *,
[data-motion][data-motion-paused] { animation-play-state: paused !important; }
[data-motion-state="play"][data-motion-skip] { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  [data-motion] *, [data-motion] { animation: none !important; }
}