/* Motion layer. See paint/motion.js — reveals only ever REMOVE an offset, so an
   element that is never observed stays visible rather than blank. */
.motion-on [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1), transform .72s cubic-bezier(.22,.61,.36,1);
  will-change:opacity, transform;
}
.motion-on [data-reveal].in{opacity:1;transform:none;will-change:auto}
.motion-on [data-magnetic]{transition:background .18s ease,color .18s ease}
/* No JS, or reduced motion: everything is simply visible. */
.motion-off [data-reveal],
html:not(.motion-on) [data-reveal]{opacity:1;transform:none}