/* Preserve the authored title lines while bounding each soft reveal to its type. */
.hero h1 .text-reveal-line {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

/* Visible before JavaScript, after completion, and when printing or reducing motion. */
@media (prefers-reduced-motion: reduce), print {
  [data-text-reveal] {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 1 !important;
  }
}