:root{--limestone:#f3ede2;--limestone-2:#e9e1d2;--paper:#faf7f0;--ink:#2c2620;--ink-soft:#5c5347;--ink-faint:#8a8072;--oak:#c9ad84;--walnut:#6b4f37;--bronze:#8c6b43;--bronze-bright:#a9824f;--greige:#b3a994;--line:#ddd3c2;--line-soft:#e8e0d2;--shadow-sm:0 1px 2px #3c30200f, 0 4px 14px #3c30200d;--shadow-md:0 8px 40px #3c30201f;--shadow-lg:0 24px 80px #28201438;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Jost", "Helvetica Neue", system-ui, sans-serif;--r:4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--limestone);-webkit-font-smoothing:antialiased;letter-spacing:.01em;overflow-x:hidden}.app{grid-template-columns:320px 1fr 0fr;height:100vh;transition:grid-template-columns .5s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.app>*{min-width:0}.app:has(.detail.is-open){grid-template-columns:320px 1fr 400px}.sidebar{color:var(--limestone);background:linear-gradient(#2c2620 0%,#211c16 100%);border-right:1px solid #0000004d;flex-direction:column;gap:28px;padding:34px 28px;display:flex;overflow-y:auto}.brand{align-items:center;gap:14px;display:flex}.logo-mark{width:40px;height:40px;color:var(--oak);flex:none}.brand-name{font-family:var(--serif);letter-spacing:.02em;font-size:26px;font-weight:500;line-height:1}.brand-tag{text-transform:uppercase;letter-spacing:.22em;color:var(--oak);margin-top:5px;font-size:11px}.status{color:#f3ede2a6;letter-spacing:.04em;border-bottom:1px solid #ffffff14;padding-bottom:24px;font-size:12.5px}.floor-nav{flex-direction:column;gap:4px;display:flex}.floor-btn{border-radius:var(--r);cursor:pointer;color:#f3ede2cc;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:14px;width:100%;padding:12px;transition:background .25s,color .25s;display:flex}.floor-btn:hover{background:#ffffff0a}.floor-btn.is-active{color:var(--limestone);background:#a9824f24;border-color:#a9824f66}.floor-code{font-family:var(--serif);color:var(--oak);flex:none;width:38px;font-size:22px;font-weight:600}.floor-info{flex-direction:column;flex:1;min-width:0;display:flex}.floor-name{letter-spacing:.02em;font-size:13.5px}.floor-sub{color:#f3ede26b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;overflow:hidden}.floor-count{color:var(--ink-faint);border:1px solid #ffffff1f;border-radius:100px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.floor-btn.is-active .floor-count{color:var(--oak);border-color:#a9824f80}.palette{border-top:1px solid #ffffff14;margin-top:auto;padding-top:24px}.palette-title{font-family:var(--serif);letter-spacing:.04em;margin-bottom:8px;font-size:17px;font-weight:500}.palette-desc{color:#f3ede28c;margin-bottom:16px;font-size:11.5px;line-height:1.55}.swatches{grid-template-columns:1fr 1fr;gap:12px 14px;list-style:none;display:grid}.swatch{align-items:center;gap:9px;display:flex}.swatch-chip{border-radius:3px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch-text{flex-direction:column;min-width:0;display:flex}.swatch-name{letter-spacing:.02em;font-size:11px}.swatch-note{color:#f3ede266;font-size:9.5px}.sidebar-foot{text-transform:uppercase;letter-spacing:.2em;color:#f3ede24d;padding-top:18px;font-size:10px}.stage{background:radial-gradient(120% 80% at 50% 0%, var(--paper) 0%, var(--limestone) 60%);padding:36px 44px 48px;overflow-y:auto}.stage-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:24px;display:flex}.stage-eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--bronze);font-size:11px}.stage-title{font-family:var(--serif);letter-spacing:.01em;margin-top:6px;font-size:40px;font-weight:500;line-height:1}.stage-sub{color:var(--ink-soft);letter-spacing:.03em;text-align:right;max-width:320px;font-size:13px}.plan-wrap{margin-bottom:36px}.plan-frame{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fdfbf6;border-radius:6px;padding:18px;position:relative;overflow:hidden}.plan-img{opacity:0;filter:contrast(1.02);width:100%;height:auto;transition:opacity .6s;display:block}.plan-img.is-loaded{opacity:1}.hotspot{cursor:pointer;z-index:3;background:0 0;border:none;align-items:center;gap:9px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.hotspot-dot{background:var(--bronze-bright);width:22px;height:22px;box-shadow:0 0 0 5px #a9824f38, var(--shadow-sm);border-radius:50%;flex:none;place-items:center;transition:transform .25s,box-shadow .25s;display:grid;position:relative}.hotspot-num{font-family:var(--serif);color:var(--paper);z-index:1;font-size:12px;font-weight:600;line-height:1;position:relative}.hotspot:before{content:"";background:var(--bronze-bright);opacity:.5;z-index:-1;border-radius:50%;width:22px;height:22px;animation:2.6s ease-out infinite pulse;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes pulse{0%{opacity:.45;transform:translateY(-50%)scale(1)}70%,to{opacity:0;transform:translateY(-50%)scale(2.6)}}.hotspot-label{letter-spacing:.03em;color:var(--ink);border:1px solid var(--line);white-space:nowrap;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;background:#faf7f0f0;border-radius:100px;padding:4px 9px;font-size:11px;transition:opacity .22s,transform .22s;transform:translate(-4px)}.hotspot:hover .hotspot-dot,.hotspot.is-active .hotspot-dot{box-shadow:0 0 0 6px #a9824f4d, var(--shadow-md);transform:scale(1.18)}.hotspot:hover .hotspot-label,.hotspot.is-active .hotspot-label{opacity:1;transform:translate(0)}.hotspot.flip{flex-direction:row-reverse}.hotspot.flip .hotspot-label{transform:translate(4px)}.hotspot.flip:hover .hotspot-label,.hotspot.flip.is-active .hotspot-label{transform:translate(0)}.hotspot.is-active .hotspot-label{background:var(--walnut);color:var(--limestone);border-color:var(--walnut)}.filmstrip{margin-bottom:8px}.filmstrip-title,.room-list-title{font-family:var(--serif);letter-spacing:.03em;color:var(--ink);margin-bottom:14px;font-size:19px;font-weight:500}.filmstrip-track{scrollbar-width:thin;scrollbar-color:var(--greige) transparent;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.film-card{background:var(--paper);border:1px solid var(--line);cursor:pointer;text-align:left;width:220px;box-shadow:var(--shadow-sm);border-radius:5px;flex:none;padding:0;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;overflow:hidden}.film-card img{object-fit:cover;width:100%;height:130px;display:block}.film-meta{flex-direction:column;gap:2px;padding:9px 11px 11px;display:flex}.film-room{color:var(--ink);letter-spacing:.01em;font-size:12px;line-height:1.2}.film-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.film-card:hover{box-shadow:var(--shadow-md);border-color:var(--oak);transform:translateY(-4px)}.film-card.is-active{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze), var(--shadow-md)}.room-list{margin-top:32px;display:none}.room-list ul{flex-direction:column;gap:8px;list-style:none;display:flex}.room-list-item{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.room-list-item.is-active{border-color:var(--bronze);background:#fff}.room-list-num{font-family:var(--serif);color:var(--paper);background:var(--bronze-bright);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-right:12px;font-size:13px;font-weight:600;display:grid}.room-list-name{color:var(--ink);flex:1;font-size:14px}.room-list-zone{text-transform:uppercase;letter-spacing:.14em;color:var(--bronze);font-size:10px}.detail{background:var(--paper);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden auto}.detail-inner{flex-direction:column;gap:18px;min-width:360px;padding:30px 28px;display:flex}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-level{text-transform:uppercase;letter-spacing:.18em;color:var(--bronze);font-size:10.5px}.detail-name{font-family:var(--serif);letter-spacing:.01em;margin-top:6px;font-size:26px;font-weight:500;line-height:1.1}.detail-close{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:36px;height:36px;font-size:26px;line-height:1;transition:background .2s,color .2s}.detail-close:hover{background:var(--limestone-2);color:var(--ink)}.detail-hero{cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:5px;padding:0;display:block;position:relative;overflow:hidden}.detail-hero img{width:100%;height:auto;display:block}.detail-expand{color:var(--limestone);letter-spacing:.08em;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211c16c7;border-radius:100px;padding:6px 12px;font-size:11px;transition:opacity .25s;position:absolute;bottom:12px;right:12px}.detail-hero:hover .detail-expand{opacity:1}.detail-thumbs{flex-wrap:wrap;gap:10px;display:flex}.detail-thumb{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;flex:1 1 0;min-width:120px;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.detail-thumb img{object-fit:cover;width:100%;height:72px;display:block}.detail-thumb span{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:var(--limestone);padding:5px 7px;font-size:9.5px;display:block}.detail-thumb.is-active{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze)}.detail-thumb.is-active span{color:var(--walnut)}.detail-note{font-family:var(--serif);color:var(--ink-soft);border-top:1px solid var(--line-soft);padding-top:6px;font-size:17px;font-style:italic;line-height:1.6}.lightbox{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18140feb;place-items:center;padding:4vw;animation:.3s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.lightbox-fig{flex-direction:column;gap:12px;max-width:92vw;max-height:88vh;display:flex}.lightbox-fig img{object-fit:contain;max-width:92vw;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:4px}.lightbox-fig figcaption{color:var(--limestone);text-align:center;letter-spacing:.03em;font-size:13px}.lightbox-fig figcaption strong{color:var(--oak);font-weight:500}.lightbox-close{color:var(--limestone);cursor:pointer;z-index:101;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;width:46px;height:46px;font-size:30px;position:fixed;top:22px;right:26px}.lightbox-close:hover{background:#ffffff29}@media (width<=1100px){:is(.app,.app:has(.detail.is-open)){grid-template-columns:280px 1fr 0fr}.app:has(.detail.is-open) .detail{z-index:60;width:min(420px,92vw);position:fixed;top:0;bottom:0;right:0}}@media (width<=820px){:is(.app,.app:has(.detail.is-open)){grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}body{overflow:hidden auto}.sidebar{flex-direction:column;width:100%;max-width:100vw;padding:22px 20px;overflow:visible}.floor-info,.floor-name,.floor-sub{min-width:0;max-width:100%}.swatch-text{overflow:hidden}.swatch-name,.swatch-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.palette{margin-top:20px}.swatches{grid-template-columns:1fr 1fr;gap:12px}.stage{padding:24px 18px 40px;overflow:visible}.stage-head{flex-direction:column;align-items:flex-start;gap:8px}.stage-sub{text-align:left}.stage-title{font-size:30px}.hotspot-label{display:none}.hotspot.is-active .hotspot-label{opacity:1;white-space:normal;max-width:120px;padding:3px 7px;font-size:9.5px;line-height:1.2;display:block;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.hotspot.flip.is-active .hotspot-label{text-align:right;left:auto;right:24px;transform:translateY(-50%)}.hotspot-dot{width:18px;height:18px}.room-list{display:block}.film-card{width:180px}.app:has(.detail.is-open) .detail{width:100vw;max-width:100vw}.detail-inner{min-width:0}}@media (width<=380px){.floor-sub{display:none}.swatches{grid-template-columns:1fr 1fr}}