.tour-section{--tour-cream: #f7f3ee;--tour-cream-deep: #f1eae1;--tour-ink: #1f2a24;--tour-ink-soft: #3a473f;--tour-ink-muted: #5c6a61;--tour-clay: #c4713f;--tour-clay-text: #a85a2c;--tour-sand-soft: #efe7dc;--tour-sand-line: #dccebc;--tour-radius-card: .875rem;--tour-radius-frame: 1rem;--tour-ease: cubic-bezier(.22, 1, .36, 1);--tour-font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--tour-font-serif: Georgia, "Times New Roman", serif;--tour-stage-height: min(78vh, 44rem);box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 5rem;font-family:var(--tour-font-sans);color:var(--tour-ink)}@media (min-width: 768px){.tour-section{padding-inline:3rem}}@media (min-width: 1024px){.tour-section{padding-inline:5rem;padding-bottom:8.5rem}}.tour-section *,.tour-section *:before,.tour-section *:after{box-sizing:border-box}.tour-section button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.tour-stage{position:relative;isolation:isolate;overflow:hidden;height:var(--tour-stage-height);border-radius:var(--tour-radius-frame);border:1px solid color-mix(in srgb,var(--tour-sand-line) 70%,transparent);background:var(--tour-cream-deep);box-shadow:0 1px 2px #1f2a240a,0 12px 32px -18px #1f2a2447}.scene-host{position:absolute;inset:0;width:100%;height:100%}.scene-host>canvas{display:block;width:100%;height:100%;touch-action:none}.scene-host.is-walking>canvas{cursor:grab}.scene-host.is-walking>canvas:active{cursor:grabbing}.room-hotspots{pointer-events:none;position:absolute;inset:0}.room-hotspot{pointer-events:auto;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--tour-ink)}.room-hotspot[hidden]{display:none}.hotspot-ring{display:block;width:.875rem;height:.875rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--tour-ink) 70%,transparent);background:color-mix(in srgb,var(--tour-cream) 90%,transparent);box-shadow:0 0 0 4px #f7f3ee8c;transition:transform .3s var(--tour-ease),border-color .3s var(--tour-ease),background-color .3s var(--tour-ease)}.room-hotspot:hover .hotspot-ring{transform:scale(1.25);border-color:var(--tour-clay-text);background:var(--tour-clay)}.room-hotspot>span:last-child{border-radius:999px;background:color-mix(in srgb,var(--tour-cream) 85%,transparent);padding:.25rem .5rem;backdrop-filter:blur(4px)}.room-hotspot.selected .hotspot-ring{border-color:var(--tour-clay-text);background:var(--tour-clay)}.room-hotspot.selected>span:last-child{background:var(--tour-ink);color:var(--tour-cream)}.tour-badge{pointer-events:none;position:absolute;left:1rem;top:1rem;z-index:20;margin:0;border-radius:999px;background:color-mix(in srgb,var(--tour-cream) 85%,transparent);padding:.375rem .75rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--tour-ink-muted);backdrop-filter:blur(4px)}.tour-rail{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:20}.tour-rail__list{display:flex;gap:.375rem;overflow-x:auto;border-radius:var(--tour-radius-card);background:color-mix(in srgb,var(--tour-cream) 90%,transparent);padding:.375rem;backdrop-filter:blur(4px)}.tour-rail__item{flex-shrink:0;border-radius:.5rem;padding:.5rem .75rem;text-align:left;font-size:.8125rem;font-weight:500;color:var(--tour-ink-soft);transition:color .3s var(--tour-ease),background-color .3s var(--tour-ease)}.tour-rail__item:not(.is-active):hover{background:var(--tour-sand-soft)}.tour-rail__item.is-active{background:var(--tour-ink);color:var(--tour-cream)}@media (min-width: 1024px){.tour-rail{left:1rem;right:auto;bottom:auto;top:4rem}.tour-rail__list{width:11rem;flex-direction:column;overflow:visible}.tour-rail__item{flex-shrink:1}}.tour-modes{position:absolute;bottom:5rem;left:50%;z-index:20;transform:translate(-50%)}.tour-modes__list{display:flex;gap:.25rem;border-radius:999px;background:color-mix(in srgb,var(--tour-cream) 90%,transparent);padding:.25rem;backdrop-filter:blur(4px)}.tour-modes__item{border-radius:999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--tour-ink-soft);transition:color .3s var(--tour-ease),background-color .3s var(--tour-ease)}.tour-modes__item:not(.is-active):hover{background:var(--tour-sand-soft)}.tour-modes__item.is-active{background:var(--tour-ink);color:var(--tour-cream)}@media (min-width: 1024px){.tour-modes{bottom:1rem}}.tour-utils{position:absolute;right:1rem;top:1rem;z-index:20;display:flex;gap:.375rem}.tour-utils__button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:color-mix(in srgb,var(--tour-cream) 90%,transparent);color:var(--tour-ink-soft);backdrop-filter:blur(4px);transition:color .3s var(--tour-ease),background-color .3s var(--tour-ease)}.tour-utils__button:hover{background:var(--tour-sand-soft);color:var(--tour-ink)}.tour-icon{width:1rem;height:1rem}.tour-icon--sm{width:.875rem;height:.875rem}.tour-hint{pointer-events:none;position:absolute;bottom:8rem;left:50%;z-index:20;display:flex;align-items:center;gap:.5rem;margin:0;transform:translate(-50%);border-radius:999px;background:color-mix(in srgb,var(--tour-cream) 85%,transparent);padding:.375rem .75rem;font-size:.75rem;color:var(--tour-ink-muted);backdrop-filter:blur(4px)}.tour-hint__kbd{border-radius:.25rem;background:var(--tour-sand-soft);padding:.125rem .375rem;font-family:var(--tour-font-sans);font-size:.6875rem;letter-spacing:.16em}@media (min-width: 1024px){.tour-hint{bottom:4rem}}.tour-veil{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:var(--tour-cream-deep)}.tour-veil--transparent{background:transparent;padding:2rem}.tour-veil__text{margin:0;font-size:.9375rem;color:var(--tour-ink-muted)}.tour-veil__text--measure{max-width:60ch;text-align:center;font-size:1.0625rem;line-height:1.6}.tour-caption{margin-top:1.5rem;display:grid;gap:1.5rem}.tour-caption__title{margin:0;font-family:var(--tour-font-serif);font-size:clamp(1.375rem,1.13rem + 1.04vw,1.875rem);font-weight:500;line-height:1.16;letter-spacing:-.014em;color:var(--tour-ink)}.tour-caption__note{margin:.75rem 0 0;max-width:60ch;font-size:1.0625rem;line-height:1.6;color:var(--tour-ink-muted)}.tour-caption__figure{margin:0}.tour-caption__photo{display:block;aspect-ratio:3 / 2;width:100%;height:auto;border-radius:var(--tour-radius-card);object-fit:cover}.tour-caption__legend{margin-top:.5rem;font-size:.8125rem;color:var(--tour-ink-muted)}@media (min-width: 1024px){.tour-caption{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}.tour-caption__text{grid-column:span 7}.tour-caption__figure{grid-column:span 5}}.tour-pad{display:none;position:absolute;right:.75rem;bottom:11.75rem;z-index:21;grid-template-columns:repeat(3,2.75rem);grid-template-rows:repeat(2,2.75rem);gap:.25rem;touch-action:none}@media (pointer: coarse){.tour-pad{display:grid}.tour-hint__kbd{display:none}}@media (min-width: 1024px){.tour-pad{bottom:4.5rem}}.tour-pad__key{display:grid;place-items:center;border-radius:.625rem;background:color-mix(in srgb,var(--tour-cream) 90%,transparent);color:var(--tour-ink);backdrop-filter:blur(4px);box-shadow:0 1px 2px #1f2a2414;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tour-pad__key:active{background:var(--tour-ink);color:var(--tour-cream)}.tour-pad__key--forward{grid-column:2;grid-row:1}.tour-pad__key--left{grid-column:1;grid-row:2}.tour-pad__key--back{grid-column:2;grid-row:2}.tour-pad__key--right{grid-column:3;grid-row:2}:root{color-scheme:light}html,body{margin:0;background:#f7f3ee;color:#1f2a24;-webkit-font-smoothing:antialiased}.demo{min-height:100svh;display:flex;flex-direction:column}.demo__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (min-width: 768px){.demo__bar{padding-inline:3rem}}@media (min-width: 1024px){.demo__bar{padding-inline:5rem;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}}.demo__brand{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:#1f2a24;text-decoration:none}.demo__brand span{color:#f7941d}.demo__cta{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.125rem;border-radius:999px;background:linear-gradient(180deg,#ffb03a,#ed7c0e);color:#0d0b09;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 10px 30px -12px #f7941d8c}.demo__cta:focus-visible,.demo__brand:focus-visible{outline:2px solid #ed7c0e;outline-offset:3px}.demo .tour-section{--tour-stage-height: min( calc(100svh - 5.5rem) , 46rem);padding-top:.25rem;padding-bottom:3rem}@media (min-width: 1024px){.demo .tour-section{--tour-stage-height: min(78vh, 44rem);padding-bottom:5rem}}