/* Actual frames from the film; the existing player owns playback and scrubbing. */
.tour-chapters{width:100%;margin:14px auto 0;flex:none;color:#fff3e5;container:tour-chapters / inline-size}
.tour-chapters-list{display:grid;grid-template-columns:repeat(var(--tour-chapter-count,7),minmax(116px,1fr));gap:12px;list-style:none;padding:4px 4px 9px;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b39682 #21121c55;scroll-padding-inline:4px}
.tour-chapters-list li{min-width:0}
.tour-chapter{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:0 0 4px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font:16px/1.3 Redaction,Georgia,serif;touch-action:manipulation}
.tour-chapter-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#21121c;border:1px solid #e8d5c566;transition:border-color 180ms ease}
.tour-chapter-preview img{display:block;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity 180ms ease}
.tour-chapter-name{white-space:normal;line-height:1.25}
.tour-chapter-time{position:absolute;right:4px;bottom:4px;padding:2px 4px;background:#160c10e6;font:10px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:#fff1e3;text-shadow:none}
.tour-chapter[aria-current] .tour-chapter-preview{border-color:#fff1d9;outline:1px solid #fff1d9;outline-offset:2px}
.tour-chapter[aria-current] img{opacity:1}
.tour-chapter:focus-visible{outline:2px solid #f1c9ac;outline-offset:2px}
.room-tour-moment{--tour-width:min(100%,calc((100svh - 550px) * 16 / 9))}
.room-tour-moment .tour-frame,.room-tour-moment .tour-moment-caption,.room-tour-moment .tour-chapters{width:var(--tour-width)}
.room-tour-moment .tour-chapters{text-shadow:0 1px 4px #21121c,0 2px 12px #21121c88}
.room-tour-viewer .tour-chapters{max-width:1400px;margin-top:0}
.room-tour-viewer[open]{gap:14px}
.darkroom-page .tour-chapters{margin-top:20px}
.cinema:not(.motion-enabled) .room-tour-moment{--tour-width:100%}
@media(hover:hover){.tour-chapter:hover .tour-chapter-preview{border-color:#fff1d9}.tour-chapter:hover img{opacity:1}}
@container tour-chapters (max-width:740px){
 .tour-chapters-list{gap:12px}
 .tour-chapter{font-size:14px;gap:7px}
 .tour-chapter-time{font-size:9px}
}
@container tour-chapters (max-width:340px){
 .tour-chapter{font-size:13px}
}
@media(max-width:700px){
 .room-tour-moment{--tour-width:100%}
 .room-tour-moment .tour-moment-heading{margin-bottom:20px}
 .room-tour-moment .tour-moment-caption{margin-top:9px}
 .room-tour-moment .tour-moment-note{margin-top:14px}
 .room-tour-viewer[open]{gap:12px}
}
@media(max-width:700px) and (max-height:760px){
 .cinema.motion-enabled .tour-moment-note{display:none}
 .room-tour-moment .tour-moment-heading{margin-bottom:16px}
 .room-tour-moment .tour-chapters{margin-top:12px}
}
/* Short landscape uses the scrolling page; keep the sound controls in its
   footer so they cannot cover the final chapter buttons. */
@media(max-height:550px){
 .visitor-settings{position:relative;right:auto;bottom:auto;width:fit-content;margin:0 4% 18px auto;padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.tour-chapter-preview,.tour-chapter-preview img{transition:none}}
/* Round 7 web: focused chips keep a margin inside the rail. */
.tour-chapters-list{scroll-padding-inline:20px}
/* Round 11 art director 3: seven clean photographs captioned like the About prints. No chip and no box on the picture;
   the time follows the name below it at the label size in muted ivory; the active chapter is a 1 px ivory rule under its name. */
.tour-chapter-preview,.tour-chapter[aria-current] .tour-chapter-preview{border:0!important;outline:0!important;background:transparent}
.tour-chapter-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.55em;row-gap:2px}
.tour-chapter-label{padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color 180ms ease}
.tour-chapter[aria-current] .tour-chapter-label{border-bottom-color:#fff1d9}
.tour-chapter-time{position:static!important;padding:0!important;background:none!important;font:var(--t-label,12px)/1.5 Departure,monospace!important;letter-spacing:.02em;color:#f1e6d7b3!important}
@media(hover:hover){.tour-chapter:hover .tour-chapter-label{border-bottom-color:#fff1d966}.tour-chapter[aria-current]:hover .tour-chapter-label{border-bottom-color:#fff1d9}}
@media(prefers-reduced-motion:reduce){.tour-chapter-label{transition:none}}
/* Round 12 art director (carried B): every chapter time on one row. The name sits in a two-line row, set to its foot,
   so a name that wraps ("Meeting rooms") no longer pushes its time below the others; the active rule stays under the name. */
.tour-chapter-name{display:grid!important;grid-template-rows:calc(2.6em + 4px) auto;align-items:end;justify-items:start;row-gap:2px}
.tour-chapter-label{line-height:1.3}