#tour-dock.cinema-active #sheet .obj{width:100%;height:100%;overflow:auto;touch-action:auto}
.cinema-ticket{height:100%;display:flex;flex-direction:column;background:#faf5e7;padding:16px 22px;box-sizing:border-box;min-height:0}
.cinema-ticket .exitbar{flex-shrink:0}
.video-portfolio{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px;color:#302c25}
.cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.cinema-heading h2{font:400 27px var(--display,serif);margin:3px 0}
.video-portfolio button{font:600 12px var(--ui,sans-serif);cursor:pointer}
.cinema-expand,.cinema-tools button{background:transparent;border:1px solid #a69d85;color:#2a3e32;padding:10px 12px;min-height:40px}
.cinema-screen{display:block;width:100%;min-height:180px;flex:1 0 180px;object-fit:contain;background:#151b19}
.cinema-stage{display:flex;flex:1 0 180px;min-height:180px;min-width:0}
.cinema-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-shrink:0}
.cinema-caption h3{font:400 18px var(--display,serif);margin:0 0 4px}
.cinema-caption p{font:12px/1.5 var(--ui,sans-serif);margin:0;color:#696256}
.cinema-spec{font:10px/1.6 var(--ui,sans-serif);white-space:nowrap;color:#696256}
.cinema-selector{flex:0 0 auto;min-width:0}
.cinema-selector[hidden]{display:none}
.cinema-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px var(--ui,sans-serif);margin-bottom:6px}
.cinema-tools button{min-height:32px;padding:5px 12px;margin-left:4px}
.cinema-strip{position:relative;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;background:#232823;padding:19px 12px;scrollbar-width:thin;scrollbar-color:#b6a779 #232823;touch-action:pan-x;user-select:none;background-image:repeating-linear-gradient(90deg,#ede4cc 0 7px,transparent 7px 18px),repeating-linear-gradient(90deg,#ede4cc 0 7px,transparent 7px 18px);background-size:100% 6px;background-position:0 5px,0 calc(100% - 5px);background-repeat:no-repeat}
.cinema-frame{display:block;flex:0 0 150px;padding:3px;border:1px solid #5e6153;background:#151b17;color:#f6edda;text-align:left;opacity:.65}
.cinema-frame img{display:block;width:100%;height:75px;object-fit:cover;pointer-events:none}
.cinema-frame span{display:block;padding:6px 3px 3px;font-size:11px;white-space:nowrap}
.cinema-frame small{color:#cab88f;margin-right:7px;font-size:10px}
.cinema-frame[aria-pressed="true"]{opacity:1;border-color:#e4c47e;box-shadow:0 0 0 2px #e4c47e}
.cinema-frame:hover{opacity:1}
.video-portfolio button:focus-visible{outline:3px solid #ac693d;outline-offset:3px}
@media(max-width:700px){#tour-dock.cinema-expanded{width:calc(100vw - 20px)}.cinema-ticket{padding:10px 14px}.cinema-heading h2{font-size:21px}.cinema-heading .kicker{font-size:8px}.cinema-caption p{display:none}.cinema-spec{font-size:9px}.cinema-frame{flex-basis:122px}.cinema-frame img{height:58px}.video-portfolio{gap:6px}.cinema-tools>span:nth-child(2){display:none}}
@media(max-height:680px){.cinema-heading .kicker,.cinema-caption p{display:none}.cinema-heading h2{font-size:20px}.cinema-frame img{height:48px}.cinema-strip{padding-top:15px;padding-bottom:15px}.cinema-ticket{min-height:310px}}

/* Independent top-layer cinema: the dock and Dolly no longer limit screen size. */
.cinema-modal{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:16px 24px;background:#080909;color:#eee5d4;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.cinema-modal::backdrop{background:#000}
.cinema-modal .video-portfolio{width:min(1600px,100%);min-height:0;margin:0 auto;display:grid;grid-template-rows:44px minmax(180px,1fr) auto auto;gap:8px;color:#eee5d4}
.cinema-modal[open] .video-portfolio{height:100%}
.cinema-modal .cinema-heading h2{font-size:24px}
.cinema-modal .kicker{display:none}
.cinema-modal .cinema-expand,.cinema-modal .cinema-tools button{color:#eee5d4;border-color:#655b48;min-height:44px}
.cinema-modal .cinema-expand:hover,.cinema-modal .cinema-tools button:hover{background:#29251e}
.cinema-modal .cinema-stage{container-type:size;min-height:0;display:flex;align-items:center;justify-content:center;background:#080909}
/* Size the player to the available picture area, not a full-width shallow bar. */
.cinema-modal .cinema-screen{flex:none;width:min(100%,177.7778cqh);height:100%;min-height:0;max-height:100%;background:#000;box-shadow:0 0 60px #e4d4a808}
.cinema-modal .cinema-caption p,.cinema-modal .cinema-spec{color:#a8a398}
.cinema-modal .cinema-caption h3{font-size:17px}
.cinema-modal .cinema-caption p{display:none}
.cinema-modal .cinema-strip{gap:12px;padding:14px 10px;background-color:#151512;cursor:grab;scrollbar-color:#8b7956 #151512}
.cinema-modal .cinema-strip:active{cursor:grabbing}
.cinema-modal .cinema-frame{flex-basis:clamp(132px,20dvh,176px);min-width:0}
.cinema-modal .cinema-frame img{height:auto;aspect-ratio:16/9}
.cinema-modal .cinema-frame span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinema-modal .cinema-tools{color:#b9af9e;font-size:12px}
.cinema-modal .cinema-tools button{min-height:32px}
.cinema-modal button:focus-visible{outline-color:#e4c47e}
@media(max-width:700px){.cinema-modal{padding:12px}.cinema-modal .cinema-frame{flex-basis:132px}.cinema-modal .cinema-caption{flex-wrap:wrap;gap:2px}.cinema-modal .cinema-screen{height:auto;aspect-ratio:16/9}.cinema-modal .cinema-spec{font-size:9px}}
@media(max-height:520px){.cinema-modal{padding:8px 16px}.cinema-modal .video-portfolio{gap:4px;grid-template-rows:36px minmax(120px,1fr) auto auto}.cinema-modal .cinema-expand{min-height:32px;padding:6px 10px}.cinema-modal .cinema-heading h2{font-size:20px}.cinema-modal .cinema-frame{flex-basis:110px}.cinema-modal .cinema-strip{padding:12px 8px}.cinema-modal .cinema-tools{margin-bottom:2px}}