/* Cinematic completion v3: preserve incumbent Geist/logo/inset-glass/v16 world. */
.opening{display:block;padding:0;isolation:isolate}
.opening-stage{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;padding:max(140px,calc(var(--header) + 16px)) 4% 90px;isolation:isolate}
.opening-stage>.world{z-index:-2}.opening-stage>.intro{z-index:2}
.cinematic-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;visibility:visible;opacity:0;pointer-events:none;background:var(--ground)}
[data-cinema='ready']>.opening-stage>.cinematic-film[data-active='true'],[data-cinema='ready']>.stage>.cinematic-film[data-active='true']{opacity:1}
.cinema-notice{position:relative;padding:12px 16px;background:var(--glass);border:1px solid var(--edge);border-radius:13px;font-size:.875rem;z-index:3;max-width:70ch;margin:0}
.cinema-message-slot{position:relative;width:min(70ch,100%);min-height:84px;flex-shrink:0}
html[data-route='scroll'] .opening-stage{position:sticky;top:min(0px,calc(100svh - var(--opening-stage-height,100svh)));min-height:100svh;padding-bottom:calc(var(--transport-height) + 32px)}
#transport{max-height:min(42svh,calc(100svh - var(--header) - 144px));overflow:auto;overscroll-behavior:contain}
#cinema-tools{flex-basis:100%;min-width:0;border-top:1px solid var(--edge)}
#cinema-tools summary{font-size:.9375rem;min-height:44px;padding:12px 4px}
#cinema-tools p{font-size:.875rem;margin:8px 0 16px;max-width:70ch}
#cinema-seek{min-height:44px;accent-color:var(--focus);margin:0 0 16px;scroll-margin:16px}
#cinema-position{display:block;font-variant-numeric:tabular-nums;font-size:.875rem;margin:16px 0 8px;overflow-wrap:anywhere}
#cinema-tools button{scroll-margin:16px}
@media(max-width:600px){.opening-stage{padding:max(144px,calc(var(--header) + 16px)) 16px 72px}.opening-stage>.world,.opening-stage>.cinematic-film{object-fit:cover;object-position:center}.cinema-notice{left:16px;right:16px;font-size:.8125rem}.opening-stage .intro{width:100%}}
/* Statement grid min-content must not force enlarged text outside narrow viewport. */
main{overflow-wrap:anywhere}.statement{min-width:0}.statement h2{min-width:0;max-width:min(15ch,100%);overflow-wrap:anywhere}
/* Admitted portrait art rejoins the existing scroll chapter; pending art retains whole-art static reading. */
@media(max-width:600px){
 html[data-route='scroll'][data-art-cinema='true'] .chapter#art{height:600svh}
 html[data-route='scroll'][data-art-cinema='true'] .chapter#art .stage{position:sticky;top:0;height:100svh;min-height:740px;display:flex;padding:108px 16px calc(var(--transport-height) + 80px)}
 html[data-route='scroll'][data-art-cinema='true'] .chapter#art .world{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}
 html[data-route='scroll'][data-art-cinema='true'] .chapter#art .panel{position:relative;z-index:2}
 html[data-route='scroll'][data-art-cinema='true'] .chapter#art[data-transit='true'] .panel{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){html[data-route='scroll'] .opening{height:auto}html[data-route='scroll'] .opening-stage{position:relative}.cinematic-film{display:none}}
