/* The ordinary DOM has no opacity/visibility override without this class. */
@media (prefers-reduced-motion: no-preference) {
 html.c3-motion [data-motion="photo"]:not([data-motion-state="done"]) { opacity:.2; }
 html.c3-motion [data-motion="intro"]:not([data-motion-state="done"]),
 html.c3-motion [data-motion="title"]:not([data-motion-state="done"]) { opacity:.65; transform:translateY(12px); }
 html.c3-motion [data-motion="description"]:not([data-motion-state="done"]),
 html.c3-motion [data-motion="copy"]:not([data-motion-state="done"]) { opacity:.8; transform:translateY(10px); }
 html.c3-motion [data-motion="cta"]:not([data-motion-state="done"]) { opacity:.8; transform:translateY(8px); }
 /* Case headings stay readable even when scrolling stops before their trigger. */
 html.c3-motion [data-motion="heading"]:not([data-motion-state="done"]) { transform:translateY(6px); }
 html.c3-motion img[data-motion="tool"]:not([data-motion-state="done"]) { opacity:.25; transform:translateY(10px); }
}