:root{
  --dur-ui:160ms;
  --dur-ui-max:240ms;
  --dur-brand:700ms;
  --ease:cubic-bezier(.2,.8,.2,1);
  --stagger-col:60ms;
  --stagger-row:40ms;
  --stagger-char:100ms;
}

/* Ascenso — el símbolo se construye en tres pasos, de la barra corta a la larga. */
@keyframes rmpBuild{0%,6%{transform:skewX(-37.1deg) scaleY(0);opacity:0}16%,90%{transform:skewX(-37.1deg) scaleY(1);opacity:1}97%,100%{transform:skewX(-37.1deg) scaleY(0);opacity:0}}
/* Barrido de píxeles — la retícula se enciende por columnas en la diagonal. */
@keyframes rmpPixSweep{0%{-webkit-mask-position:-60% 0;mask-position:-60% 0}100%{-webkit-mask-position:160% 0;mask-position:160% 0}}
/* Parpadeo técnico — la palabra se enciende letra a letra. */
@keyframes rmpChar{0%,6%{opacity:.16}14%,88%{opacity:1}95%,100%{opacity:.16}}
/* Escalonado — cascada diagonal sobre malla. */
@keyframes rmpMesh{0%,8%{background:var(--data-l1)}18%,80%{background:var(--accent)}90%,100%{background:var(--data-l1)}}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
}