/* A tour inside the existing experience, loaded only when a visitor enters. */
.tour-stage { position:absolute; inset:10px 0 6px; display:flex; flex-direction:column; gap:8px; z-index:-1; min-width:0; }
.tour-photo { position:relative; flex:1; min-height:220px; overflow:hidden; border-radius:8px; background:#e5e0d7; }
.tour-photo img { display:block; width:100%; height:100%; position:absolute; object-fit:cover; transition:opacity 240ms ease; }
.tour-photo[data-loading="true"] img,.tour-photo[data-failed="true"] img { opacity:0; }
.tour-photo::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px #2c30351a; border-radius:inherit; }
.tour-status { position:absolute; top:22px; left:22px; right:22px; font-size:15px; color:var(--ink); }
.tour-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding:4px; position:absolute; bottom:64px; left:50%; transform:translateX(-50%); width:min(530px,calc(100% - 20px)); z-index:4; border:1px solid #d8d2c8; border-radius:8px; background:#fcfaf6ec; }
.tour-nav button { flex:1 1 auto; min-width:max-content; min-height:48px; padding:9px 12px; background:transparent; border:1px solid transparent; border-radius:5px; font-size:15px; color:var(--ink); }
.tour-nav button[aria-current] { background:var(--brand); border-color:var(--brand); color:#fff; }
.tour-nav button:hover { color:var(--brand); background:#fcfaf6; }
.tour-nav button[aria-current]:hover { color:#fff; background:var(--brand-dark); }
.tour-credit { font-size:12px; line-height:1.4; color:var(--muted); text-align:center; padding:0 10px; }
.tour-credit a { white-space:nowrap; display:inline-flex; min-height:44px; min-width:44px; align-items:center; justify-content:center; vertical-align:middle; }
.experience[data-tour="true"] .camera { visibility:hidden; }
.experience[data-tour="true"] .scene-wash { display:none; }
.experience[data-tour="true"] .scene { width:min(1180px,calc(100% - 48px)); }
.experience[data-tour="true"] .scene-option { width:auto; max-width:220px; padding:11px 15px; background:#fcfaf6e8; box-shadow:0 3px 14px #231b201c; border-radius:6px; }
.experience[data-tour="true"] .scene-option:hover { background:#fffdfa; }
.experience[data-tour="true"][data-panel="true"] .scene-panel { bottom:74px; }
.experience[data-tour="true"][data-panel="true"] .tour-photo img { filter:brightness(.85); }
.experience[data-tour="true"] .prompt h1 { font-size:clamp(34px,3.6vw,52px); letter-spacing:-1.4px; }
.experience[data-tour="true"] .prompt p { max-width:64ch; }
@media (max-width:760px) {
  .experience[data-tour="true"] .scene { width:calc(100% - 24px); }
  .tour-nav { gap:2px; }
  .tour-nav button { padding:8px 4px; font-size:13px; }
  .tour-stage { gap:6px; }
  .tour-credit { font-size:12px; padding-inline:4px; }
  .experience[data-tour="true"] .scene-option { max-width:min(170px,calc(50vw - 24px)); padding:10px 12px; font-size:14px; }
  .experience[data-tour="true"][data-panel="true"] .scene-panel { bottom:82px; width:calc(100% - 16px); }
  .experience[data-tour="true"] .prompt { padding-block:16px 8px; }
  .experience[data-tour="true"] .prompt h1 { font-size:34px; }
  .experience[data-tour="true"] .prompt p { font-size:15px; margin-top:8px; }
  .experience[data-tour="true"] .breadcrumbs { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .tour-photo img { transition:none; } }