/* Reference: widely separated title letters settle into place; body text
   emerges word by word with scroll, retaining the original typography. */
.tr-char,.tr-word{display:inline-block;opacity:1}
.hero-copy h1 .tr-char,.section-heading h2 .tr-char,.reel-heading h2 .tr-char,.collection-heading h2 .tr-char,.lab-intro h2 .tr-char,.about h2 .tr-char,#contact h2 .tr-char{color:inherit}
.tr-pending .tr-char{opacity:0;transform:translateX(.2em)}
.tr-playing .tr-char{opacity:1;transform:translateX(0);transition:opacity 700ms ease,transform 900ms var(--ease-out);transition-delay:var(--tr-delay,0ms)}
.tr-scroll .tr-word{opacity:var(--tr-opacity,1);transform:translateY(var(--tr-y,0px))}
.motion-paused .tr-char,.motion-paused .tr-word{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.tr-char,.tr-word{opacity:1!important;transform:none!important;transition:none!important}}