/* Living clips: the painting stays as poster and fallback; the clip sits exactly over it, same box. */
/* scroll view: <figure><span class="rd-art"><img><video class="rd-clip"></span></figure> */
.rd-scene figure .rd-art{position:relative;display:block;width:fit-content;margin:0 auto}
.rd-scene .rd-clip{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:4px;pointer-events:none;object-fit:fill;background:transparent}
/* book view: inside .illustration-container, the same object-fit:contain box as img.illustration */
.bm-image-page .illo .bm-clip{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center center;pointer-events:none;background:transparent}
/* the plate never blends in book view (bookview.css), so poster -> first frame shows no shift */
@media (prefers-reduced-motion: reduce){ .rd-clip,.bm-clip{display:none} }
/* #629: a <video> is its own compositing layer; while a sheet turns, a layer on a hidden back face can be
   drawn mirrored by WebKit. The clips are paused during a turn anyway (bookview.js pauses them), so they
   are hidden for its 1.1 s and the painting underneath shows; the spread's clip restarts once settled. */
.flipbook.turning .bm-clip{display:none}   /* display:none removes the layer; visibility:hidden does not */