.project .project-detail,.rhythms .rhythm-characters img,.film-section .film-visual>img{
  transform-origin:50% 90%;
  animation:brand-step 3.8s ease-in-out infinite!important;
  animation-play-state:paused!important;
}
.project.motion-visible .project-detail,.rhythms.motion-visible .rhythm-characters img,.film-section.motion-visible .film-visual>img{animation-play-state:running!important}
.rhythms .rhythm-characters img:nth-child(2){animation-delay:-1.2s!important;animation-duration:4.2s!important}
.rhythms .rhythm-characters img:nth-child(3){animation-delay:-2.3s!important;animation-duration:4.6s!important}
.film-section .film-visual>img{animation-name:frevo-step!important;animation-duration:4.4s!important}
@keyframes brand-step{
  0%,100%{translate:0 0;rotate:-.8deg}
  30%{translate:0 -6px;rotate:1deg}
  60%{translate:0 -1px;rotate:-.5deg}
  80%{translate:0 -3px;rotate:.5deg}
}
@keyframes frevo-step{
  0%,100%{translate:0 0;rotate:-.7deg}
  35%{translate:2px -7px;rotate:1.2deg}
  65%{translate:-1px -2px;rotate:-.4deg}
}
@media(prefers-reduced-motion:reduce){
  .project .project-detail,.rhythms .rhythm-characters img,.film-section .film-visual>img{animation:none!important;translate:none;rotate:none}
}