@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateY(-8px)}}
@keyframes eq{0%,100%{height:5px}50%{height:17px}}
.copy>*{opacity:0;animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}.copy>:nth-child(2){animation-delay:.15s}.copy>:nth-child(3){animation-delay:.3s}
.stage{opacity:0;animation:rise 1.2s .25s cubic-bezier(.2,.7,.2,1) forwards}
.can.on img{animation:bob 4.5s ease-in-out infinite}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.music.on i{animation:eq .9s ease-in-out infinite}.music.on i:nth-child(2){animation-delay:.18s}.music.on i:nth-child(3){animation-delay:.36s}.music.on i:nth-child(4){animation-delay:.54s}
#ring{transition:stroke-dashoffset .15s linear}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv,.copy>*,.stage{opacity:1;transform:none}}