/* Progressive enhancement: content remains visible without JS or IO. */
.reveal{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-digit{display:inline-block!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important}
.motion-flow:before{transform-origin:top}
.motion-flow.is-visible:before{animation:flow-draw 750ms cubic-bezier(.22,1,.36,1) both}
@keyframes flow-draw{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
body.pop .questions summary i{transition:transform 240ms cubic-bezier(.22,1,.36,1)}
body.pop .yurika-media li strong{transition:translate 240ms cubic-bezier(.22,1,.36,1)}
body.pop .button,body.pop .rc-button{transition:transform 240ms cubic-bezier(.22,1,.36,1),background-color 240ms ease}
@media(hover:hover) and (pointer:fine){
 body.pop .button:hover,body.pop .rc-button:hover{transform:translateY(-2px)}
 body.pop .button:hover>span,body.pop .rc-button:hover>span{transform:translateX(2px)}
 body.pop .yurika-media li:hover strong{translate:0 -2px}
 body.pop a[href^="http"]:hover>span{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
 .reveal,.motion-flow:before,body.pop .questions summary i,body.pop .yurika-media li strong,
 body.pop .button,body.pop .rc-button,body.pop a>span{
  animation:none!important;transition:none!important;translate:none!important;scale:none!important;
 }
 body.pop .button:hover,body.pop .rc-button:hover,body.pop a:hover>span{transform:none!important}
}