*{box-sizing:border-box}body{margin:0;background:#f8f4ed;color:#28221d;font:16px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,#scene:focus-visible{outline:3px solid #a54810;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 4vw;border-bottom:1px solid #dfd5c8;font-size:14px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;text-decoration:none}.brand img{object-fit:contain}main{max-width:1680px;margin:auto;padding:32px 4vw}.intro{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}.intro>p{max-width:48ch;font-size:14px;color:#65594d}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650;margin:0 0 12px}h1{font-size:clamp(32px,3.5vw,56px);line-height:1.1;letter-spacing:-.05em;font-weight:550;margin:0}h2{font-size:30px;line-height:1.15;font-weight:550;letter-spacing:-.04em;margin:0 0 16px}.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.stage{position:relative;border-radius:16px;overflow:hidden;background:#dfd3c3;min-height:650px}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.fallback{width:100%;height:100%;object-fit:cover;opacity:.65}.stage-tools{position:absolute;top:16px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.stage-tools button{pointer-events:auto;border:1px solid #d1c3b3;background:#fffaf2ed;border-radius:8px;padding:10px 14px;font-size:12px;color:#28221d}.stage-tools button[aria-pressed=true],#start{background:#f5a623}#status,#instructions{position:absolute;left:20px;right:20px;pointer-events:none;max-width:max-content;background:#fffaf2ed;border-radius:6px;padding:8px 12px;font-size:12px;margin:0}#status{bottom:64px}#instructions{bottom:20px}.concept{position:absolute;right:16px;top:76px;font-size:10px;letter-spacing:.1em;background:#28221ddd;color:#fff;padding:6px 10px;border-radius:4px;pointer-events:none}aside{padding:24px;background:#fffaf3;border:1px solid #e5dace;border-radius:16px}#zones{display:grid;gap:4px}#zones button{padding:12px 8px;border:0;border-bottom:1px solid #e5dace;background:transparent;color:#64574a;text-align:left;font-size:14px;border-radius:4px}#zones button span{font-size:11px;margin-right:12px}#zones button[aria-pressed=true]{background:#f1e5d3;color:#28221d;font-weight:650}.zone-story{margin-top:32px;min-height:210px}.zone-story>p:not(.eyebrow){font-size:14px;color:#65594d}.zone-story a{font-weight:650;font-size:14px}.sequence{display:flex;justify-content:space-between;gap:8px}.sequence button{border:1px solid #d1c3b3;background:transparent;border-radius:8px;padding:8px;font-size:12px}.stage:fullscreen{border-radius:0;width:100vw;height:100vh}.stage:fullscreen #scene{width:100%;height:100%}footer{display:flex;gap:32px;flex-wrap:wrap;justify-content:space-between;padding:24px 0;font-size:13px;color:#65594d}@media(max-width:900px){.tour-layout{grid-template-columns:1fr}.stage{min-height:520px}.intro{display:block}.intro>p{max-width:65ch}aside{padding:24px}#zones{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-story{min-height:0}.sequence{margin-top:24px}header{padding:16px 4vw}.brand{font-size:12px}header>a:last-child{font-size:12px}}@media(max-width:480px){.stage{min-height:480px}.stage-tools{gap:4px}.stage-tools button{padding:8px;font-size:11px}.concept{top:64px;font-size:9px}#instructions{font-size:11px;max-width:calc(100% - 40px)}#status{bottom:88px}.intro>p{font-size:13px}footer{gap:16px}}
.zone-photo{margin:24px 0}.zone-photo img{display:block;width:100%;height:150px;object-fit:cover;border-radius:8px}.zone-photo figcaption{font-size:11px;color:#65594d;margin-top:8px}.tour-layout .zone-story{min-height:0}
