/* One artwork, centred; pointer travel only changes the current image. */
.hero-plate{position:relative;height:100vh;height:100svh;min-height:560px;background:#000;color:#fff;isolation:isolate}
.hero-stage,.hero-wall{position:absolute;inset:0}
.hero-stage{touch-action:pan-y}
.hero-work{position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:0;background:none}
.hero-work img,.hero-work video{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}
.hero-work:focus-visible{outline:1px solid #fff;outline-offset:8px}
.hero-work[hidden]{display:none!important}
.hero-wall noscript{display:flex;align-items:center;justify-content:center;height:100%}
.hero-wall noscript img{max-width:70vw;max-height:70svh;object-fit:contain}
@media(max-width:900px){.hero-work{width:82%;height:68%}}
@media(max-width:560px){.hero-plate{min-height:500px}.hero-work{width:86%;height:64%}}