/* Keep the existing frame size; halve only the space between neighbouring frames. */
#catalog .catalog-viewport{container-type:inline-size;--catalog-count:5;--catalog-frame-width:min(800px,85.8cqw);--catalog-step:calc((100cqw + var(--catalog-frame-width))/2)}
#catalog[data-gallery-mode=pinned] .catalog-viewport{--catalog-frame-width:min(820px,calc((100svh - 450px)*1.6),85.8cqw)}
#catalog .catalog-track{width:calc(100cqw + (var(--catalog-count) - 1)*var(--catalog-step));padding-inline:calc((100cqw - var(--catalog-step))/2)}
#catalog .catalog-panel{flex-basis:var(--catalog-step);padding-inline:0}
#catalog .catalog-panel .collection{width:var(--catalog-frame-width)}
#catalog .catalog-reveal-canvas{width:100cqw}
@media(min-width:761px) and (max-height:650px){#catalog[data-gallery-mode=pinned] .catalog-viewport{--catalog-frame-width:min(660px,calc((100svh - 340px)*1.6),85.8cqw)}}