/* ===========================================================================
 * The hook assembling itself.
 *
 * On arrival the plates of the demo stack sit apart and are drawn together —
 * the page acting out what the product does.
 *
 * The movement rides on `translate`, never on `transform`: the app writes
 * transform on these same elements to scale the blocks you have not armed, and
 * taking that property over would break the toggles. The two compose.
 *
 * The offsets themselves are injected as a stylesheet by assemble.js rather
 * than set inline, because React owns the style attribute on these nodes and
 * rewrites it on every render.
 * ======================================================================== */
/* The movement itself is keyframed in assemble.js through the Web Animations
   API, so there is no transition here to race the first paint. This file only
   documents the intent and keeps the reduced-motion escape hatch. */

@media (prefers-reduced-motion: reduce) {
  [class*="demoStage"] > [class*="visualCube"] { translate: 0 0 !important; }
}