.logo{display:block}
.logo svg{display:block;width:100%;height:auto;overflow:visible}
.logo .sb,.logo .sm,.logo .ch{transform-box:fill-box;transform-origin:50% 50%}
.logo.live .sb{animation:lgB 1.05s cubic-bezier(.2,.9,.25,1.12) both,floatB 5s ease-in-out 1.4s infinite}
.logo.live .sm{animation:lgM 1.05s cubic-bezier(.2,.9,.25,1.12) .2s both,floatM 5s ease-in-out 1.6s infinite}
.logo.live .ch{animation:chIn .7s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i) * 45ms) both}
@keyframes lgB{0%{opacity:0;transform:translate(-30%,-45%) rotate(-16deg) scale(.75)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes lgM{0%{opacity:0;transform:translate(30%,45%) rotate(16deg) scale(.75)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes chIn{0%{opacity:0;transform:translateY(55%) scale(.9)}100%{opacity:1;transform:none}}
@keyframes floatB{0%,100%{transform:none}50%{transform:translate(-2%,-4%)}}
@keyframes floatM{0%,100%{transform:none}50%{transform:translate(2%,4%)}}
@media(prefers-reduced-motion:reduce){.logo *{animation:none!important}}