.rise{opacity:0;animation:reveal-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes reveal-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.rise.d1{animation-delay:.15s}
.rise.d2{animation-delay:.3s}
.rise.d3{animation-delay:.45s}
.rise.d4{animation-delay:.6s}

.rev{opacity:0;transform:translateY(44px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.rev.rev-l{transform:translateX(-64px)}
.rev.rev-r{transform:translateX(64px)}
.rev.is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
.rise{animation:none!important;opacity:1!important}
.rev{opacity:1!important;transform:none!important;transition:none!important}
}