/* Анимации и появление при скролле */
@keyframes pageIn{from{opacity:0}to{opacity:1}}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-14px)}}
@keyframes spin{to{--a:360deg}}
@keyframes scroll{to{transform:translateX(-50%)}}
@keyframes shift{to{background-position:200% 0}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(20,163,127,0)}100%{box-shadow:0 0 0 0 rgba(20,163,127,0)}}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}
.js .c.rv.in:hover{transform:translateY(-8px);transition-delay:0ms}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}