/* reveal.css: the soft arrival. Add class="rise" (optionally style="--d:.12s"); reveal.js adds .in once.
   Things rise a little and come into focus. They never pop in from nothing. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.33,1,.68,1);--ease-travel:cubic-bezier(.65,0,.35,1)}
.rise{opacity:0;transform:translateY(14px);filter:blur(5px);
  transition:opacity .8s var(--ease-soft) var(--d,0s),transform 1.05s var(--ease-out) var(--d,0s),filter .8s var(--ease-soft) var(--d,0s)}
.rise.card{transform:translateY(24px) scale(.985);filter:blur(6px)}
.rise.in{opacity:1;transform:none;filter:blur(0)}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;filter:none;transition:none}}
html[data-motion=off] .rise{opacity:1;transform:none;filter:none}