.visual-reveal-host { overflow:hidden; }
.visual-reveal-surface { position:relative; width:100%; }
.visual-reveal-surface > :is(img,video) { display:block; width:100%; height:auto; }
:is(.work-image.brand-mark,.work-image.logo-art) > .visual-reveal-surface { display:grid; place-items:center; height:100%; }
.visual-reveal-host[data-visual-reveal="pending"] > .visual-reveal-surface { opacity:0; }
.visual-reveal-cover { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.visual-reveal-plate { position:absolute; background:#F5F4F4; transition:background-color 250ms ease; }
html.work-active .visual-reveal-plate { background:#000; }
@media (prefers-reduced-motion:reduce) {
 .visual-reveal-host[data-visual-reveal="pending"] > .visual-reveal-surface { opacity:1; }
 .visual-reveal-plate { transition:none; }
}