/* Reveal on scroll and shared keyframes */
.rv{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.js .rv{opacity:0;transform:translateY(34px)}
.js .rv.in{opacity:1;transform:none}

@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fadein{to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes unspin{from{transform:translate(-50%,-50%) rotate(calc(var(--a) * -1))}to{transform:translate(-50%,-50%) rotate(calc(var(--a) * -1 - 360deg))}}
@keyframes pulse{50%{transform:scale(1.06)}}
@keyframes drift{to{transform:translate(8%,10%) scale(1.15)}}
@keyframes slide{to{transform:translateX(-50%)}}