/* ============================================================
   UPDATE 1 — TEXT ANIMATIONS
   Optional module. Delete this file (and reveal.js) and the site
   renders with everything simply present, no motion.
   ============================================================ */
/* ---- everything reveals the same way: fade up into place ---- */
.anim [data-an]{opacity:0;transform:translateY(30px);
  transition:opacity 1s var(--ease-out) var(--d,0ms),
             transform 1s var(--ease-out) var(--d,0ms)}
.anim .in [data-an],
.anim .in[data-an]{opacity:1;transform:none}

/* media rises a little less and settles from a slight overscale */
.anim [data-an="media"]{transform:translateY(18px) scale(1.03);
  transition:opacity 1.2s var(--ease-out) var(--d,0ms),
             transform 1.3s var(--ease-out) var(--d,0ms)}
.anim .in [data-an="media"],
.anim .in[data-an="media"]{transform:none}

/* ---- hairline rules drawing across ---- */
.anim [data-an="rule"]{transform:scaleX(0);transform-origin:left;
  transition:transform 1s var(--ease-wipe) var(--d,0ms)}
.anim .in [data-an="rule"]{transform:scaleX(1)}


@media (prefers-reduced-motion:reduce){
  .anim [data-an],.hov{transition:none!important;
    transform:none!important;opacity:1!important}
}