/* A single dancer opens the door, turns and returns; the logo remains readable. */
.site-header.logo-intro-playing .brand > img {
  clip-path: inset(0 0 0 30.1%);
}
.logo-intro-stage,
.logo-intro-doorway {
  position: absolute;
  pointer-events: none;
  user-select: none;
}
.logo-intro-stage {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 12;
  mix-blend-mode: screen;
}
.logo-intro-doorway {
  z-index: 13;
  perspective: 160px;
}
.logo-intro-door-panel {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform-origin: left center;
  backface-visibility: hidden;
  will-change: transform;
}
.logo-intro-door-panel img {
  position: absolute;
  max-width: none;
  height: auto;
}
.logo-intro-dancer {
  position: absolute;
  left: 0;
  opacity: 0;
  background-image: url('/assets/dancer-door-turn.png');
  background-repeat: no-repeat;
  filter: contrast(2);
  transform-origin: center bottom;
  mix-blend-mode: screen;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .logo-intro-stage,
  .logo-intro-doorway { display: none !important; }
  .site-header.logo-intro-playing .brand > img { clip-path: none; }
}