/* Original-source demo only. A fixed reserved height avoids jumps when loading. */
.continuous-edition .flow-content .flow-media>.case-media:first-child>.case-plate[data-original-demo]:not(.video-stage):not(.op-player-stage):not(.op-motion-stage),
.continuous-edition .related-case-media>.case-media.op-media>.case-plate[data-original-demo],
.case-plate[data-original-demo]{position:relative;display:block;width:min(100%,960px)!important;max-width:100%!important;height:clamp(620px,195vw,760px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden;background:var(--paper,#fff)}
/* Only this original needed more vertical room at a measured342px frame width.
   Change the outer iframe viewport; never rewrite the creator's inner styles. */
@media(max-width:760px){
 .continuous-edition .flow-content .flow-media>.case-media:first-child>.case-plate[data-original-demo][data-original-demo-state]:not(.video-stage):not(.op-player-stage):not(.op-motion-stage),
 .continuous-edition .related-case-media>.case-media.op-media>.case-plate[data-original-demo][data-original-demo-state],
 .case-plate[data-original-demo][data-original-demo-state]{height:760px!important}
 .continuous-edition .flow-content .flow-media>.case-media:first-child>.case-plate[data-original-demo="https://tympanus.net/Demos/MuseumOfMotion/exhibits/rearrange/#list"][data-original-demo-state]:not(.video-stage):not(.op-player-stage):not(.op-motion-stage),
 .continuous-edition .related-case-media>.case-media.op-media>.case-plate[data-original-demo="https://tympanus.net/Demos/MuseumOfMotion/exhibits/rearrange/#list"][data-original-demo-state],
 .case-plate[data-original-demo="https://tympanus.net/Demos/MuseumOfMotion/exhibits/rearrange/#list"][data-original-demo-state]{height:960px!important}
}
/* Keep this exact two-column pair and its caption starts aligned. Rearrange
   needs the taller outer viewport even when a desktop column is only468px. */
@media(min-width:761px){
 .continuous-edition [data-variant-id="V-web-functional-motion"] .related-case-media>.case-media[data-media-id="M-web-functional-museum-interruptible"]>.case-plate[data-original-demo="https://tympanus.net/Demos/MuseumOfMotion/exhibits/open/#interruptible"],
 .continuous-edition [data-variant-id="V-web-functional-motion"] .related-case-media>.case-media[data-media-id="M-web-functional-museum-rearrange"]>.case-plate[data-original-demo="https://tympanus.net/Demos/MuseumOfMotion/exhibits/rearrange/#list"]{height:960px!important}
}
.continuous-edition .flow-content .flow-media>.case-media:first-child>.case-plate[data-original-demo]:not(.video-stage):not(.op-player-stage):not(.op-motion-stage)>img,
.case-plate[data-original-demo]>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.case-plate[data-original-demo]>.original-demo-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:var(--paper,#fff);opacity:0;pointer-events:none}
/* Loaded only means the frame emitted load. The still remains in the DOM and
   the explicit return-to-still control also handles a loaded-but-blank frame. */
.case-plate[data-original-demo][data-original-demo-state=loaded]>.original-demo-frame{opacity:1;pointer-events:auto}
.case-plate[data-original-demo][data-original-demo-state=loaded]>img{visibility:hidden}
.original-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;min-height:68px;align-content:start;margin:8px 0 0;font-size:13px}
.original-demo-actions :is(a,button){display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px}
.original-demo-actions button{border:0;background:none;cursor:pointer}
.original-demo-actions button[hidden]{display:none}
.original-demo-actions :is(a,button):focus-visible{outline:2px solid var(--ink,#232426);outline-offset:3px}
.original-demo-status{flex-basis:100%;margin:0;color:var(--muted,#61636a);font-size:12px;line-height:1.5}
.original-demo-status:empty{display:none}