/* Poster lettering builds with the scroll; the surrounding layout stays still. */
.scroll-word{display:inline-block;white-space:nowrap;vertical-align:baseline;clip-path:inset(-.12em -.06em -.12em -.06em)}
.scroll-word__ink{display:inline-block;vertical-align:baseline;transform-origin:50% 80%;--word-progress:1;--word-rise:65px}
.scroll-type-ready .scroll-word__ink{opacity:calc(.12 + var(--word-progress)*.88);transform:translate3d(calc((1 - var(--word-progress))*var(--word-slide,8px)),calc((1 - var(--word-progress))*var(--word-rise)),0) rotate(calc((1 - var(--word-progress))*var(--word-turn,2deg))) scale(calc(.94 + var(--word-progress)*.06));transition:none}
.is-ready .reveal.scroll-type-shell{opacity:1!important;transform:none!important;transition:none!important}
body .manifesto .manifesto-title.scroll-type-ready .motion-word{background:none;color:var(--word-color)}
.scroll-type-static .scroll-word,.scroll-type-static .scroll-word__ink,.reduce-motion .scroll-word,.reduce-motion .scroll-word__ink{clip-path:none;transform:none!important;opacity:1!important}
@media(max-width:760px){.scroll-word__ink{--word-rise:38px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-explicit) .scroll-word{clip-path:none}html:not(.motion-explicit) .scroll-word__ink{transform:none!important;opacity:1!important}}
@media print{.scroll-word{clip-path:none}.scroll-word__ink{transform:none!important;opacity:1!important}}
