/* Motion is progressive enhancement: content stays available without JS. */
html.scroll-choreography .reveal,
html.scroll-choreography .reveal.is-visible{opacity:1;transform:none;transition:none}
html.scroll-choreography .section-index{position:relative}
html.scroll-choreography .section-index:after{content:'';position:absolute;left:0;bottom:-15px;width:64px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 850ms cubic-bezier(.16,1,.3,1)}
html.scroll-choreography .section-inview .section-index:after{transform:scaleX(1)}
html.scroll-choreography .manifesto .strike:after{transform:scaleX(0) rotate(-4deg);transition:transform 1100ms cubic-bezier(.16,1,.3,1) 400ms}
html.scroll-choreography .manifesto.section-inview .strike:after{transform:scaleX(1) rotate(-4deg)}
html.scroll-choreography .workflow .demo-progress{position:relative}
html.scroll-choreography .workflow .demo-progress:after{content:'';position:absolute;left:32px;right:32px;bottom:12px;height:1px;background:var(--red);opacity:.5;transform-origin:left;transform:scaleX(var(--section-progress,0))}
html.scroll-choreography .closing-grid{opacity:calc(.4 + var(--section-progress,.5) * .6)}
html.scroll-choreography .closing .button{position:relative}
html.scroll-choreography .hero-art,html.scroll-choreography .closing-slash{backface-visibility:hidden}
html.scroll-choreography .workspace.expanded{transform:none!important;translate:none!important;opacity:1!important}
html.scroll-choreography.paused .section-index:after,
html.scroll-choreography.paused .manifesto .strike:after{transition:none!important}
html.scroll-choreography.paused .section-index:after{transform:scaleX(1)}
html.scroll-choreography.paused .manifesto .strike:after{transform:scaleX(1) rotate(-4deg)}
@media(prefers-reduced-motion:reduce){html.scroll-choreography .section-index:after{transform:scaleX(1);transition:none}html.scroll-choreography .manifesto .strike:after{transform:scaleX(1) rotate(-4deg);transition:none}html.scroll-choreography .hero-art,html.scroll-choreography .asterisk,html.scroll-choreography .closing-slash{translate:none!important}}