/* Тихое движение: растворение вместо сдвига. */
:root{
--dur-fast:300ms;
--dur-base:400ms;
--dur-slow:500ms;
--dur-reveal:660ms;   /* шторка кадра: маска идёт от края к краю один раз, когда кадр в поле зрения; было 600, плюс десятая часть по решению 12.09 */
--dur-cut:200ms;      /* склейка между страницами: уход в чёрное и проявление из чёрного */
--ease:cubic-bezier(0.2,0,0,1);
--ease-reveal:cubic-bezier(0.3,0,0.4,1); /* шторка: почти ровный ход и мягкая остановка, как у затвора; на --ease 88% пути уходило за половину времени, а остаток полз */
--ease-cut:linear;                        /* склейка: уход в чёрное и проявление линейные, как наплыв в монтаже; ease-out в обе стороны давал два хлопка по 100 мс */
--transition-fade:opacity var(--dur-fast,300ms) var(--ease,cubic-bezier(0.2,0,0,1));
--transition-image:filter var(--dur-base,400ms) var(--ease,cubic-bezier(0.2,0,0,1));
--transition-ui:background-color var(--dur-fast,300ms) var(--ease,cubic-bezier(0.2,0,0,1)),color var(--dur-fast,300ms) var(--ease,cubic-bezier(0.2,0,0,1)),border-color var(--dur-fast,300ms) var(--ease,cubic-bezier(0.2,0,0,1)),opacity var(--dur-fast,300ms) var(--ease,cubic-bezier(0.2,0,0,1));
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-reveal:0ms;--dur-cut:0ms}
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}