@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600&display=swap');
:root{--gold:#c0a372;--cream:#e3d7b9;--muted:#96968a}*{box-sizing:border-box}body{margin:0;background:#0b100f;color:var(--cream);font-family:"Noto Serif SC","Songti SC",SimSun,serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain{pointer-events:none;position:fixed;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:94px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 3.4%;border-bottom:1px solid #b6a07826;background:linear-gradient(#090d0ed9,#090d0e55);z-index:3}.brand{font-size:25px;letter-spacing:7px;text-decoration:none;color:var(--cream)}.brand small{font-size:9px;display:block;letter-spacing:2px;color:var(--muted);margin-top:8px}nav{display:flex;gap:26px;align-items:center}nav button{font-size:12px;color:#c3c0af;letter-spacing:1px}.border{border:1px solid #a18a553d;padding:13px 19px;border-radius:3px}main{position:absolute;inset:94px 0 70px;pointer-events:none}main button{pointer-events:auto}#intro{position:absolute;left:8%;top:15%;max-width:430px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:4px}h1{font-weight:300;font-size:clamp(48px,5.8vw,86px);letter-spacing:8px;line-height:1.36;margin:26px 0}p{font-size:14px;color:#aaa998;line-height:2.3;letter-spacing:1px}.primary{background:#a18555;border:1px solid #d7c39266;padding:17px 30px;width:204px;margin:22px 0;color:#f6edda;letter-spacing:3px;font-size:16px;display:flex;justify-content:space-between}.primary:hover{background:#b99c68}#intro>small{display:block;font-size:10px;line-height:2.1;color:#8c8b7b}#title{position:absolute;top:10%;left:5%}h2{font-size:42px;font-weight:400;letter-spacing:5px;margin:20px 0}#title p{font-size:12px}.numbers{display:flex;gap:36px;margin:30px 0}.numbers b{font-size:27px;font-weight:400;color:var(--gold)}.numbers b span{font-size:10px;margin-left:7px}.numbers small{display:block;font-size:9px;margin-top:9px;color:var(--muted)}.textlink{font-size:11px;color:var(--gold);padding:12px 0;letter-spacing:2px}.side-label{position:absolute;right:3%;top:18%;writing-mode:vertical-rl;font:9px Arial;letter-spacing:4px;color:#7e826f}.side-label span{margin-top:30px;font-size:8px;letter-spacing:2px}.hotspot{position:absolute;left:70%;top:47%;font:20px Arial;color:#ead6a0;background:#c0a37226;border:1px solid #b7a06b77;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 8px #b7a06b12}.hotspot span{position:absolute;top:40px;left:-45px;width:140px;font:10px SimSun;color:#bfb59c;letter-spacing:1px}#toolbar{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);display:flex;border:1px solid #ab956146;border-radius:40px;background:#10130feb;backdrop-filter:blur(12px);padding:6px;white-space:nowrap;z-index:3}#toolbar[hidden]{display:none}#toolbar button{font-size:12px;letter-spacing:1px;padding:16px 24px;border-radius:30px;color:#b4af9d}#toolbar button:hover,#toolbar .active{background:#b6a16d19;color:#ead8a8}footer{position:fixed;bottom:21px;left:3%;right:3%;display:flex;justify-content:space-between;font-size:9px;color:#727768;letter-spacing:1px}#panel{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:92vw;z-index:7;background:#141b18f7;border-left:1px solid #9c875647;padding:78px 40px 35px;overflow:auto;box-shadow:-40px 0 100px #0005}#panel h2{font-size:29px;line-height:1.6}#panel p{font-size:13px;line-height:2.2}#panel h3{font-size:17px;color:var(--gold);font-weight:400;margin-top:28px}#panel a{color:#b8a271;font-size:11px}#close{position:absolute;right:24px;top:20px;font:30px Arial;color:#a6a58f}#scrim{position:fixed;inset:0;background:#0005;z-index:6}.view-button{display:block;text-align:left;width:100%;padding:20px 0;border-bottom:1px solid #a38f622e}.view-button small{display:block;color:var(--muted);font-size:11px;margin-top:8px}#toast{position:fixed;bottom:155px;left:50%;transform:translateX(-50%);padding:14px 25px;background:#242c23eb;color:#d2c7a9;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}#toast.show{opacity:1}body.entered #intro{display:none}button{transition:background .2s,color .2s}@media(max-width:700px){header{height:80px;padding:0 6%}.brand{font-size:20px;letter-spacing:5px}nav{gap:10px}nav button{font-size:10px}nav button:nth-child(2),nav button:nth-child(3){display:none}.border{padding:10px}main{top:80px}#intro{left:8%;top:13%;max-width:85%}h1{font-size:51px}#intro p{font-size:11px}#title{top:5%;left:7%}#title h2{font-size:30px;margin:14px 0}#title p{font-size:10px}.numbers{gap:24px;margin:16px 0}.numbers b{font-size:20px}.numbers small{font-size:8px}.side-label{right:4%;top:12%}#toolbar{bottom:55px;width:94%;justify-content:space-around}#toolbar button{font-size:10px;letter-spacing:0;padding:13px 7px}footer{font-size:8px;bottom:17px}footer span:last-child{display:none}.hotspot{left:72%;top:55%}.hotspot span{font-size:9px}#panel{padding:70px 28px 25px}#toast{width:85%;text-align:center;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
footer button{font-size:9px;color:#a39575;padding:0}#toolbar button{padding:16px 18px}#interior{position:fixed;inset:94px 0 0;z-index:4;background:#0c1211;overflow:auto;padding:28px 5% 25px}#interior[hidden]{display:none}.interior-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.interior-top h2{font-size:30px;margin:10px 0 0}.interior-top .eyebrow{font-size:9px}.interior-top .border{font-size:12px}.interior-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:40px;max-width:1500px;margin:auto}.photo-viewport{position:relative;overflow:hidden;background:#171b17;height:calc(100vh - 270px);min-height:330px;border:1px solid #a9955b33;touch-action:none;cursor:grab;display:flex;align-items:center;justify-content:center}.photo-viewport:active{cursor:grabbing}#insidePhoto{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;will-change:transform}.photo-tools{position:absolute;right:15px;bottom:16px;display:flex;background:#0b100fe8;border:1px solid #a9955b66;z-index:1}.photo-tools button{padding:10px 13px;font-size:12px}.photo-tag{position:absolute;top:17px;left:17px;background:#10150cdd;padding:8px 13px;font-size:10px;letter-spacing:1px}.interior-copy{overflow:auto;max-height:calc(100vh - 260px);padding-bottom:20px}.floor-tabs{display:flex;gap:12px;margin-bottom:28px}.floor-tabs button{padding:11px 19px;font-size:12px;border:1px solid #a9955b44}.floor-tabs [aria-pressed=true]{background:#b7985b;color:#11170f}.interior-copy h3{font-size:23px;font-weight:400;margin:14px 0 24px;line-height:1.6}.interior-copy h4{font-size:12px;color:#c1a779;letter-spacing:2px;margin:20px 0 4px}.interior-copy p{font-size:12px;line-height:2;margin:0}.inside-note{font-size:10px;color:#7f8a7a;line-height:1.9;border-top:1px solid #a9955b33;padding-top:15px;margin-top:24px}#photoCredit{display:block;color:#a59876;font-size:9px;line-height:1.8;margin-top:15px}#interiorMore{font-size:10px}#intro .textlink{font-size:11px;margin-top:8px}
@media(max-width:700px){#toolbar button{font-size:9px;padding:13px 5px}#interior{inset:80px 0 0;padding:22px 6%}.interior-top h2{font-size:24px}.interior-top .eyebrow{font-size:8px;letter-spacing:1px}.interior-top .border{padding:9px;font-size:10px}.interior-layout{grid-template-columns:1fr;gap:23px}.photo-viewport{height:48vh;min-height:300px}.interior-copy{max-height:none}.floor-tabs{margin-bottom:20px}.interior-copy h3{font-size:21px}footer{gap:8px}footer button{font-size:8px}.photo-tag{font-size:9px;left:10px;top:10px}.side-label{font-size:7px}}
#insidePhoto[hidden]{display:none!important}#inside3d{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline-offset:-3px}.focus3d{position:absolute;left:14px;bottom:16px;display:flex;background:#0c1310e8;border:1px solid #a9955b66;z-index:2}.focus3d button{padding:10px 12px;font-size:11px}.focus3d .selected{background:#b7985b;color:#15180f}.photo-viewport{min-height:440px}.webgl-error{position:absolute;padding:30px}#interior .inside-note{color:#9a9f8b}@media(max-width:700px){.photo-viewport{height:54vh;min-height:380px}.focus3d{left:10px;bottom:58px}.focus3d button{padding:10px 12px}}
.floor-tabs{gap:5px;flex-wrap:wrap}.floor-tabs button{padding:10px 13px}#floorNavigator{position:fixed;z-index:3;left:5%;top:50%;width:285px;max-width:85vw;background:#0f1712e8;border:1px solid #ab956146;padding:20px;backdrop-filter:blur(8px)}#floorNavigator[hidden]{display:none}.level-buttons{display:flex;gap:4px;margin-top:14px}.level-buttons button{padding:9px 7px;font-size:11px;border:1px solid #ab956155}.level-buttons [aria-pressed=true]{background:#b7985b;color:#12180f}#floorNavigator p{font-size:11px;line-height:1.8;margin:12px 0}#floorNavigator .primary{font-size:12px;width:100%;padding:12px 15px;margin:10px 0}#floorNavigator small{font-size:9px;color:#8c927f}@media(max-width:700px){#floorNavigator{left:5%;top:auto;bottom:115px;width:260px;padding:14px}#floorNavigator .eyebrow{font-size:9px;letter-spacing:2px}}