/* Motion art: the 3D otter clips sit on white, so the heroes' multiply blend melts them into each card. */
video.motion-clip{display:block;object-fit:contain;mix-blend-mode:multiply;background:transparent}
img.motion-still{object-fit:contain}
/* Mock exam: the new art has its own clock, so the sketch's animated clock hand goes. */
.mk-hero-art:has(.motion-still) .mk-hand,.mk-hero-art:has(.motion-clip) .mk-hand{display:none}
/* Reading lab: the clip replaces the hero's drawn ::after picture. */
.rl-v2 .rl-hero-inner:has(.rl-hero-art)::after{content:none}
.rl-v2 .rl-hero-art{grid-column:2;grid-row:1 / span 2;justify-self:end;width:200px;height:150px;mix-blend-mode:multiply;transition:transform .5s}
.rl-v2 .rl-hero-inner:hover .rl-hero-art{transform:rotate(-3deg) scale(1.04)}
@media (max-width:700px){.rl-v2 .rl-hero-art{width:120px;height:90px}}
/* Feather the edges: the clips' near-white backdrop must not show as a pale box on tinted heroes. */
video.motion-clip,img.motion-still{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}