/* Motion */
main{animation:pagein .5s ease both}
@keyframes pagein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rv{transition:opacity .7s ease,transform .7s ease}
.rv.rvh{opacity:0;transform:translateY(22px)}
.badge.b1{animation:float 5s ease-in-out infinite}
.badge.b2{animation:float 6s ease-in-out infinite reverse}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.hcol .ph{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
.hcol .ph:nth-of-type(2){animation-delay:.12s}.hcol .ph:nth-of-type(3){animation-delay:.24s}
@keyframes rise{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
#cnt.bump{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv.rvh{opacity:1;transform:none}}