/* Two complementary windows into the original 400 × 219 logo.
   Only the detached dancer moves; the supplied image remains unchanged. */
#demo-site .studio-logo-motion{display:block;position:relative;isolation:isolate}
#demo-site .studio-logo-motion .studio-logo{display:block}
#demo-site .studio-logo-lettering{clip-path:polygon(0 0,81.25% 0,81.25% 36.99%,85.75% 38.36%,86.75% 51.6%,96.25% 51.6%,96.25% 0,100% 0,100% 100%,0 100%)}
#demo-site .studio-logo-dancer{position:absolute;inset:0;pointer-events:none;clip-path:polygon(81.25% 6.85%,96.25% 6.85%,96.25% 51.6%,86.75% 51.6%,85.75% 38.36%,81.25% 36.99%);transform-origin:87.75% 51.6%;animation:holli-pirouette 7s ease-in-out infinite}
@keyframes holli-pirouette{
  0%,12%{transform:perspective(350px) rotateY(0deg) rotateZ(0deg)}
  18%{transform:perspective(350px) rotateY(0deg) rotateZ(-5deg)}
  44%{transform:perspective(350px) rotateY(360deg) rotateZ(3deg)}
  52%,100%{transform:perspective(350px) rotateY(360deg) rotateZ(0deg)}
}
@media(prefers-reduced-motion:reduce){#demo-site .studio-logo-dancer{animation:none}}