@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root{--paper:#25292b;--ink:#f3f0e9;--muted:#aeb2b2;--bronze:#d6b67a;--line:#ffffff24}body{font-family:'Montserrat',Arial,sans-serif;background:linear-gradient(#171e2070,#171e2070),#25292b url('/assets/legacy-texture.webp') center/cover fixed;color:var(--ink)}header{height:105px;background:#faf9f6;padding:0 4%;border:0;color:#4e4d4f;box-shadow:0 1px 0 #d6b67a50;z-index:5}.corporate-brand{display:flex;height:83px;width:217px;align-items:center}.corporate-brand img{width:100%;max-height:80px}.header-project{font-size:10px;letter-spacing:2.4px;text-align:center}.header-project small{display:block;margin-top:8px;font-size:7px;letter-spacing:2px;color:#8b8987}.text-button{font-size:10px}.text-button span{color:#b78e51}main{height:calc(100svh - 150px);min-height:740px}.intro{top:6%;width:28%;max-width:350px}.legacy-mark{display:block;width:210px;height:176px;object-fit:contain;object-position:left center;margin:20px 0 24px}.eyebrow{font-size:8px;letter-spacing:2px;color:#d4cfc6}.eyebrow i{background:#ef172b;box-shadow:0 0 12px #ef172b22}h1{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:40px;letter-spacing:-1.5px;line-height:1.17;margin:0 0 18px}h1 em{font-style:normal;color:#d9bd86;font-weight:400}.lead{font-size:11px;line-height:1.9;color:#b9bcbc}.primary{background:linear-gradient(110deg,#debf84,#b69359);color:#292827;border:1px solid #e1c38d;border-radius:5px;font-size:11px;padding:16px 20px;min-width:210px;margin-top:15px;box-shadow:0 6px 25px #0002}.primary:hover{filter:brightness(1.08)}.official-preview{display:flex;align-items:center;text-align:left;gap:13px;border:0;border-top:1px solid #ffffff20;background:none;padding:21px 0 0;margin-top:32px;width:100%}.official-preview img{width:90px;height:62px;object-fit:cover;object-position:75% center;border-radius:3px}.official-preview span{font-size:7px;color:#c9ae79;letter-spacing:1.3px;line-height:2}.official-preview b{font-weight:400;color:#ece8df;font-size:9px;letter-spacing:0}.intro-note{font-size:7px;letter-spacing:1.3px;margin-top:20px;color:#b0a997}.intro-note span{font-size:8px;letter-spacing:0;color:#909795}#viewport{inset:0 17% 76px 28%;background:radial-gradient(ellipse at 50% 42%,#ffffff0b,transparent 65%)}.navigator{width:163px;right:3%;top:8%;bottom:120px}.navigator>.eyebrow{color:#d8bd88}.floor-button{border-radius:4px;color:#d8d9d7}.floor-button:hover{background:#ffffff0c}.floor-button.selected{background:#c7a96e;color:#262a2a}.navigator>.floor-button{border:1px solid #c7a96e55;margin:20px 0 23px;padding:13px 12px}.floor-heading{color:#969c9b}.level-note{color:#919997;font-size:8px}#floors{scrollbar-color:#8c784e66 transparent}#floors .group-label{color:#d1b885;font-size:7px}.bottom{bottom:22px}.mode-switch{background:#23282a;border-color:#ffffff20;padding:4px}.mode-switch button{color:#b8bdbb}.mode-switch button.active{background:#d2b780;color:#25292b}.camera-tools button,#guideControls button{border-color:#ffffff30;background:#282d2d;color:#d7c08e}.camera-tools button:hover,#guideControls button:hover{background:#414640}#hint{font-size:9px;color:#a8adaa}.selection{top:18%;background:transparent}.selection h2,dialog h2{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:36px;letter-spacing:-1.2px}.selection p{color:#b6bcb9;font-size:11px}.selection-actions button{border-color:#c5ab7855;color:#d9c494;border-radius:5px}.selection-actions button:hover{background:#ffffff0b}.selection .eyebrow{color:#d3ba86}#loading{background:#25292b}.compass{color:#d6ba7b}#guideControls{border:1px solid #ffffff20;background:#25292bdd;border-radius:30px;padding:4px 8px}footer{border-top:1px solid #ffffff20;color:#a0a6a3;font-size:6px}footer i{background:#d1b885}dialog{background:#282d2e;border:1px solid #d6b67a55;color:#eee9df;box-shadow:0 35px 100px #0009}dialog p{color:#b9bfbb}dialog small{color:#d6bd88}.fallback-note{background:#25292be8;bottom:0;color:#c6b792;border:1px solid #ffffff14}.fallback-note small{color:#9ea7a4!important}.fallback-note button{color:#d9c391;border-color:#bca26c66}#loading.fallback img{height:100%;mix-blend-mode:normal}.gallery-close{position:absolute;right:22px;top:18px;background:none;border:1px solid #ffffff33;border-radius:50%;width:35px;height:35px;color:#ddd;font-size:24px;z-index:2}#officialGallery{width:90vw;max-width:1150px;padding:38px;max-height:92svh}.gallery-heading h2{margin:8px 0;font-size:32px}.gallery-heading p{margin:0 0 23px}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:center}.gallery-grid img{width:100%;max-height:63vh;object-fit:contain;border-radius:4px}.gallery-grid img:nth-child(2){align-self:stretch;object-fit:cover;object-position:72% center}#officialGallery>small{display:block;margin-top:18px;font-size:9px}
@media(max-height:850px) and (min-width:851px){main{min-height:650px}.legacy-mark{width:175px;height:145px;margin:17px 0 19px}h1{font-size:33px}.official-preview{margin-top:23px;padding-top:17px}.intro-note{margin-top:14px}.intro{top:5%}}
@media(max-width:850px){header{height:88px;padding:0 5%}.corporate-brand{width:165px;height:74px}.corporate-brand img{max-height:68px}.header-project{display:none}.text-button{font-size:8px}.text-button span{margin-left:7px}main{height:calc(100svh - 123px);min-height:780px}.intro{top:20px;width:85%;max-width:none;left:5%;height:175px}.intro>.eyebrow{font-size:6px;letter-spacing:1.3px}.legacy-mark{position:absolute;right:0;top:20px;width:130px;height:110px;margin:0}h1{font-size:29px;max-width:215px;line-height:1.2;letter-spacing:-1px;margin:18px 0 14px}h1 br{display:block}.lead{display:none}.primary{font-size:9px;padding:11px 12px;min-width:180px;margin-top:0;max-width:215px}.primary span{margin-left:15px}.official-preview{position:absolute;right:2px;top:139px;border:0;margin:0;padding:0;width:auto}.official-preview img{display:none}.official-preview span{font-size:0;line-height:1.6}.official-preview b{font-size:8px}.intro-note{display:none}#viewport{inset:200px 73px 108px 0}.navigator{right:3%;top:214px;bottom:110px;width:73px}.navigator>.floor-button{font-size:8px;padding:8px 4px;margin:0 0 8px}#floors .group-label{font-size:6px;letter-spacing:.4px}.bottom{bottom:16px}.mode-switch button{font-size:8px;padding:11px 12px}.camera-tools button{width:28px;height:28px}#hint{font-size:7px}.selection{top:28px;background:none;max-width:330px}.selection h2{font-size:28px}.selection p{font-size:10px}.selection-actions{top:125px}.selection-actions button{font-size:9px}body.has-selection #viewport{top:210px}.fallback-note{font-size:8px;padding:8px}.fallback-note small{font-size:7px!important}.fallback-note button{font-size:8px}.compass{display:none}#officialGallery{padding:28px 20px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{max-height:50vh}.gallery-grid img:nth-child(2){max-height:30vh;object-fit:cover}.gallery-heading h2{font-size:27px}footer{font-size:5px;letter-spacing:.6px}}
.gallery-grid{grid-template-columns:.7fr 1fr}.gallery-grid img:first-child{object-fit:cover;max-height:60vh;object-position:center}.gallery-grid img:nth-child(2){max-height:60vh}@media(max-width:850px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img:first-child{max-height:55vh;object-fit:contain}.gallery-grid img:nth-child(2){max-height:30vh}}
@media(max-width:850px){main{min-height:680px}#viewport{right:92px}}
.render-mode{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.5px;color:#bca67d;border:1px solid #bca67d30;padding:7px 11px;border-radius:20px;white-space:nowrap;pointer-events:none}.load-error{text-align:center;padding:20px;max-width:320px}.load-error small{line-height:1.7}.load-error button{display:block;margin:18px auto}.render-mode:empty{display:none}
#allRenders{margin-left:auto;margin-right:24px;color:#927547}.selection{top:8%;max-height:calc(100% - 170px);overflow:auto;scrollbar-width:thin;scrollbar-color:#bca67d55 transparent;padding-right:8px}.selection h2{margin:14px 0;font-size:32px}.render-card{display:block;width:100%;padding:0;text-align:left;border:1px solid #d6b67a50;background:#202728;border-radius:5px;overflow:hidden;margin-top:19px;color:#f2eddf}.render-card img{display:block;width:100%;height:160px;object-fit:cover}.render-card span{display:block;padding:12px 12px 4px;font-size:12px}.render-card small{display:block;padding:0 12px 12px;color:#d7bf90;font-size:9px}#floorRenderNote{font-size:8px;line-height:1.6;margin:9px 0}.selection-actions{margin-top:16px}#rendersStatus{font-size:9px;color:#d9bd86}#renderDialog{width:94vw;max-width:1200px;padding:25px 30px;max-height:94svh}.render-header{display:flex;justify-content:space-between;align-items:center}.render-header h2{font-size:28px;margin:7px 0 12px}.render-header>button{width:34px;height:34px;border:1px solid #ffffff33;border-radius:50%;font-size:22px;background:transparent;color:#f3eee4}.render-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:14px}.render-tabs button{white-space:nowrap;border:1px solid #ffffff25;border-radius:20px;padding:9px 16px;font-size:10px;color:#e7e1d5;background:transparent}.render-tabs button.active{background:#c8ab70;color:#202526;border-color:#c8ab70}.render-stage{height:min(52svh,570px);position:relative;background:#161b1c;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.render-stage>img{width:100%;height:100%;object-fit:contain}.render-stage>button{position:absolute;top:calc(50% - 20px);width:40px;height:40px;border:1px solid #ffffff50;border-radius:50%;color:white;background:#17201dcc;font-size:30px}#renderPrev{left:12px}#renderNext{right:12px}.render-caption{display:flex;justify-content:space-between;margin:12px 0;font-size:11px;color:#e5d7bc}#renderCounter{font-size:10px;letter-spacing:2px}#renderThumbs{display:flex;gap:7px;overflow:auto;padding:3px 0 5px}#renderThumbs button{padding:2px;flex-shrink:0;width:85px;height:55px;border:1px solid transparent;border-radius:4px;background:transparent}#renderThumbs button.active{border-color:#d6b67a}#renderThumbs img{width:100%;height:100%;object-fit:cover;border-radius:2px}#renderNote{font-size:9px;margin:10px 0 0;color:#9fa8a3;line-height:1.7}
@media(max-width:850px){#allRenders{font-size:8px;margin-left:auto;margin-right:0}header>#about{display:none}.selection{top:16px;width:90%;max-width:none;max-height:215px;overflow:auto}.selection h2{font-size:24px;margin:6px 0}.selection>p{max-width:none;font-size:9px}.render-card{margin-top:10px;min-height:70px;position:relative;padding-left:105px}.render-card img{position:absolute;left:0;top:0;width:95px;height:100%;min-height:70px}.render-card span{font-size:10px;padding:10px 8px 4px}.render-card small{font-size:8px;padding:0 8px 10px}#floorRenderNote{font-size:7px;margin:5px 0}.selection-actions{position:static;max-width:230px;margin-top:8px}.selection-actions button{padding:7px}body.has-selection #viewport{top:250px}.navigator{top:250px}#renderDialog{padding:19px 14px;width:96vw}.render-header h2{font-size:23px}.render-tabs button{padding:8px 12px;font-size:9px}.render-stage{height:42svh}.render-caption{font-size:9px}#renderThumbs button{width:70px;height:47px}}

.navigator{width:190px}.floor-button{line-height:1.5}.selection h2{font-size:29px}#guideStep{text-align:center;max-width:210px}@media(max-width:850px){.navigator{width:94px}.selection h2{font-size:23px}#guideStep{max-width:150px;font-size:7px}}

#facadeOpening{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;overflow:hidden;background:#25292b}#facadeOpening img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}#facadeOpening:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#25292b99,transparent 18%,transparent 88%,#25292b33)}#facadeOpening span{position:absolute;bottom:18px;left:20px;z-index:1;color:#fff;font-size:8px;letter-spacing:2px}.intro-render #facadeOpening{opacity:1;visibility:visible}.intro-render #renderMode,.intro-render .compass{visibility:hidden}@media(max-width:850px){#facadeOpening img{object-fit:contain;background:#25292b}#facadeOpening span{font-size:6px;bottom:8px;left:10px}}@media(prefers-reduced-motion:reduce){#facadeOpening{transition:none}}
#facadeOpening img{object-fit:contain}.intro-render #guideControls{visibility:hidden}
