/* Preserve the approved cube size while leaving room for its arriving pieces.
   The settled cube occupies 548 of the export's 1400 pixels horizontally. */
.brain-art[data-logo-motion]{position:relative;overflow:visible}
.brain-art[data-logo-motion] .logo-still,
.brain-art[data-logo-motion] .logo-start,
.brain-art[data-logo-motion] .logo-video{position:absolute;left:50%;top:50%;width:255.4744526%;height:auto;max-width:none;aspect-ratio:5/4;transform:translate(-50%,-50%);object-fit:contain;filter:none;pointer-events:none}
.brain-art[data-logo-motion] .logo-video{opacity:0}
.brain-art[data-logo-state="scrubbing"] .logo-video,
.brain-art[data-logo-state="playing"] .logo-video,
.brain-art[data-logo-state="paused"] .logo-video{opacity:1}
.brain-art[data-logo-state="scrubbing"] .logo-still,
.brain-art[data-logo-state="playing"] .logo-still,
.brain-art[data-logo-state="paused"] .logo-still{opacity:0}
@media(prefers-reduced-motion:reduce){
 .brain-art[data-logo-motion] .logo-video{opacity:0!important}
 .brain-art[data-logo-motion] .logo-still{opacity:1!important}
}

/* The orange panel passes through this label while assembling. */
.brain-art[data-logo-state="scrubbing"]+strong,
.brain-art[data-logo-state="playing"]+strong,
.brain-art[data-logo-state="paused"]+strong{opacity:0}

/* The waiting image is the exact first film frame, so playback never jumps apart. */
.brain-art .logo-start{opacity:0}
.brain-art[data-logo-state="waiting"] .logo-start{opacity:1}
.brain-art[data-logo-state="waiting"] .logo-still{opacity:0}
@media(prefers-reduced-motion:reduce){.brain-art .logo-start{opacity:0!important}}