@font-face{font-family:system-ui;src:local("Segoe UI")}
:root{font-family:Inter,"Segoe UI",sans-serif;color:#f5f6f0;background:#d9dacf;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,#viewport:focus-visible{outline:3px solid #f4bc75;outline-offset:4px}[hidden]{display:none!important}
#tour{height:100svh;min-height:440px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none;outline:none}canvas{display:block;width:100%;height:100%}
.masthead{position:absolute;top:0;inset-inline:0;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 34px;pointer-events:none;background:linear-gradient(#15221d55,transparent)}.masthead>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-shadow:0 1px 12px #16221c90}.brand-symbol{font:36px Georgia,serif;border:1px solid #ffffff90;width:52px;height:56px;display:grid;place-items:center}.brand h1{font:500 28px Georgia,serif;margin:0;letter-spacing:.025em}.brand p{font-size:14px;margin:3px 0 0;color:#fff}
.icon-button{width:46px;height:46px;border:1px solid #ffffff29;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1b2922eb;font-size:24px;box-shadow:0 4px 18px #0001;transition:background .15s}.icon-button:hover{background:#3e5346}.side-controls{position:absolute;right:28px;top:35%;display:grid;gap:9px}
.tour-footer{position:absolute;bottom:0;inset-inline:0;padding:80px 34px 18px;background:linear-gradient(transparent,#101d17e6);pointer-events:none}.tour-footer>*{pointer-events:auto}.view-description{display:flex;justify-content:space-between;align-items:end;margin:0 auto 18px;max-width:1040px}.eyebrow{font-size:12px;letter-spacing:.15em;margin:0 0 7px;color:#d3d9ce}.view-description h2{font:400 32px Georgia,serif;margin:0}.view-description>p{font-size:14px;color:#e2e6dc;margin:0 0 3px}
#rooms{display:flex;gap:6px;max-width:1040px;margin:auto;padding:6px;border:1px solid #ffffff30;background:#202e26e8;backdrop-filter:blur(14px);border-radius:12px}#rooms button{min-height:56px;flex:1;white-space:nowrap;border:0;border-radius:7px;color:#e4e8df;background:transparent;padding:10px 18px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .15s}#rooms button:hover{background:#ffffff12}#rooms button[aria-current=true]{background:#f3f0e7;color:#25342a}#rooms button span{font-size:12px;opacity:.55;font-variant-numeric:tabular-nums}.project-note{text-align:center;font-size:12px;color:#bbc5b8;margin:11px 0 0}
.loading-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 40px));text-align:center;background:#17281ff5;border:1px solid #ffffff25;padding:32px 24px;border-radius:12px;box-shadow:0 12px 80px #09180b40}.loading-symbol{font:42px Georgia,serif;display:block;color:#e4c592}.loading-panel h2{font:400 24px Georgia,serif;margin:18px 0 12px}.loading-panel p{font-size:14px;color:#d1dacc;line-height:1.55}progress{width:100%;height:5px;border:0;border-radius:3px;background:#405447;margin-top:10px;accent-color:#d9be91}progress::-webkit-progress-bar{background:#405447;border-radius:3px}progress::-webkit-progress-value{background:#d9be91;border-radius:3px}
.help-panel{position:absolute;top:94px;right:32px;padding:22px;max-width:340px;border:1px solid #ffffff26;background:#1c2b24f7;border-radius:12px;z-index:4;box-shadow:0 6px 30px #0002}.help-panel h2{font:400 23px Georgia,serif;margin:0 0 16px}.help-panel p{font-size:16px;line-height:1.55;color:#e0e7dc}.text-button{padding:12px 18px;border-radius:6px;border:1px solid #ffffff50;background:transparent;color:#f5f6ee;font-size:15px}.text-button:hover{background:#ffffff16}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.masthead{padding:18px 18px}.brand h1{font-size:24px}.brand-symbol{width:42px;height:48px;font-size:31px}.brand p{font-size:12px}.tour-footer{padding:65px 12px max(12px,env(safe-area-inset-bottom))}.view-description{margin:0 6px 15px}.view-description h2{font-size:27px}.view-description>p{max-width:115px;text-align:right;font-size:12px;line-height:1.5}#rooms{gap:2px;padding:4px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}#rooms button{flex:1 0 auto;min-height:52px;padding:10px 14px;font-size:14px;gap:6px}#rooms button span{display:none}.side-controls{right:16px;top:32%;gap:8px}.icon-button{width:44px;height:44px}.help-panel{top:80px;right:16px;left:16px;max-width:none}.project-note{font-size:12px}.eyebrow{font-size:12px}.brand{gap:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){#rooms button{padding:10px 8px;flex:1 1 auto;min-width:0}}