/* Motion primitives. The palette lives in site.css; this file only decides how
   things appear, and guarantees content is visible when motion is off. */
.sl-js [data-sl-reveal], .sl-js .sl-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity .72s cubic-bezier(.16,1,.3,1),
              transform .72s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform;
}
.sl-js [data-sl-reveal].sl-in, .sl-js .sl-reveal.sl-in {
  opacity: 1;
  transform: none;
}
.sl-static [data-sl-reveal], .sl-static .sl-reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .sl-js [data-sl-reveal], .sl-js .sl-reveal { opacity: 1 !important; transform: none !important; }
}