/* Line letter rise: the hidden start state. part.js marks <html class="llr-js"> (not under reduced motion), so
   without JS, or with reduced motion, the text simply shows. */
.llr-js [data-llr]:not(.llr-on) { opacity: 0; }          /* the frame before the split */
.llr-w, .llr-c { display: inline-block; }
[data-llr="chars"] .llr-w { white-space: nowrap; }
[data-llr]:not([data-llr="chars"]).llr-held .llr-w,
[data-llr="chars"].llr-held .llr-c { opacity: .001; transform: translateY(var(--llr-y, 24px)); }
.llr-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }