/* Keep the first letter opaque; subsequent letters fade within their bounds. */
@media (prefers-reduced-motion:no-preference){
 html.heading-motion-enabled [data-heading-reveal][data-heading-state="waiting"],
 html.heading-motion-enabled [data-heading-reveal][data-heading-state="running"]{
  -webkit-mask-image:linear-gradient(to right,#000 0 var(--heading-first-stop),transparent var(--heading-first-stop) 100%);
  mask-image:linear-gradient(to right,#000 0 var(--heading-first-stop),transparent var(--heading-first-stop) 100%);
 }
}