/* Visibility only gates setup; the reveal itself animates transforms only. */
@media (prefers-reduced-motion: no-preference) {
  .hero-text-pending .container.hero-content,
  .hero-text-enabled .container.hero-content:not([data-hero-text-ready]) { visibility:hidden; }
}
.hero-text-line, .hero-text-line-mask { display:block; }
.hero-text-line-mask { overflow:hidden; padding-block:.12em; margin-block:-.12em; }
.hero-text-word { display:inline-block; transform-origin:0% 100%; }
/* Keep the text and its existing arrow together inside flex action buttons. */
.hero-actions .hero-text-line-mask { flex-shrink:0; }