/* ============================================================
   MINER · Camada de movimento (títulos palavra a palavra, direção)
   Carregada por último. Soma ao .reveal; as palavras usam só
   transform, a opacidade continua com o .reveal.
   ============================================================ */

/* ---- Título entrando palavra a palavra ---- */
.w-word { display: inline-block; transform: translateY(.5em); opacity: 0;
  transition: transform .52s var(--ease), opacity .52s var(--ease); transition-delay: calc(var(--wi) * 40ms); }
.w-split.w-in .w-word { transform: none; opacity: 1; }

/* ---- Variedade de direção (aplicada pelo motion.js) ---- */
.reveal.m-left  { transform: translateX(-24px); }
.reveal.m-right { transform: translateX(24px); }
.reveal.m-scale { transform: scale(.96); }
.reveal.m-left.in, .reveal.m-right.in, .reveal.m-scale.in { transform: none; }

/* ---- Cascata nos grids (aplicada pelo motion.js) ---- */
.m-cascade > .reveal { transition-delay: calc(var(--mi, 0) * 80ms); }

@media (prefers-reduced-motion: reduce) {
  .w-word { transform: none !important; opacity: 1 !important; }
  .reveal.m-left, .reveal.m-right, .reveal.m-scale { transform: none !important; }
}