/* Content stays readable without JavaScript and with reduced motion. */
html.tr-ready [data-tr]:not([data-tr="split"]):not(.tr-in) { opacity: 0; }
.tr-word, .tr-wi { display: inline-block; }
.tr-wi {
  transition: transform var(--tr-duration, 420ms) cubic-bezier(0.2, 0.75, 0.2, 1), opacity var(--tr-opacity-duration, 300ms) ease;
  transition-delay: calc(var(--d, 0ms) + var(--i, 0) * 20ms);
}
html.tr-ready [data-tr="split"]:not(.tr-in) .tr-wi {
  opacity: 0;
  transform: translateY(0.3em);
}
@media (max-width: 600px) {
  .tr-wi { transition-duration: var(--tr-duration, 280ms), var(--tr-opacity-duration, 280ms); transition-delay: var(--d, 0ms); }
}
@media (prefers-reduced-motion: reduce), print {
  html.tr-ready [data-tr], html.tr-ready [data-tr] .tr-wi {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}