html.still .field,html.still .film__reel [data-scene],html.still .film__end,html.still .film__fade{transition:none}html.still .film__type .c.is-caret:after,html.still .film__stage.is-ended .film__end{animation:none}html.moving:not(.reduced) .field{transition:opacity .6s var(--ease-out)}html.moving:not(.reduced) .film__reel [data-scene]{transition:opacity .24s var(--ease-out)}html.moving:not(.reduced) .film__reel [data-scene]:not(.is-on){transition-duration:.12s}html.moving:not(.reduced) .film__stage.is-ended .film__card--end{transition-duration:.6s}html.moving:not(.reduced) .film__end{transition:opacity .9s var(--ease-out), transform 1.8s var(--ease-out)}html.moving:not(.reduced) .film__fade{transition:opacity .7s var(--ease-out)}html.moving:not(.reduced) .film__stage.is-ended .film__end{animation:.9s step-end film-project}html.moving:not(.reduced) .film__type .c.is-caret:after{animation:.9s steps(2,jump-none) infinite aion-caret}.film__progress{right:calc(var(--pad-x) / 2);z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle, var(--rule-2) .8px, var(--cyan-0) 1.2px) 50% 0 / 2px 6px repeat-y;width:2px;position:absolute;top:20%;bottom:20%}.film__progress i{background:var(--cyan);transform-origin:50% 0;position:absolute;inset:0;transform:scaleY(0)}html:not(.field-on) .film__progress,html.still .film__progress{display:none}