:root{--gold:#d7bb80;--ivory:#f3eee4;--line:#d7bb8033;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a09;color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:15px;background:var(--gold);color:#111}.skip:focus{top:15px}.scene-poster{position:fixed;inset:0;background:linear-gradient(#080a0970,#080a09aa),url('assets/showroom-cover.png') center/cover;transition:opacity 1.5s}#scene-canvas{position:fixed!important;inset:0;width:100%!important;height:100svh!important;display:block;opacity:0;transition:opacity 2s;touch-action:pan-y;outline-offset:-4px}.scene-ready #scene-canvas{opacity:1}.scene-ready .scene-poster{opacity:0}.scene-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#080a09e8 0%,#080a09b0 24%,#080a0920 58%,#080a0910),linear-gradient(#080a0955,transparent 25%,transparent 60%,#080a09e8);transition:opacity .8s;z-index:1}.gold-dust{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.gold-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffe4a2;box-shadow:0 0 8px #ffe4a2;opacity:0;animation:dust 12s linear infinite;animation-delay:var(--delay);left:var(--x);top:var(--y)}@keyframes dust{0%,100%{opacity:0;translate:0 30px}20%,70%{opacity:.5}90%{opacity:0;translate:20px -50px}}header,main,footer{position:relative;z-index:2}.header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:3px}.monogram{font-family:Georgia,serif;font-style:italic;font-size:40px;letter-spacing:-12px;width:50px;color:var(--gold)}.brand small{display:block;font-size:6px;letter-spacing:3.3px;color:#b7aa91;margin-top:8px}.header-label{font-size:7px;letter-spacing:3px;color:#c6b799}.outline-button{font-size:10px;padding:14px 19px;border:1px solid #d7bb8070;display:flex;align-items:center;gap:27px;background:#080a0933;backdrop-filter:blur(8px)}.outline-button span{font-size:20px;color:var(--gold)}.outline-button:hover{border-color:var(--gold);background:#b3944a22}.hero{min-height:calc(100svh - 100px);position:relative;display:flex;align-items:center;padding:50px 7% 170px;pointer-events:none}.hero-copy{max-width:580px;pointer-events:auto;animation:enter 1.5s both}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:7px;letter-spacing:3px;line-height:1.8;margin:0 0 25px}.eyebrow i{width:28px;height:1px;background:var(--gold)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-5px;line-height:.97;margin:0}h1{font-size:clamp(76px,8.5vw,138px)}em{font-weight:400;color:var(--gold)}h1 em{background:linear-gradient(110deg,#9c7839,#e0c48a 30%,#fff0c3 45%,#a77a30 60%,#e6cb91 80%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:gold 15s ease-in-out infinite}.intro{font-family:Georgia,serif;font-size:17px;font-style:italic;color:#c5baa6;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.gold-button{display:inline-flex;align-items:center;gap:30px;padding:16px 22px;color:#251e12;border:1px solid #f4dba3;background:linear-gradient(115deg,#a08042,#f3dba5 40%,#c3a15d 80%);font-size:10px;letter-spacing:.5px;box-shadow:0 0 35px #d7bb8018}.gold-button span{font-size:20px}.gold-button:hover:not(:disabled){box-shadow:0 0 40px #d7bb8044}.text-button{font-size:10px;color:#dfd1b8;display:flex;align-items:center;gap:15px}.text-button span{font-size:20px;color:var(--gold)}.scene-mark{position:absolute;top:22%;right:6%;text-align:right;color:#e2d0a4;opacity:.8}.scene-mark>span{font-family:Georgia,serif;font-size:48px;letter-spacing:7px}.scene-mark i{display:block;height:1px;width:100%;background:linear-gradient(90deg,transparent,#d7bb8080);margin:12px 0}.scene-mark small{font-size:6px;letter-spacing:3px}.scene-loading{position:absolute;right:8%;bottom:170px;width:245px;display:grid;grid-template-columns:24px 1fr auto;gap:13px;align-items:center;color:#e8d6b3;font-size:10px;pointer-events:auto;transition:opacity 1s}.load-orbit{display:block;width:18px;height:18px;border:1px solid #d7bb8030;border-top-color:var(--gold);border-radius:50%;animation:spin 2s linear infinite}.load-track{grid-column:1/-1;height:1px;background:#d7bb8030}.load-track i{display:block;height:100%;width:0;background:var(--gold);box-shadow:0 0 10px var(--gold);transition:width .3s}.scene-ready .scene-loading{opacity:0;pointer-events:none}.scene-error .load-orbit{animation:none;border-color:#d7bb80}.scene-error .scene-loading{width:300px;line-height:1.7}.bottom-dock{position:absolute;left:5%;right:5%;bottom:25px;min-height:75px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px;pointer-events:auto}.scene-caption{position:relative;padding-left:17px;font-size:8px;letter-spacing:2px}.scene-caption small{display:block;font-size:6px;color:#94876f;margin-top:9px;letter-spacing:2px}.live-dot{position:absolute;left:0;top:2px;width:4px;height:4px;border-radius:50%;background:#a59a79}.scene-ready .live-dot{background:#edcf89;box-shadow:0 0 10px #edcf89}.view-options{display:flex;gap:26px}.view-options button{display:flex;gap:9px;background:none;border:0;border-bottom:1px solid transparent;color:#a2947a;font-size:8px;letter-spacing:1px;padding:16px 0}.view-options button span{color:#c8bba2}.view-options button[aria-pressed=true]{border-color:var(--gold);color:#ffdfa0}.view-options button[aria-pressed=true] span{color:#fff0cd}.scroll-cue{font-size:6px;letter-spacing:2px;color:#c8b384;display:flex;align-items:center;gap:22px}.scroll-cue span{font-size:22px}.perspective{min-height:78svh;margin:0;padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:linear-gradient(#080a0933,#080a09d9 90%);border-top:1px solid var(--line)}h2{font-size:clamp(45px,5.5vw,80px);letter-spacing:-3px;line-height:1.06}.perspective-copy>p:not(.eyebrow){font-family:Georgia,serif;font-style:italic;color:#b7aa90;font-size:16px;margin:25px 0 30px}.tour-tile{aspect-ratio:1.3;position:relative;display:block;overflow:hidden;border:1px solid #d7bb8077;box-shadow:0 25px 70px #0008}.tour-tile img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:scale 1s,filter 1s}.tour-tile:hover img{scale:1.04;filter:brightness(.9)}.tour-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#080a09dd)}.tour-tile>span{position:absolute;bottom:28px;left:28px;right:28px;z-index:1}.tour-tile small{display:block;font-size:7px;letter-spacing:3px;color:var(--gold);margin-bottom:15px}.tour-tile strong{font-family:Georgia,serif;font-weight:400;font-size:30px}.tour-tile b{position:absolute;right:0;bottom:0;color:var(--gold);font-size:26px;font-weight:400}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 5%;font-size:7px;letter-spacing:2px;color:#b9a579;background:#080a09;border-top:1px solid var(--line)}
.explore-hud{position:fixed;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:start;padding:28px 4%;background:linear-gradient(#080a0966,transparent 20%,transparent 80%,#080a0944)}.hud-brand{font-size:11px;letter-spacing:2px}.hud-brand small{display:block;color:var(--gold);font-size:7px;margin-top:10px}.hud-actions{display:flex;gap:8px;pointer-events:auto}.hud-actions button{background:#080a09b0;backdrop-filter:blur(12px);border:1px solid #d7bb8044;color:#f0dec0;padding:10px 14px;font-size:11px}.hud-actions button[aria-pressed=true]{background:#d7bb8033;border-color:var(--gold)}.gesture-hint{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#eee0c7;font-size:10px;letter-spacing:.5px;text-shadow:0 2px 8px #000}.gesture-hint span{margin:0 15px;color:var(--gold)}body.exploring{overflow:hidden}body.exploring>header,body.exploring>main,body.exploring>footer{visibility:hidden;pointer-events:none}body.exploring .scene-vignette{opacity:0}body.exploring .gold-dust{display:none}body.exploring #scene-canvas{touch-action:none;cursor:grab}body.exploring #scene-canvas:active{cursor:grabbing}
dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080a09;color:var(--ivory)}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#080a09}.tour-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-bottom:1px solid var(--line);gap:15px}.tour-toolbar>span{font-size:11px;letter-spacing:2px}.tour-toolbar small{font-size:7px;color:var(--gold);margin-left:15px}.tour-toolbar>div{display:flex;gap:20px;align-items:center}.tour-toolbar a{font-size:10px;color:#c7bba5}.tour-toolbar button{border:1px solid var(--line);background:transparent;color:var(--ivory);padding:9px 14px;font-size:11px}#tour-frame{flex:1;min-height:0;width:100%;border:0}body.tour-open{overflow:hidden}@keyframes spin{to{rotate:360deg}}@keyframes enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes gold{0%,100%{background-position:0 center}50%{background-position:100% center}}
@media(max-width:760px){.header{height:80px;gap:10px}.brand{font-size:9px;letter-spacing:1.6px;gap:9px}.brand small{font-size:5px;letter-spacing:1.5px}.monogram{font-size:29px;width:32px}.header-label{display:none}.outline-button{padding:10px 12px;font-size:8px;gap:12px}.outline-button span{font-size:16px}.hero{min-height:calc(100svh - 80px);align-items:start;padding:45px 7% 160px}.hero-copy{pointer-events:none}.hero-actions{pointer-events:auto;gap:20px}.eyebrow{font-size:6px;letter-spacing:2px;margin-bottom:20px}h1{font-size:72px;letter-spacing:-4px}.intro{font-size:14px;margin:20px 0}.gold-button{padding:12px 16px;font-size:9px;gap:20px}.text-button{font-size:9px;gap:10px}.scene-mark{display:none}.scene-vignette{background:linear-gradient(#080a09a0,transparent 62%,#080a09dd),linear-gradient(90deg,#080a0944,transparent)}.scene-loading{right:7%;bottom:150px;width:210px;font-size:9px}.bottom-dock{left:7%;right:7%;bottom:15px;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:12px}.scene-caption{font-size:6px;letter-spacing:1.5px;min-width:100%;text-align:center;padding:0}.scene-caption small{display:none}.live-dot{position:static;display:inline-block;margin-right:7px}.view-options{gap:25px}.view-options button{font-size:7px;gap:7px;padding:12px 0}.scroll-cue{display:none}.perspective{padding:65px 7%;grid-template-columns:1fr;gap:45px}.perspective-copy{max-width:350px}h2{font-size:51px}.tour-tile{aspect-ratio:1.3}.tour-tile>span{bottom:22px;left:22px;right:22px}.tour-tile strong{font-size:25px}footer{font-size:6px;letter-spacing:1px;padding:25px 7%;flex-wrap:wrap}footer>span:nth-child(2){display:none}.explore-hud{padding:20px 5%;flex-wrap:wrap;gap:20px}.hud-brand{font-size:9px}.hud-actions{gap:6px}.hud-actions button{font-size:10px;padding:10px}.hud-actions button span{display:none}.gesture-hint{font-size:9px;line-height:1.9;padding:0 15px}.gesture-hint span{margin:0 5px}.tour-toolbar{padding:13px}.tour-toolbar>span{font-size:9px;letter-spacing:1px}.tour-toolbar small{display:none}.tour-toolbar>div{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gold-dust{display:none}}
body.camera-editor .explore-hud,body.camera-editor .gold-dust,body.camera-editor .skip{display:none!important}body.camera-editor.editor-preview>header,body.camera-editor.editor-preview>main,body.camera-editor.editor-preview>footer{visibility:visible;pointer-events:none}body.camera-editor.editor-preview .scene-vignette{opacity:1}body.camera-editor.editor-preview .hero-copy{pointer-events:none}.view-options{max-width:62%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.view-options button{flex-shrink:0}@media(max-width:760px){.view-options{max-width:100%;width:100%;justify-content:flex-start}}

.hotspot-layer{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0}.scene-ready .hotspot-layer{opacity:1}.hotspot-marker{position:absolute;left:0;top:0;pointer-events:auto;border:0;background:transparent;padding:8px;display:flex;flex-direction:column-reverse;align-items:center;gap:9px;color:#f8e7bc;cursor:pointer;will-change:transform}.hotspot-icon{display:grid;place-items:center;width:41px;height:41px;border:1px solid #f1d294;border-radius:50%;background:#15170ce0;box-shadow:0 0 0 5px #d7bb8022,0 6px 22px #0008;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.2px;transition:scale .2s,box-shadow .2s}.hotspot-marker:after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:10px;background:#e9cb86}.hotspot-label{font-size:10px;padding:8px 12px;white-space:nowrap;background:#0b0e0ce8;border:1px solid #d7bb8066;border-radius:5px;max-width:250px;text-overflow:ellipsis;overflow:hidden;opacity:0;transition:opacity .2s;box-shadow:0 4px 15px #0006}.hotspot-marker:hover .hotspot-label,.hotspot-marker:focus-visible .hotspot-label,.hotspot-marker.selected .hotspot-label{opacity:1}.hotspot-marker:hover .hotspot-icon,.hotspot-marker.selected .hotspot-icon{scale:1.12;box-shadow:0 0 0 6px #d7bb8044,0 0 30px #ffd68166}.hotspot-marker.inactive{opacity:.5}.hotspot-marker.inactive .hotspot-icon{border-style:dashed}.placing-hotspot{cursor:crosshair!important}.picking-hotspot{cursor:wait!important}body.tour-open .hotspot-layer{visibility:hidden}@media(max-width:760px){.hotspot-icon{width:36px;height:36px}.hotspot-label{font-size:9px;max-width:180px}.tour-toolbar #hotspot-action{max-width:95px;text-align:center;line-height:1.6}}
.hotspot-icon svg{width:22px;height:22px;display:block}.hotspot-icon-text{font-size:10px;line-height:1}