/* Movement belongs to the character and the work, never to reading text. */
.motion-control{position:fixed;bottom:14px;right:16px;z-index:55;border:1px solid #c7bdd1;border-radius:30px;background:#f3efe7f2;color:#30243f;padding:9px 13px;font-size:11px;box-shadow:0 3px 12px #16121f0a;min-height:36px}
@keyframes cuePaper{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes cueDot{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.1}}
@keyframes cueWave{0%,100%{scale:1 .35}50%{scale:1 1}}
@keyframes cueOrbit{to{rotate:360deg}}
.motion-on .run-dot,.motion-on .signal-dot{animation:cueDot 2.4s ease-in-out infinite}.motion-on .waveform i{animation:cueWave 1.1s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}.motion-on .day-orbit{animation:cueOrbit 40s linear infinite}.motion-on .halo-float-card{animation:cuePaper 6s ease-in-out infinite}.motion-on .halo-float-card:last-child{animation-delay:-3s}
body:not(.motion-on) *,body:not(.motion-on) *:before,body:not(.motion-on) *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.motion-on *{animation:none!important;transition:none!important}}
@media(max-width:600px){.motion-control{bottom:10px;right:10px;font-size:10px;padding:8px 10px}.site-footer{padding-bottom:70px}}