/* Content stays visible without JavaScript; only active animations transform it. */
.letter-clip{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.13em;margin-block:-.13em}
.letter-ink{display:inline-block;transform-origin:20% 100%}
.motion-enabled .letter-clip{transform:translate3d(0,var(--letter-rise,0px),0) rotate(var(--letter-turn,0deg));transform-origin:50% 100%}
.motion-photo-window{overflow:hidden}
.motion-enabled .stage-image,.motion-enabled .venue-photo img,.motion-enabled .archive-frame img{transform:translate3d(0,var(--photo-shift,0px),0) scale(var(--photo-scale,1));transform-origin:center}
.motion-enabled .poster-button{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0px));transition:transform .22s ease-out}
.motion-enabled .poster-button:hover img{transform:none}
.motion-enabled .poster-button .poster-open{transition:transform .22s ease-out}
.cover-controls{display:flex;align-items:center;gap:26px}
.motion-toggle{display:inline-flex;align-items:center;gap:7px;padding:10px 0;min-height:40px;color:inherit;border:0;background:none;font-size:11px;white-space:nowrap;cursor:pointer}
.motion-toggle:before{content:'';width:7px;height:7px;border-radius:50%;border:1px solid currentColor}
.motion-enabled .motion-toggle:before{background:var(--red);border-color:var(--red)}
.motion-toggle:disabled{cursor:default;color:var(--muted)}
.motion-toggle:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.footer-bottom .motion-toggle{min-height:28px;padding:0;font-size:11px}
html.motion-disabled{scroll-behavior:auto}
.motion-disabled .poster-button,.motion-disabled .poster-button img,.motion-disabled .poster-open{transition:none;transform:none}
.motion-disabled .poster-open{transform:translateY(100%)}
.motion-disabled .poster-button:hover .poster-open,.motion-disabled .poster-button:focus-visible .poster-open{transform:none}
@media(max-width:760px){
  .cover-caption{flex-wrap:wrap;gap:0 12px;padding-block:8px}
  .cover-caption>p{width:100%;padding-top:5px}
  .cover-controls{width:100%;justify-content:space-between;gap:16px}
  .motion-toggle{font-size:10px}
  .footer-bottom .motion-toggle{order:2;margin-left:auto;font-size:10px;min-height:25px}
  .footer-bottom>a{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .motion-enabled .stage-image,.motion-enabled .venue-photo img,.motion-enabled .archive-frame img,.motion-enabled .poster-button{transform:none!important}
  .letter-ink,.letter-clip{transform:none!important}
}