/* SplitText — entrada por palabras del hero.

   .st-m es la caja de recorte. El truco para que NO mueva el texto ni un píxel:
   padding vertical + margin negativo del mismo valor, así la caja de margen
   sigue midiendo exactamente 1 line-height y el recorte queda holgado por
   arriba y por abajo (ascendentes, descendentes g/j/p/y y acentos a salvo).

   vertical-align:bottom es obligatorio: un inline-block con overflow:hidden
   toma como baseline su borde inferior de margen, no el de su texto. Al
   alinear por abajo, la caja coincide con la línea y el baseline vuelve a su
   sitio. Sin esto el headline sube ~0.2em. */
.st-w{display:inline-block}
.st-m{display:inline-block;overflow:hidden;vertical-align:bottom;
      padding:var(--st-pad,.45em) 0;margin:calc(var(--st-pad,.45em) * -1) 0}

/* Sin animación (móvil o sin motion) el recorte no pinta nada: lo apagamos
   para que no pueda cortar ni un glifo. Debe coincidir con el breakpoint de
   ST_MOBILE en SplitText.jsx. */
@media (max-width:960px),(prefers-reduced-motion:reduce){
  .st-m{overflow:visible}
}