/* Drifting wall of paintings: three rows, top and bottom drift left, middle drifts right.
   Each row holds two identical sets; moving by one set's width loops seamlessly.
   Row height is fixed and every <img> carries width/height, so nothing reflows while it moves
   (reflow mid-animation is what made the loop jump). Used by / and /quiz/. */
.wall{--h:clamp(140px,30svh,250px);position:absolute;inset:-8% -6%;display:flex;flex-direction:column;justify-content:center;gap:14px;transform:rotate(-2deg);pointer-events:none;contain:layout paint}
.wall .row{display:flex;width:max-content;height:var(--h);flex:none}
.wall .set{display:flex;gap:14px;padding-right:14px;height:100%;flex:none;transform:translate3d(0,0,0);backface-visibility:hidden;will-change:transform}
.wall img{height:100%;width:auto;border-radius:3px;background:#1d1b18;flex:none}
.wall .row.l .set{animation:wallL 80s linear infinite}
.wall .row.r .set{animation:wallR 90s linear infinite}
@keyframes wallL{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}
@keyframes wallR{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.wall .set{animation:none!important}}