/* Phase 1: document flow around the existing portrait stage and snap track. */
html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{height:auto;min-height:100%;overflow:visible;scroll-snap-type:none}
.collection-intro{min-height:100svh;padding:clamp(35px,9vw,140px);display:flex;flex-direction:column;justify-content:center;gap:26px;background:#000}
.collection-intro-content{display:flex;flex-direction:column;gap:26px;width:max-content;max-width:100%;margin-inline:auto;text-align:left}
.gallery-source{align-self:flex-start;font:9px/1.7 'Courier New',monospace;letter-spacing:.13em;color:#8a969b;background:none;border:0;padding:0;min-height:44px;cursor:pointer}
.gallery-source:focus-visible{outline:1px solid #8a969b;outline-offset:4px}
.collection-kicker,.collection-count{font:10px/1.7 'Courier New',monospace;letter-spacing:.23em;color:#8a969b}
.collection-title{font:400 clamp(38px,8vw,130px)/1.15 MONCRWide,monospace;letter-spacing:.025em;margin:0;max-width:14ch;color:#ecfbff;text-shadow:0 0 18px rgba(71,205,238,.15);overflow-wrap:break-word}
.gallery-runway{position:relative;overflow:visible}
/* Match integer clientWidth/scroll targets to the actual flex-panel width. */
#stage.gallery-host{position:sticky;top:0;width:round(down,var(--viewport-width),1px)}
.collection-index{position:absolute;z-index:18;right:9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.collection-index button{font:10px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#8b969a;border:0;background:transparent;padding:3px 6px;cursor:pointer}
.collection-index button[aria-current=true],.collection-index button:hover,.collection-index button:focus-visible{color:#fff}
.gallery-transmission{font:11px MONCRWide,monospace;letter-spacing:.06em;color:#c2d5d8;background:transparent;border:0;padding:24px 0 8px;cursor:pointer}
.collection-outro{min-height:70svh;display:grid;place-items:center;color:#647176;font:10px 'Courier New',monospace;letter-spacing:.24em}
body.exhibition-between>.music-control,body.exhibition-between>.cursor{opacity:0!important;pointer-events:none}
#transmissions,.terminal{touch-action:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
