/* ==== style.css ==== */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/font-7.ttf) format('truetype');
}

:root{--ink:#101640;--muted:#4c7c9f;--paper:#edf7fc;--line:#d3e6ee;--gold:#1085c6;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #2079b8;outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2.1px;font:600 19px 'Manrope',sans-serif;white-space:nowrap}.brand svg{width:32px;height:43px}.brand small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:3.5px;margin-top:6px}.header-location{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px}.location-dot{height:6px;width:6px;border:1px solid var(--ink);border-radius:50%}.contact-link{background:none;font-size:12px;font-weight:550;border-bottom:1px solid #92b3cb;padding:11px 0;min-width:116px;display:flex;gap:22px;justify-content:space-between}.contact-link span{font-size:20px}.experience{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:660px;height:calc(100svh - 134px);max-height:1100px}.sidebar{padding:44px 32px 24px;display:flex;flex-direction:column;overflow:auto}.eyebrow,.overline{font-size:9px;letter-spacing:2px;font-weight:650}.eyebrow{color:#5386ab}h1{font-family:var(--serif);font-weight:400;font-size:51px;line-height:1.1;letter-spacing:-2px;margin:22px 0 20px}h1 em,h2 em{font-weight:400;color:#5184a8}.intro{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 30px}.residence{border-top:1px solid var(--line);padding-top:23px}.overline{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.residence-title{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.residence-title>span:first-child{font-family:var(--serif);font-size:32px}.unit-label{border:1px solid #bbd8e5;border-radius:3px;padding:6px 8px;letter-spacing:1px;font-size:9px}.residence-features{display:flex;gap:10px;font-size:10px;color:var(--muted);margin:10px 0 20px}.residence-features span+span:before{content:'·';margin-right:10px}.small-description,.room-description{font-size:12px;line-height:1.8;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:white;padding:17px 19px;border-radius:3px;width:100%;font-size:12px}.primary span{font-size:21px;line-height:12px}.primary:hover{background:#252c59}.side-note{display:flex;align-items:center;gap:15px;margin-top:30px}.side-note>span{font:32px var(--serif);color:#8eb0c8}.side-note p{font-size:11px;line-height:1.7;color:#588baf}.sidebar-bottom{display:flex;align-items:center;gap:10px;font-size:9px;color:#6695b6;margin-top:auto;padding-top:25px;letter-spacing:.4px}.tiny-cross{font-size:22px}.stage{position:relative;min-width:0;background:#d6e8f0;overflow:hidden}.view{position:absolute;inset:0;overflow:hidden}.building-view img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity .3s}.building-view.entering>img{transform:scale(1.22);filter:blur(3px)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,34,.12),transparent 38%,rgba(4,8,31,.48) 100%);pointer-events:none}.scene-label{position:absolute;top:27px;left:28px;display:flex;gap:9px;align-items:center;color:white;font-size:9px;letter-spacing:1.7px;z-index:2}.live-dot{height:5px;width:5px;border-radius:50%;background:#86caea;box-shadow:0 0 0 4px #ffffff17}.scene-label.dark{color:var(--ink)}.time-switch{position:absolute;right:25px;top:20px;background:#f2f7fae8;padding:4px;border-radius:5px;display:flex;gap:3px}.time-switch button{background:transparent;font-size:10px;padding:8px 12px;border-radius:3px}.time-switch button.active{background:var(--ink);color:white}.building-pin{position:absolute;top:44%;left:51%;display:flex;align-items:center;gap:12px;background:transparent;padding:0;text-align:left;transform:translate(-20%,-50%)}.pin-ring{width:58px;height:58px;border:1px solid #fffc;border-radius:50%;display:grid;place-items:center;background:#ffffff28;box-shadow:0 0 0 10px #ffffff17;transition:transform .3s}.pin-ring>span{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#eef8fc;font-size:22px}.building-pin:hover .pin-ring{transform:scale(1.12)}.pin-caption{background:#101640ed;color:#cee3ec;font-size:7px;letter-spacing:1.2px;padding:13px 16px;border-radius:3px;box-shadow:0 8px 24px #0002;white-space:nowrap}.pin-caption strong{font-size:14px;font-weight:500;letter-spacing:0;display:block;color:white;margin-top:6px}.building-caption{position:absolute;bottom:112px;left:38px;color:white}.building-caption>span{font-size:8px;letter-spacing:2.6px;color:#d7e8f0}.building-caption p{font:36px/1.15 var(--serif);letter-spacing:-.6px;margin:12px 0}.building-caption p em{color:#b7dff2}.asset-note{position:absolute;right:20px;bottom:20px;font-size:8px;letter-spacing:.2px;color:#d9e9f0;max-width:42%;text-align:right}.asset-note.dark{color:#487494}.view-nav{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;gap:3px;white-space:nowrap;background:#f0f6f9f5;backdrop-filter:blur(12px);padding:6px;border-radius:7px;box-shadow:0 4px 20px #0002;z-index:10}.view-nav button{padding:13px 18px;font-size:11px;background:none;border-radius:4px;display:flex;gap:9px;align-items:center}.view-nav button>span:first-child{font-size:8px;opacity:.5}.view-nav button.active{background:var(--ink);color:white}.nav-arrow{font-size:16px}.footer{height:42px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#6594b5}.footer b{padding:0 9px;font-weight:400;color:#99c4d8}.footer button{font-size:10px;background:none;letter-spacing:0;padding:8px}.plan-view{background:radial-gradient(ellipse at 50% 45%,#fff 0,#eaf3f7 65%)}.plan-canvas{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:min(84%,700px);height:75%}.plan-canvas img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.plan-dot{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--ink);color:white;box-shadow:0 0 0 5px #ffffffad;font-size:11px;transform:translate(-50%,-50%)}.plan-dot.active{background:#2589d1;box-shadow:0 0 0 6px #1085c655}.plan-dot.living{left:27%;top:56%}.plan-dot.kitchen{left:53%;top:62%}.plan-dot.bedroom{left:78%;top:43%}.plan-dot.balcony{left:29%;top:85%}.plan-expand{position:absolute;right:25px;top:20px;border:1px solid #c1dbe7;background:#fff9;border-radius:4px;font-size:24px;width:37px;height:37px;z-index:3}.plan-room-card{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);width:330px;display:flex;align-items:center;justify-content:space-between;border:1px solid #cee3ec;border-radius:5px;padding:14px 18px;background:#ffffffd9}.plan-room-card>div span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.plan-room-card strong{font:20px var(--serif)}.plan-room-card button{background:none;font-size:10px;border-bottom:1px solid #81a7c2;padding:7px 0}.dimension-list{margin:14px 0 20px}.dimension-list button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:11px 0;background:none;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.dimension-list button.active{color:var(--ink);font-weight:650}.dimension-list span:first-child{display:flex;gap:8px;align-items:center}.dimension-list i{font-style:normal;font-size:8px;width:16px}.room-measure{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.room-measure span{font:29px var(--serif)}.room-measure small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;margin-top:8px}.tour-side-actions{display:grid;gap:8px;margin-top:25px}.outline{background:transparent;border:1px solid #bad7e5;border-radius:3px;padding:12px 14px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.outline:hover{background:#e3eff4}.tour-disclaimer{font-size:9px;line-height:1.7;color:#5a8cb0;margin-top:22px}.tour-view{background:#c4e5f5}#three-container{width:100%;height:100%;touch-action:none}#three-container canvas{display:block}.tour-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0003,transparent 20%,transparent 63%,#0b0f2955)}.concept-tag{position:absolute;right:24px;top:24px;background:#ffffffbd;color:var(--ink);font-size:7px;letter-spacing:1px;padding:8px 10px;border-radius:3px}.tour-loading,.tour-error{position:absolute;inset:0;background:#dfedf3;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;z-index:5}.spinner{width:27px;height:27px;border:2px solid #b0d1e1;border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}.tour-loading p{font:22px var(--serif)}@keyframes spin{to{transform:rotate(360deg)}}.tour-error .primary{width:auto}.tour-error p{max-width:350px;line-height:1.7}.room-nav{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);display:flex;gap:5px;max-width:94%;padding:4px;border-radius:5px;background:#101536ba;backdrop-filter:blur(10px);overflow:auto;z-index:4}.room-nav button{background:transparent;color:#e1f2fa;font-size:10px;padding:10px 13px;border-radius:3px;white-space:nowrap;min-height:36px}.room-nav button.active{background:#d5edf8;color:var(--ink)}.tour-hint{position:absolute;bottom:169px;text-align:center;width:100%;color:#fff;font-size:10px;text-shadow:0 1px 4px #0006;pointer-events:none}.tour-hint span{padding:0 7px}.look-controls{position:absolute;right:22px;top:50%;display:flex;flex-direction:column;align-items:center;gap:7px;color:white}.look-controls button{width:37px;height:37px;border-radius:50%;background:#10164088;color:white;font-size:18px}.look-controls span{font-size:6px;letter-spacing:1px}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;background:transparent;color:white;pointer-events:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 5px #0005);padding:10px}.hotspot i{font:20px sans-serif;display:grid;place-items:center;width:38px;height:38px;border:1px solid white;background:#10164070;border-radius:50%}.hotspot span{font-size:9px;background:#101640bb;padding:6px 9px;border-radius:3px}.room-fade{position:absolute;inset:0;background:#c3dce8;opacity:0;pointer-events:none;transition:opacity .2s;z-index:8}.room-fade.on{opacity:1}dialog{border:0;border-radius:7px;background:var(--paper);color:var(--ink);padding:44px;max-width:480px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#070c29a6;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:12px;font:28px sans-serif;background:none;padding:5px 9px}h2{font:36px/1.13 var(--serif);letter-spacing:-1px;margin:20px 0}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.contact-options{display:grid;gap:11px;margin:24px 0}.contact-options .outline{padding:16px}.email-link{font-size:11px;padding:8px 0}.address{font-size:8px;letter-spacing:1.2px;border-top:1px solid var(--line);padding-top:20px}.address p{letter-spacing:0;margin-bottom:0}.plan-dialog{max-width:900px;padding:35px}.plan-dialog img{display:block;max-height:73svh;max-width:100%;margin:auto}.plan-dialog p{text-align:center;margin-bottom:0}
@media(min-width:1600px){.experience{grid-template-columns:390px 1fr}.sidebar{padding:55px 44px}h1{font-size:61px}.intro{font-size:14px}.building-caption p{font-size:46px}}
@media(max-height:780px) and (min-width:761px){.experience{min-height:570px}.sidebar{padding-top:27px}h1{font-size:42px;margin:15px 0}.intro{margin-bottom:20px;font-size:12px}.side-note{margin-top:14px}.sidebar-bottom{padding-top:10px}.residence{padding-top:17px}.tour-side-actions{margin-top:15px}.tour-disclaimer{margin-top:12px}}
@media(max-width:1000px){.header{padding:0 25px}.experience{grid-template-columns:290px 1fr}.sidebar{padding:32px 25px 20px}h1{font-size:44px}.building-caption{left:25px}.building-caption p{font-size:29px}.view-nav button{padding:12px}.pin-caption{padding:10px}.building-pin{left:43%}.scene-label{left:20px;font-size:8px}.time-switch{right:15px}.time-switch button{padding:7px}.asset-note{font-size:7px}.room-nav button{padding:9px}.concept-tag{right:15px;font-size:6px}}
@media(max-width:760px){.header{height:77px;padding:0 20px;gap:10px}.brand{font-size:14px;letter-spacing:1.5px;gap:8px}.brand svg{width:25px;height:33px}.brand small{font-size:6px;letter-spacing:2.3px}.header-location{display:none}.contact-link{font-size:10px;min-width:95px;gap:12px}.experience{display:flex;flex-direction:column-reverse;height:auto;min-height:0;max-height:none}.stage{height:65svh;min-height:465px;max-height:750px;flex-shrink:0}.sidebar{padding:26px 24px 22px;display:block;overflow:visible}.sidebar h1{font-size:38px;margin:12px 0}.sidebar h1 br{display:none}.sidebar h1 br:after{content:' '}.intro{font-size:12px;line-height:1.7;margin-bottom:20px}.intro br{display:none}.intro br:after{content:' '}.sidebar .residence{padding-top:17px}.residence-title{margin-top:7px}.residence-features{margin:9px 0 17px}.side-note,.sidebar-bottom{display:none}.small-description{margin-bottom:15px}.scene-label{left:18px;top:24px;font-size:7px;letter-spacing:1px}.time-switch{right:14px;top:17px}.building-view img{object-position:center;object-fit:cover}.building-pin{left:37%;top:44%;gap:9px}.pin-ring{width:45px;height:45px;box-shadow:0 0 0 6px #ffffff17}.pin-ring>span{width:30px;height:30px;font-size:18px}.pin-caption{font-size:6px;padding:10px 12px;letter-spacing:.7px}.pin-caption strong{font-size:12px}.building-caption{bottom:107px;left:23px}.building-caption p{font-size:28px}.building-caption>span{font-size:6px;letter-spacing:1.9px}.view-nav{bottom:30px;padding:5px;max-width:calc(100% - 28px)}.view-nav button{padding:12px 13px;font-size:10px;gap:7px;min-height:41px}.view-nav button>span:first-child{font-size:7px}.asset-note{bottom:10px;right:15px;max-width:none;font-size:6px}.footer{height:auto;min-height:58px;padding:14px 20px;flex-wrap:wrap;gap:9px;font-size:6px}.footer button{font-size:9px;padding:0}.plan-canvas{top:10%;height:65%;width:95%}.plan-room-card{width:290px;bottom:107px;padding:11px 15px}.plan-room-card strong{font-size:19px}.concept-tag{right:14px;top:21px;font-size:6px;letter-spacing:.5px;padding:7px}.tour-hint{bottom:165px;font-size:9px}.room-nav{bottom:109px;max-width:calc(100% - 24px)}.room-nav button{font-size:9px;padding:9px 10px}.look-controls{right:12px;top:43%}.look-controls span{display:none}.look-controls button{width:35px;height:35px}.room-description{margin:0}.room-measure{margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.room-measure span{font-size:25px}.room-measure small{font-size:7px}.tour-side-actions{grid-template-columns:1fr 1fr;margin-top:20px}.tour-disclaimer{font-size:9px;max-width:450px}.dimension-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.dimension-list button{font-size:10px}dialog{padding:35px 25px}.plan-dialog{padding:35px 12px 12px}body[data-view="tour"] .sidebar h1{font-size:32px;margin:12px 0}body[data-view="tour"] .intro,body[data-view="tour"] .residence{display:none}body[data-view="plan"] .intro,body[data-view="two-bedroom"] .intro{display:none}body[data-view="plan"] .sidebar h1,body[data-view="two-bedroom"] .sidebar h1{font-size:32px}body[data-view="plan"] .residence,body[data-view="two-bedroom"] .residence{display:none}.hotspot span{font-size:8px}.hotspot i{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Cinematic concept tour */
.building-view img.changing{opacity:.65}.source-toggle{position:absolute;right:25px;top:70px;color:white;background:#10164077;border:1px solid #ffffff55;border-radius:3px;font-size:9px;padding:9px 12px;z-index:3;backdrop-filter:blur(10px)}
.expand-view{position:absolute;right:24px;bottom:52px;z-index:12;width:39px;height:39px;border:1px solid #ffffff60;border-radius:50%;background:#10164099;color:white;font-size:23px;line-height:1;backdrop-filter:blur(8px)}
.pano-viewer,.model-viewer,#pano-container{position:absolute;inset:0}#pano-container{touch-action:none;cursor:grab}#pano-container:active{cursor:grabbing}#pano-container canvas{display:block;width:100%;height:100%}.pano-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#090d263b,transparent 25%,transparent 55%,#090d26a8)}
.tour-mode-switch{position:absolute;top:20px;right:24px;z-index:9;display:flex;gap:3px;padding:4px;background:#e8f5fbdd;border-radius:5px;backdrop-filter:blur(12px)}.tour-mode-switch button{background:transparent;font-size:10px;padding:9px 13px;border-radius:3px}.tour-mode-switch button.active{background:#171d43;color:white}
.pano-controls{position:absolute;bottom:228px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:white;z-index:3}.pano-controls button{width:38px;height:38px;background:#10164055;border:1px solid #ffffff77;color:white;border-radius:50%;font-size:19px;backdrop-filter:blur(8px)}.pano-axis{width:80px;height:1px;background:#ffffff66;position:relative}.pano-axis i{position:absolute;top:-2px;left:50%;width:5px;height:5px;background:#b9e1f3;border-radius:50%;transform:translateX(-50%)}
.pano-hint{position:absolute;bottom:274px;left:0;width:100%;text-align:center;color:#fff;font-size:9px;letter-spacing:.4px;pointer-events:none;text-shadow:0 1px 8px #0009;transition:opacity .6s}.pano-hint.used{opacity:0}.pano-hotspots{position:absolute;inset:0;pointer-events:none}.pano-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:8px;pointer-events:auto;background:none;color:white;filter:drop-shadow(0 2px 7px #0005)}.pano-hotspot i{font-style:normal;border:1px solid #fff9;background:#1d234777;backdrop-filter:blur(8px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:19px}.pano-hotspot span{background:#1d2347a9;border:1px solid #fff3;border-radius:3px;padding:8px 11px;font-size:10px;backdrop-filter:blur(8px)}
.pano-fade{position:absolute;inset:0;z-index:7;background:#141832;opacity:0;transition:opacity .32s;pointer-events:none}.pano-fade.on{opacity:1}.pano-viewer .tour-loading{background:#d1ebf7}.pano-viewer .tour-error{z-index:8}.pano-viewer .tour-error button{margin-top:10px}.visual-caption{position:absolute;bottom:91px;left:0;width:100%;text-align:center;color:#fff;font-size:7px;letter-spacing:1.5px;z-index:3;pointer-events:none}.visual-caption span{font-size:8px;letter-spacing:.1px;opacity:.8;margin-left:9px}
.photo-room-nav{bottom:119px;padding:5px;gap:5px;background:#141936b3;border:1px solid #ffffff24;box-shadow:0 8px 30px #0002;border-radius:6px}.photo-room-nav button{padding:0 0 7px;min-width:85px;overflow:hidden;border:1px solid transparent;border-radius:3px;line-height:1}.photo-room-nav button img{display:block;width:92px;height:48px;object-fit:cover;opacity:.7;margin-bottom:7px;transition:opacity .2s}.photo-room-nav button.active{background:#d5edf8;border-color:#d5edf8}.photo-room-nav button.active img,.photo-room-nav button:hover img{opacity:1}.photo-room-nav button span{padding:0 5px;font-size:9px}.model-viewer .tour-hint{bottom:218px}.model-viewer .room-fade{z-index:2}.plan-dot.bathroom{left:52%;top:30%}
body.immersive{overflow:hidden}body.immersive .stage{position:fixed;inset:0;z-index:50;width:100%;height:100svh;max-height:none;min-height:0}body.immersive .expand-view{bottom:auto;top:79px}body.immersive .view-nav{bottom:28px}
@media(max-width:1000px){.tour-mode-switch{right:15px}.tour-mode-switch button{padding:8px 10px}.photo-room-nav button{min-width:72px}.photo-room-nav button img{width:76px;height:44px}}
@media(max-width:760px){.source-toggle{right:14px;top:65px;font-size:8px;padding:8px 10px}.building-view .scene-label{color:#fff;top:28px;max-width:125px;line-height:1.7}.time-switch button{font-size:9px}.expand-view{right:13px;bottom:86px;width:33px;height:33px;font-size:20px}.tour-mode-switch{right:12px;top:17px;padding:3px}.tour-mode-switch button{font-size:9px;min-height:32px;padding:7px 10px}.tour-view .scene-label{top:28px;max-width:125px}.photo-room-nav{bottom:112px;gap:4px;max-width:calc(100% - 24px)}.photo-room-nav button{min-width:59px;padding-bottom:7px}.photo-room-nav button img{width:61px;height:38px;margin-bottom:6px}.photo-room-nav button span{font-size:8px;padding:0 2px}.visual-caption{bottom:91px;font-size:6px;letter-spacing:1px}.visual-caption span{font-size:6px;margin-left:5px;letter-spacing:0}.pano-controls{bottom:202px;gap:16px}.pano-controls button{width:34px;height:34px}.pano-axis{width:58px}.pano-hint{bottom:242px;font-size:8px}.pano-hotspot i{width:32px;height:32px;font-size:16px}.pano-hotspot span{font-size:8px;padding:7px 9px}.model-viewer .tour-hint{bottom:205px}.tour-view .look-controls{top:42%}.plan-expand{right:16px}.plan-dot.bathroom{top:30%}.immersive .pano-controls{bottom:207px}}

@media(max-width:760px){.room-nav button{min-height:42px}.time-switch button{min-height:32px}.plan-dot{width:36px;height:36px}.scene-label{color:#1f254b}.tour-view .scene-label{color:white}}

/* Refined residence experience */
:root{--paper:#ebf6fb;--muted:#426c8a;--line:#cce2ec}body{background:var(--paper)}.header{height:128px;padding:16px 34px;border:0;gap:24px}.header-location{font-size:10px;letter-spacing:1.5px;color:#426c8a}.brand{font-size:18px}.rera-panel{display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#101640;flex-shrink:0}.rera-panel>div>span,.rera-panel strong,.rera-panel a{display:block;font-size:16px;line-height:1.5;letter-spacing:0}.rera-panel strong{font-weight:700;letter-spacing:.5px}.rera-panel a{font-size:16px;text-decoration:underline;text-underline-offset:3px}.rera-qr{background:white;padding:0;line-height:0;border:1px solid #d6dcd6;border-radius:3px}.rera-qr img{width:88px;height:88px;object-fit:contain;image-rendering:pixelated}.experience{height:calc(100svh - 178px);min-height:680px;grid-template-columns:340px minmax(0,1fr);margin:0 20px 0 0;gap:0}.stage{border-radius:12px;box-shadow:0 4px 28px #151b4010}.sidebar{padding:35px 30px 22px 34px}.eyebrow{color:#477494;font-size:10px}h1{font-size:50px;letter-spacing:-1.9px;margin:20px 0}.intro{font-size:13px;line-height:1.8;margin-bottom:26px}.residence{padding-top:20px}.overline{font-size:9px}.unit-label{border-radius:30px;padding:7px 10px;background:#e0edf3}.residence-features{font-size:11px;gap:7px}.small-description,.room-description{font-size:13px;line-height:1.8}.primary{border-radius:6px;min-height:51px;font-size:13px;transition:background .2s,transform .2s}.primary:hover{transform:translateY(-1px)}.side-note{margin-top:22px}.side-note p{font-size:12px}.sidebar-bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:25px}.visit-button{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;min-height:48px;background:#deecf3;border:1px solid #c1dce8;border-radius:6px;font-size:12px}.visit-button:hover{background:#d1e5ee}.visit-button span{font-size:20px}.visit-note{text-align:center;font-size:10px;color:#477392;letter-spacing:0}.scene-label{top:25px;left:25px;font-size:10px;letter-spacing:1.5px}.time-switch,.tour-mode-switch{top:18px;right:18px;border:1px solid #ffffff70;box-shadow:0 3px 20px #0001;border-radius:7px}.time-switch button,.tour-mode-switch button{font-size:11px;min-height:40px;padding:10px 14px;border-radius:4px}.source-toggle{right:18px;top:80px;font-size:10px;min-height:36px;border-radius:4px}.building-pin{top:45%}.pin-caption{border:1px solid #ffffff40;border-radius:5px;font-size:8px}.building-caption{bottom:125px;left:32px}.building-caption p{font-size:39px}.view-nav{bottom:26px;padding:5px;gap:4px;border:1px solid #fff9;border-radius:9px}.view-nav button{padding:13px 20px;min-height:46px;font-size:12px;border-radius:5px}.view-nav button.active{box-shadow:0 2px 7px #10164022}.asset-note{font-size:9px;bottom:8px;right:16px;max-width:90%}.expand-view{bottom:30px;right:19px;width:44px;height:44px}.photo-room-nav{bottom:125px;border-radius:8px;padding:6px;gap:6px}.photo-room-nav button{min-width:87px;min-height:80px;padding-bottom:9px}.photo-room-nav button img{width:96px;height:49px}.photo-room-nav button span{font-size:10px}.visual-caption{bottom:101px;font-size:8px}.visual-caption span{font-size:9px}.pano-controls{bottom:232px}.pano-controls button{width:44px;height:44px}.pano-hint{bottom:284px;font-size:10px}.current-room{font-family:var(--serif);font-size:27px;margin:0 0 10px;letter-spacing:-.5px}.room-description{margin-top:15px}.room-measure{margin-top:15px;padding-top:15px}.room-measure span{font-size:27px}.room-measure small{font-size:9px}.tour-side-actions{margin-top:19px}.outline{border-radius:5px;min-height:44px;font-size:12px}.tour-disclaimer{font-size:10px;line-height:1.65}.footer{height:50px;border:0;font-size:9px;padding:0 34px;color:#416986}.footer button{font-size:11px;min-height:44px}.dimension-list button{font-size:12px;min-height:44px}.plan-room-card{border-radius:7px;bottom:123px;box-shadow:0 8px 30px #10164008}.plan-room-card button{min-height:44px;font-size:12px}.plan-expand{width:44px;height:44px;top:20px;right:20px}.plan-dot{width:36px;height:36px}.rera-dialog{text-align:center}.rera-dialog>img{display:block;max-width:100%;height:auto;margin:20px auto;background:white;image-rendering:pixelated}.rera-number,.rera-dialog .outline{font-size:16px!important}.rera-dialog h2{margin-bottom:12px}.rera-dialog .outline{display:block;overflow-wrap:anywhere}.contact-options a{font-size:14px}.address,.address p{font-size:14px}.email-link{overflow-wrap:anywhere}.dialog-close{min-width:44px;min-height:44px}.plan-canvas{top:10%;height:auto;width:min(78%,620px);aspect-ratio:1400/1238;max-height:70%}.plan-canvas img{object-fit:fill}.plan-dot.bathroom{left:52%;top:30%}
@media(min-width:1600px){.experience{grid-template-columns:390px 1fr}.sidebar{padding:42px}.sidebar h1{font-size:57px}}
@media(max-width:1100px){.header{padding:15px 24px}.header-location{display:none}.experience{grid-template-columns:300px 1fr;margin-right:16px}.sidebar{padding:30px 24px}.sidebar h1{font-size:44px}.photo-room-nav button{min-width:68px}.photo-room-nav button img{width:72px}.view-nav button{padding:13px}.building-caption p{font-size:33px}.scene-label{font-size:9px;max-width:150px;line-height:1.7}.tour-view .scene-label{max-width:120px}}
@media(max-width:760px){.header{height:auto;min-height:174px;padding:17px 18px;display:flex;flex-wrap:wrap;gap:16px}.brand{font-size:15px;gap:10px}.brand svg{width:27px;height:35px}.brand small{font-size:7px}.rera-panel{width:100%;justify-content:space-between;gap:9px;border-top:1px solid #cce2ec;padding-top:12px}.rera-panel>div>span,.rera-panel strong,.rera-panel a{font-size:16px;line-height:1.4}.rera-qr img{width:78px;height:78px}.experience{margin:0;display:flex;min-height:0;gap:0}.stage{height:72svh;min-height:550px;max-height:800px;border-radius:0;box-shadow:none}.sidebar{padding:27px 23px 26px}.sidebar h1{font-size:39px}.intro{font-size:13px}.sidebar-bottom{display:flex;padding-top:22px;margin-top:0}.visit-note{font-size:11px}.side-note{display:none}.scene-label{left:18px;top:26px;font-size:8px;max-width:125px}.time-switch,.tour-mode-switch{right:12px;top:15px;padding:3px}.time-switch button,.tour-mode-switch button{font-size:10px;padding:8px 10px;min-height:38px}.source-toggle{top:71px;right:12px;font-size:9px;min-height:34px}.building-caption{left:22px;bottom:125px}.building-caption p{font-size:31px;letter-spacing:-.8px}.building-caption>span{font-size:8px;letter-spacing:1.8px}.building-pin{left:33%;top:44%}.pin-caption{font-size:7px}.view-nav{bottom:31px;max-width:calc(100% - 30px);width:calc(100% - 30px);justify-content:center;padding:5px;gap:3px}.view-nav button{min-height:46px;flex:1;justify-content:center;padding:10px 7px;font-size:11px;gap:7px}.asset-note{right:12px;bottom:10px;font-size:7px;text-align:center;max-width:calc(100% - 24px);width:100%}.expand-view{bottom:94px;right:13px;width:40px;height:40px}.photo-room-nav{bottom:129px;width:calc(100% - 24px);max-width:430px;gap:4px;padding:5px}.photo-room-nav button{min-width:0;flex:1;min-height:70px;padding-bottom:9px}.photo-room-nav button img{width:100%;height:39px;object-fit:cover}.photo-room-nav button span{font-size:9px;padding:0 1px}.visual-caption{bottom:109px;font-size:6px}.visual-caption span{font-size:7px;margin-left:3px}.pano-controls{bottom:218px}.pano-controls button{width:42px;height:42px}.pano-hint{bottom:268px;font-size:9px}.current-room{font-size:28px;margin-top:15px}.room-measure{display:block}.room-measure small{margin-top:8px;font-size:9px}.tour-side-actions{gap:10px;margin-top:20px}.tour-disclaimer{font-size:11px;max-width:none}.room-description{font-size:13px}.footer{height:auto;min-height:64px;padding:14px 23px;gap:5px;font-size:8px}.footer button{font-size:11px;padding:8px 0}.plan-canvas{top:13%;width:94%;max-height:64%;height:auto;aspect-ratio:1400/1238}.plan-room-card{bottom:125px;width:calc(100% - 60px)}.dimension-list{grid-template-columns:1fr}.dimension-list button{font-size:13px;min-height:48px}.model-viewer .tour-hint{bottom:220px}.building-view .scene-label{top:26px}.rera-dialog{padding-top:40px}body.immersive .stage{border-radius:0}body.immersive .expand-view{top:78px;bottom:auto}.tour-view .scene-label{top:28px}}
@media(prefers-reduced-motion:no-preference){.view-nav button,.outline,.visit-button,.room-nav button{transition:background .2s,color .2s,border-color .2s}.plan-room-card{animation:card-in .35s ease both}@keyframes card-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}
/* Preserve QR clarity and accurate plan markers. */
.header{height:152px}.rera-qr img{width:112px;height:112px}.experience{height:calc(100svh - 202px)}.rera-panel>div{min-width:0}.rera-panel a{overflow-wrap:anywhere}.rera-qr{flex-shrink:0}.plan-dot.bathroom{left:46%;top:12%}
@media(max-width:760px){.header{height:auto;min-height:205px}.rera-qr img{width:104px;height:104px}.rera-panel>div{max-width:calc(100% - 115px)}.experience{height:auto}.sidebar h1 br{display:initial}.sidebar h1 br:after{content:none}.plan-dot.bathroom{left:46%;top:12%}}

/* ==== cinematic.css ==== */
:root{--ink:#ecf4f8;--paper:#292865;--muted:#94b5cc;--line:#ffffff20;--gold:#b5d4e3;--glass:#151a3c70}html{background:#292865;scroll-behavior:auto}body{margin:0;min-height:380svh;background:radial-gradient(ellipse at 12% 20%,#1b225057,transparent 50%),radial-gradient(ellipse at 95% 85%,#1f254b70,transparent 50%),#292865;color:#ecf4f8;overscroll-behavior-y:none}.header{position:fixed;inset:0 0 auto;z-index:25;height:138px;padding:12px 34px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#292865ed,#29286590);border-bottom:1px solid #ffffff0c;gap:25px}.brand{font-size:17px;color:#eef5f8;letter-spacing:2px}.brand small{color:#95b5cc}.rera-panel{display:flex;gap:18px;align-items:center;color:#f0f6f9}.rera-panel>div>span,.rera-panel strong,.rera-panel a{display:block;font-size:16px;line-height:1.4;color:#ecf4f8;letter-spacing:0}.rera-panel strong{font-weight:700;letter-spacing:.5px}.rera-panel a{text-decoration:underline;text-underline-offset:3px}.rera-qr{padding:4px;border:1px solid #ffffff70;border-radius:9px;background:#fff;flex-shrink:0;line-height:0}.rera-qr img{display:block;width:104px;height:104px;image-rendering:pixelated}.scroll-experience{position:fixed;inset:150px 26px 104px;max-width:1900px;margin:auto;isolation:isolate}.chapter{position:absolute;inset:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;align-items:center;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}.chapter-building{opacity:1;visibility:visible;pointer-events:auto}.chapter-copy.sidebar{height:auto;max-height:100%;overflow:auto;padding:12px 4px 12px 10px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#3a5f79 transparent;color:#ebf3f7;background:none;will-change:transform}.chapter-title,.sidebar h1.chapter-title{font:400 clamp(35px,3.6vw,57px)/1.08 var(--serif);margin:20px 0;letter-spacing:-1.6px;color:#ebf3f7}.chapter-title em{color:#a7ccde;font-weight:400}.eyebrow{font-size:9px;color:#85aac4;letter-spacing:2.2px}.chapter .intro{display:block!important;font-size:13px;line-height:1.8;color:#97b6cd;margin:0 0 22px}.residence{border-color:#ffffff24;padding-top:19px;margin-bottom:8px;display:block!important}.overline{color:#84a9c4;font-size:9px}.residence-title>span:first-child{font-size:34px}.unit-label{border-color:#ffffff3c;background:#ffffff0b;border-radius:30px;font-size:9px;color:#b4d4e3}.residence-features{color:#99c4d8;font-size:11px}.small-description,.room-description{font-size:12px;line-height:1.8;color:#97b6cd}.primary{background:linear-gradient(135deg,#c7dfea,#9dc7da);color:#121631;border:1px solid #f1f9fd92;border-radius:12px;min-height:48px;font-size:12px;box-shadow:0 5px 30px #10163e30}.primary:hover{background:#d5e7ef;transform:translateY(-1px)}.scroll-cue{display:flex;align-items:center;justify-content:space-between;background:none;border-top:1px solid #ffffff20;padding:18px 0;margin-top:24px;color:#8eb0c8;font-size:11px}.scroll-cue span{font-size:21px}.chapter .stage{height:100%;min-height:0;max-height:none;position:relative;border-radius:24px;overflow:hidden;background:#0a0d20;border:1px solid #ffffff2e;box-shadow:0 25px 90px #0005,inset 0 1px 0 #fff3;transform-origin:50% 45%;will-change:transform}.chapter .view{position:absolute;inset:0;display:block}.chapter .building-view img{transition:opacity .3s;object-fit:cover;object-position:center}.image-shade{background:linear-gradient(180deg,#03061b28,transparent 35%,#03061b8c)}.scene-label{font-size:9px;left:23px;top:25px;color:#fff;letter-spacing:1.6px}.scene-label.dark{color:#d1e4ed}.time-switch,.tour-mode-switch{position:absolute;right:17px;top:17px;display:flex;padding:5px;gap:4px;z-index:9;background:#0c102c69;border:1px solid #ffffff57;border-radius:16px;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 5px 25px #0002}.time-switch button,.tour-mode-switch button{font-size:10px;padding:10px 13px;min-height:38px;border-radius:11px;color:#e4f0f5;background:none}.time-switch button.active,.tour-mode-switch button.active{background:#cfe3ed2e;border:1px solid #ffffff40;color:#fff}.source-toggle{position:absolute;top:80px;right:17px;font-size:9px;min-height:33px;padding:9px 12px;background:#080d2f4d;color:#e9f2f6;border:1px solid #ffffff40;border-radius:11px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:3}.pin-caption{background:#090e2d66;border:1px solid #ffffff67;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:13px;padding:15px 18px;font-size:8px}.pin-ring{background:#ffffff24;backdrop-filter:blur(12px)}.building-pin{top:45%;left:49%}.building-caption{bottom:42px;left:30px}.building-caption>span{font-size:8px;color:#c9e0eb}.building-caption p{font-size:clamp(30px,3vw,44px);margin:12px 0}.building-caption p em{color:#c4dde8}.asset-note,.asset-note.dark{bottom:13px;right:20px;font-size:8px;color:#aacedf;max-width:calc(100% - 40px)}.expand-view{position:absolute;right:20px;bottom:47px;width:43px;height:43px;z-index:12;border-radius:14px;background:#14193d66;color:#f3f8fa;border:1px solid #ffffff70;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:23px}.plan-view{background:radial-gradient(ellipse at 50% 45%,#171c3b,#080b1f)}.plan-canvas{top:7%;width:min(78%,620px);height:auto;max-height:74%;aspect-ratio:1400/1238}.plan-canvas img{object-fit:fill;mix-blend-mode:normal;border-radius:10px;opacity:.94}.plan-dot{background:#151a3b;border:1px solid #e1edf390;box-shadow:0 0 0 4px #0b0e2442}.plan-dot.active{background:#2077b5}.plan-dot.bathroom{left:46%;top:12%}.plan-room-card{bottom:44px;background:#171c3a80;border:1px solid #ffffff38;border-radius:17px;padding:13px 20px;width:min(350px,calc(100% - 120px));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#e9f2f6}.plan-room-card>div span{color:#94b5cc}.plan-room-card strong{font-size:23px}.plan-room-card button{color:#e0edf3;font-size:11px;border-color:#94c2d7}.plan-expand{border-radius:12px;border-color:#ffffff40;background:#161c4057;color:#e9f2f7;backdrop-filter:blur(20px)}.dimension-list{margin:10px 0 20px;padding:5px 15px;border:1px solid #ffffff24;border-radius:17px;background:#21275133;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dimension-list button{color:#97b6cd;border-color:#ffffff16;min-height:44px;font-size:11px}.dimension-list button.active{color:#ddebf2}.dimension-list button:last-child{border:0}.room-nav.photo-room-nav{bottom:43px;max-width:calc(100% - 115px);border-radius:17px;border:1px solid #ffffff4d;background:#0c113158;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);padding:7px;gap:6px}.photo-room-nav button{min-width:79px;min-height:77px;border-radius:10px;padding-bottom:8px}.photo-room-nav button img{width:94px;height:46px;border-radius:7px 7px 0 0}.photo-room-nav button span{font-size:10px}.photo-room-nav button.active{background:#d1e5eece;color:#171c3b;border:1px solid #ffffff8c}.visual-caption{bottom:17px;font-size:7px}.visual-caption span{font-size:8px}.pano-controls{bottom:144px}.pano-controls button,.look-controls button{width:41px;height:41px;border:1px solid #ffffff70;background:#151b4055;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pano-hint{bottom:192px;font-size:9px}.pano-hotspot i,.pano-hotspot span{background:#0b113780;border-color:#ffffff60;backdrop-filter:blur(18px)}.current-room{font-size:28px;margin:15px 0 12px;color:#ebf4f8}.room-measure{margin-top:16px;padding:17px;background:#20264f40;border:1px solid #ffffff24;border-radius:16px}.room-measure span{font-size:29px}.room-measure small{font-size:8px;color:#8eb0c9}.tour-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.outline,.visit-button{border:1px solid #ffffff38;background:#20264d52;color:#e0edf3;border-radius:11px;min-height:44px;padding:12px;font-size:11px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.outline:hover,.visit-button:hover{background:#2c356c66}.tour-disclaimer{font-size:10px;color:#81a7c3;line-height:1.8}.sidebar-bottom{display:flex;flex-direction:column;align-items:stretch;margin-top:15px;padding-top:20px;border-top:1px solid #ffffff20;gap:9px}.visit-button{display:flex;align-items:center;justify-content:space-between}.visit-note{text-align:center;font-size:9px;color:#7da5c1}.view-nav{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:5px;padding:7px;max-width:calc(100% - 24px);border-radius:22px;background:#191e408c;border:1px solid #ffffff40;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);box-shadow:0 8px 45px #0004;overflow:hidden}.view-nav button{min-height:44px;font-size:11px;gap:9px;padding:12px 23px;border-radius:15px;color:#93c1d6;position:relative}.view-nav button.active{color:#ebf4f8;background:#c1dce823;border:1px solid #ffffff35;box-shadow:inset 0 1px 0 #ffffff25}.nav-track{position:absolute;bottom:3px;left:22px;right:22px;height:2px;background:#ffffff15}.nav-track span{display:block;width:0;height:2px;background:#b6d5e3}.footer{position:fixed;bottom:25px;left:29px;right:29px;z-index:20;height:46px;min-height:0;padding:0;border:0;display:flex;justify-content:space-between;gap:15px;color:#5487ac;font-size:8px}.footer>span{display:none}.footer button{min-height:42px;font-size:10px;color:#96b6cd;letter-spacing:0;border:1px solid #ffffff25;background:#151a3c40;border-radius:12px;padding:10px 13px}.scroll-prompt{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;color:#5a8caf;font-size:8px;letter-spacing:2px;pointer-events:none;z-index:20}.scroll-mouse{width:12px;height:18px;border:1px solid #5a8caf;border-radius:7px;position:relative}.scroll-mouse:after{content:'';position:absolute;top:4px;left:4px;width:2px;height:4px;border-radius:3px;background:#9ac5d8}.room-info-toggle{display:none}.tour-loading,.tour-error{background:#0c102b;color:#d1e5ee}.spinner{border-color:#272f61;border-top-color:#bdd9e6}.tour-error p{color:#92b3cb}.model-viewer .tour-hint{bottom:145px}#pano-container,#three-container{touch-action:pan-y}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:#181d40;color:#fff;border:1px solid #ffffff50;padding:15px;border-radius:10px}.skip-link:focus{top:15px}dialog{background:#0d122ff5;color:#e9f2f6;border:1px solid #ffffff40;border-radius:23px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 30px 120px #0008}dialog p{color:#97c3d8}dialog h2 em{color:#9ac5d8}dialog::backdrop{background:#020412a8;backdrop-filter:blur(12px)}.rera-dialog .rera-number,.rera-dialog .outline{font-size:16px!important}.rera-dialog>img{display:block;max-width:100%;height:auto;margin:20px auto;background:#fff}.contact-options a,.address,.address p{font-size:14px}.email-link{color:#d7e8f0}.dialog-close{color:#d7e8f0;min-width:44px;min-height:44px}body.immersive .chapter{transform:none!important}body.immersive .stage.expanded-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;max-height:none;border-radius:0;z-index:60;transform:none!important}body.immersive .scroll-experience{inset:0;z-index:60}body.immersive .chapter-copy{visibility:hidden}body.immersive .view-nav,body.immersive .scroll-prompt{visibility:hidden}.expanded-stage .expand-view{top:80px;bottom:auto}.expanded-stage #pano-container,.expanded-stage #three-container{touch-action:none}
@media(max-height:840px) and (min-width:761px){.header{height:124px}.rera-qr img{width:92px;height:92px}.scroll-experience{top:135px;bottom:96px}.chapter-title,.sidebar h1.chapter-title{font-size:38px;margin:14px 0}.chapter .intro{font-size:12px;margin-bottom:14px}.residence{padding-top:13px}.residence-title>span:first-child{font-size:29px}.residence-features{margin-bottom:10px}.scroll-cue{margin-top:16px}.dimension-list{margin-bottom:12px}.dimension-list button{min-height:37px;font-size:11px}.tour-disclaimer{font-size:9px}.sidebar-bottom{margin-top:9px;padding-top:12px}.room-measure{padding:13px;margin-top:10px}.pano-controls{bottom:136px}.pano-hint{bottom:182px}}
@media(max-width:1100px){.chapter{grid-template-columns:260px minmax(0,1fr);gap:22px}.chapter-title,.sidebar h1.chapter-title{font-size:41px}.photo-room-nav button{min-width:56px}.photo-room-nav button img{width:65px}.room-nav.photo-room-nav{max-width:calc(100% - 28px)}.chapter-tour .expand-view{bottom:144px}.footer{left:20px;right:20px}.footer button{font-size:9px;padding:9px}.view-nav button{padding:12px 18px}.scene-label{font-size:8px;max-width:135px;line-height:1.6}.building-caption p{font-size:32px}}
@media(max-width:760px){.header{height:150px;min-height:0;padding:10px 15px;align-items:flex-start;flex-wrap:nowrap;gap:10px;background:linear-gradient(#292865fa,#292865c7)}.brand{font-size:11px;letter-spacing:1px;gap:7px;position:absolute;left:16px;top:17px}.brand svg{width:22px;height:29px}.brand small{font-size:5px;letter-spacing:1.4px;margin-top:5px}.rera-panel{margin-left:auto;width:auto;border:0;padding:0;gap:9px;align-items:flex-start;justify-content:flex-end;flex-direction:row}.rera-panel>div{position:absolute;left:16px;right:130px;top:59px;max-width:none}.rera-panel>div>span,.rera-panel strong,.rera-panel a{font-size:16px;line-height:1.35}.rera-panel a{overflow-wrap:anywhere}.rera-qr img{width:100px;height:100px}.rera-qr{margin-top:19px}.scroll-experience{inset:156px 11px 103px}.chapter{display:block;position:absolute;inset:0;min-height:0;padding:0;gap:0;border:0}.chapter .stage{position:absolute;inset:0;height:100%;min-height:0;max-height:none;border-radius:20px;transform-origin:center}.chapter-copy.sidebar{position:absolute;left:0;right:0;top:0;height:auto;max-height:none;padding:0;overflow:visible;z-index:14;display:block;pointer-events:none}.chapter-copy>*{display:none!important}.chapter-copy>.eyebrow{display:block!important;position:absolute;left:19px;top:17px;color:#b4d4e2;font-size:7px;letter-spacing:1.5px;max-width:100px;line-height:1.8}.chapter-copy>.chapter-title{display:none!important}.chapter .residence{display:none!important}.chapter .stage .scene-label{display:none}.chapter .stage .time-switch,.chapter .stage .tour-mode-switch{right:10px;top:12px;padding:4px;border-radius:14px}.time-switch button,.tour-mode-switch button{min-height:35px;padding:7px 9px;font-size:9px;border-radius:10px}.source-toggle{top:69px;right:11px;min-height:31px;font-size:8px;padding:7px 10px;border-radius:10px}.building-pin{left:31%;top:42%;gap:9px}.pin-caption{font-size:6px;padding:11px 12px;border-radius:12px;letter-spacing:.8px}.pin-caption strong{font-size:12px}.pin-ring{width:45px;height:45px}.building-caption{left:20px;bottom:35px}.building-caption p{font-size:31px;letter-spacing:-.7px;line-height:1.12}.building-caption>span{font-size:6px;letter-spacing:1.7px}.asset-note,.asset-note.dark{bottom:10px;left:10px;right:10px;max-width:none;font-size:6px;text-align:center;color:#a5cbdd}.expand-view{right:13px;bottom:121px;width:36px;height:36px;border-radius:12px;font-size:20px}.plan-canvas{top:15%;width:96%;max-height:65%;height:auto;aspect-ratio:1400/1238}.plan-room-card{bottom:45px;width:calc(100% - 70px);padding:10px 14px;border-radius:14px}.plan-room-card strong{font-size:22px}.plan-room-card button{font-size:10px}.plan-room-card>div span{font-size:10px}.plan-expand{width:37px;height:37px;right:13px;top:15px;font-size:21px}.plan-dot{width:32px;height:32px;font-size:10px}.chapter-plan .expand-view{bottom:126px}.room-nav.photo-room-nav{bottom:41px;max-width:none;width:calc(100% - 22px);padding:5px;gap:3px;border-radius:14px}.photo-room-nav button{flex:1;min-width:0;min-height:61px;padding-bottom:7px;border-radius:9px}.photo-room-nav button img{width:100%;height:33px;border-radius:5px 5px 0 0;margin-bottom:6px}.photo-room-nav button span{font-size:8px;padding:0 1px}.visual-caption{bottom:15px;font-size:5px;letter-spacing:.5px}.visual-caption span{font-size:6px;margin-left:3px}.pano-controls{bottom:119px;gap:17px}.pano-controls button{width:36px;height:36px}.pano-axis{width:50px}.pano-hint{bottom:161px;font-size:7px}.chapter-tour .expand-view{bottom:115px;right:13px}.pano-hotspot i{width:32px;height:32px;font-size:16px}.pano-hotspot span{font-size:8px;padding:7px}.view-nav{bottom:31px;width:calc(100% - 28px);max-width:430px;padding:6px;gap:3px;border-radius:20px}.view-nav button{flex:1;justify-content:center;min-height:43px;padding:10px 6px;gap:6px;font-size:10px;border-radius:14px}.view-nav .nav-arrow{display:none}.view-nav button>span:first-child{font-size:7px}.scroll-prompt{bottom:88px;font-size:6px;letter-spacing:1.6px;gap:9px}.scroll-mouse{width:10px;height:15px}.scroll-mouse:after{left:3px}.footer{left:15px;right:15px;bottom:2px;height:25px;min-height:0;padding:0;gap:10px;align-items:center}.footer button{font-size:8px;min-height:22px;padding:2px 0;background:none;border:0;color:#82a8c3}.chapter-tour #tour-details{display:block!important;position:absolute;top:50px;left:12px;right:12px;pointer-events:none;margin:0;z-index:15}.room-info-toggle{display:flex!important;pointer-events:auto;align-items:center;justify-content:space-between;gap:15px;font-size:8px;padding:8px 11px;border:1px solid #ffffff42;border-radius:10px;background:#0c123860;color:#bfdae7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#tour-details>*:not(.room-info-toggle){display:none!important}#tour-details.details-open{background:#0c1130e8;border:1px solid #ffffff50;border-radius:17px;backdrop-filter:blur(24px);padding:12px;pointer-events:auto;max-height:calc(100svh - 320px);overflow:auto}#tour-details.details-open>*{display:block!important}#tour-details.details-open .tour-side-actions{display:grid!important}.current-room{font-size:25px}.room-description{font-size:11px}.room-measure{display:block;padding:12px;margin-top:12px}.room-measure span{font-size:25px}.room-measure small{font-size:8px;margin-top:7px}.tour-disclaimer{font-size:9px;line-height:1.7}.model-viewer .tour-hint{bottom:123px;font-size:8px}.tour-view .look-controls{top:40%;right:12px}.tour-loading p{font-size:20px}.expanded-stage .expand-view{top:80px;bottom:auto}.rera-dialog{padding:35px 20px}.rera-dialog .outline{overflow-wrap:anywhere}.plan-dialog{padding:35px 10px 10px}}
@media(max-width:360px){.header{height:160px}.rera-panel>div{right:119px}.rera-qr img{width:88px;height:88px}.scroll-experience{top:166px}.time-switch button,.tour-mode-switch button{padding:7px;font-size:8px}.building-caption p{font-size:27px}.photo-room-nav button span{font-size:7px}}
@media(prefers-reduced-transparency:reduce){.view-nav,.time-switch,.tour-mode-switch,.room-nav.photo-room-nav{background:#161b3f}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.chapter,.chapter .stage,.chapter-copy{will-change:auto}}
.pin-ring>span{color:#161b3c}.chapter-copy{transition:none}.skip-link{color:#ebf3f7}.plan-room-card button{background:none}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.chapter-tour .intro{display:none!important}.chapter-tour .chapter-title{font-size:clamp(35px,3.2vw,49px);margin:17px 0}.chapter-copy.sidebar{scrollbar-width:none}.chapter-copy.sidebar::-webkit-scrollbar{display:none}
@media(max-width:760px){.chapter .chapter-copy>.intro{display:none!important}.chapter-copy>.eyebrow{max-width:110px}.chapter-tour .chapter-title{display:none!important}}

/* ==== interactive.css ==== */
/* Interactive apartment plan and connected room tour. */
.building-view{--exterior:url(assets/exterior-golden.webp)}.building-view:before{content:'';position:absolute;inset:-30px;background-image:var(--exterior);background-size:cover;background-position:center;filter:blur(25px) brightness(.4);transform:scale(1.06);pointer-events:none}.chapter .building-view img{position:relative;object-fit:contain!important;object-position:center center!important;z-index:0}.building-view .image-shade{background:linear-gradient(180deg,#06091c12,transparent 42%,#06091c8a)}.building-pin{transition:filter .2s}.building-pin:hover{filter:drop-shadow(0 0 16px #cce3ed66)}.building-pin:focus-visible{outline:2px solid #d6e7ef;outline-offset:12px}.pin-ring{transition:transform .3s,box-shadow .3s}.building-pin:hover .pin-ring{transform:scale(1.1);box-shadow:0 0 0 14px #ffffff15}.plan-view{background:radial-gradient(ellipse at 50% 45%,#171d43,#080b1f)}#plan3d-container,#two3d-container{position:absolute;inset:0;touch-action:pan-y;cursor:grab}#plan3d-container:active,#two3d-container:active{cursor:grabbing}#plan3d-container canvas,#two3d-container canvas{width:100%;height:100%;display:block}.plan3d-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.plan-room-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #ffffff50;border-radius:25px;padding:5px 9px 5px 5px;background:#090e2c99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#bbd8e5;font-size:9px;pointer-events:auto;box-shadow:0 4px 12px #0003;transition:background .2s,border-color .2s}.plan-room-label i{font-style:normal;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffffff15;font-size:9px}.plan-room-label.active{background:#d1e4eddd;color:#151a3d;border-color:#eaf7fd}.plan-room-label.active i{background:#212852;color:#ebf3f7}.plan-room-label:hover{border-color:#dceff8;background:#2b3369cb}.plan-room-label.active:hover{background:#dfeff7;color:#151a3d}.plan3d-toolbar{position:absolute;left:50%;transform:translateX(-50%);bottom:137px;z-index:5;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff3c;border-radius:15px;background:#151b4189;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 10px 30px #0002}.plan3d-toolbar button{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:none;color:#dcebf2;font-size:19px}.plan3d-toolbar button:hover{background:#d6e7ef20}.plan3d-toolbar>span{height:20px;width:1px;background:#ffffff25;margin:0 3px}.plan-room-card{bottom:43px;width:min(435px,calc(100% - 125px));gap:16px;z-index:5}.plan-room-card button{border:0;min-height:40px;white-space:nowrap;padding:8px 0}.plan-room-card #plan-room-enter,.plan-room-card #two-room-enter{padding:10px 13px;background:#c4dde9;color:#151a3b;border:1px solid #ffffff80;border-radius:10px}.plan-room-card #focus-plan-room,.plan-room-card #two-focus-room{color:#98c4d8;font-size:10px}.plan-room-card strong{font-size:22px;white-space:nowrap}.plan3d-hint{position:absolute;bottom:192px;left:0;right:0;text-align:center;pointer-events:none;color:#90b2ca;font-size:9px;letter-spacing:.3px}.plan-touch-mode{display:none}.plan-view .plan-expand{z-index:6;font-size:24px}.tour-minimap{position:absolute;right:17px;top:18px;z-index:8;padding:10px;border:1px solid #ffffff40;border-radius:15px;background:#0c12376e;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 20px #0002}.tour-minimap>span{display:block;font-size:6px;letter-spacing:1.5px;color:#9cc6d9;margin-bottom:7px;text-align:center}.minimap-grid{display:grid;grid-template-columns:30px 25px 32px;grid-template-rows:17px 22px 23px 16px;gap:3px}.minimap-grid button{font-size:7px;min-width:0;padding:0;border:1px solid #ffffff40;border-radius:3px;background:#cae1eb13;color:#accfe0;transition:background .2s,box-shadow .2s}.minimap-grid button:hover{background:#d9e9f140}.minimap-grid button.active{background:#d4e6ef;color:#171c3a;border-color:#fff9;box-shadow:0 0 12px #c9e0eb2b}.map-bathroom{grid-column:2;grid-row:1}.map-living{grid-column:1;grid-row:2/4}.map-kitchen{grid-column:2;grid-row:3}.map-bedroom{grid-column:3;grid-row:2/4}.map-balcony{grid-column:1;grid-row:4}.outline#overview{font-size:10px}.plan-view .tour-loading,.plan-view .tour-error{z-index:7}.chapter-tour #tour-details .room-info-toggle{top:auto}.plan3d-error{z-index:9}.building-caption{pointer-events:none}
@media(max-width:1100px){.plan-room-label span{display:none}.plan-room-label{padding:4px}.plan-room-label.active span{display:inline;font-size:8px}.plan-room-card{width:calc(100% - 115px);gap:9px;padding:12px}.plan-room-card strong{font-size:19px}.plan-room-card #focus-plan-room,.plan-room-card #two-focus-room{font-size:9px}.plan-room-card #plan-room-enter,.plan-room-card #two-room-enter{font-size:10px;padding:8px}.plan3d-toolbar button{width:32px;height:34px}.tour-minimap{right:14px;top:16px}}
@media(max-width:760px){.chapter .building-view img{object-fit:contain!important}.building-pin{top:46%;left:31%}.building-caption{bottom:35px;left:20px}.building-caption p{font-size:29px}.building-view:before{filter:blur(25px) brightness(.45)}.plan3d-toolbar{bottom:119px;gap:2px;padding:4px;max-width:calc(100% - 20px);border-radius:13px}.plan3d-toolbar button{width:31px;height:35px;font-size:18px;border-radius:8px}.plan3d-toolbar>span{margin:0 2px}.plan-room-card{bottom:40px;width:calc(100% - 66px);gap:10px;padding:9px 12px;border-radius:13px}.plan-room-card strong{font-size:19px}.plan-room-card>div span{font-size:9px;margin-bottom:3px}.plan-room-card #focus-plan-room,.plan-room-card #two-focus-room{display:none}.plan-room-card #plan-room-enter,.plan-room-card #two-room-enter{font-size:10px;min-height:38px;padding:9px 11px}.plan3d-hint{bottom:168px;font-size:7px;letter-spacing:0}.plan-touch-mode{display:block;position:absolute;top:57px;left:16px;z-index:5;border:1px solid #ffffff36;background:#12173b75;color:#b3d3e2;padding:8px 10px;font-size:8px;border-radius:10px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.plan-touch-mode[aria-pressed=true]{background:#cae1ebd9;color:#171c3e}.interacting #plan3d-container,.interacting #two3d-container{touch-action:none}.plan-room-label{padding:3px}.plan-room-label i{width:20px;height:20px;font-size:8px}.plan-room-label.active span{font-size:7px;padding-right:3px}.plan-view .asset-note{font-size:6px}.tour-minimap{right:11px;top:13px;padding:7px;border-radius:12px}.tour-minimap>span{font-size:5px;letter-spacing:1px;margin-bottom:5px}.minimap-grid{grid-template-columns:23px 18px 24px;grid-template-rows:13px 16px 18px 12px;gap:2px}.minimap-grid button{font-size:6px}.chapter-tour #tour-details{right:112px;top:47px}.chapter-tour #tour-details.details-open{right:12px}.chapter-tour .room-info-toggle{font-size:7px;gap:5px;padding:8px}.chapter-plan .expand-view{bottom:180px;right:13px}.plan-view .plan-expand{top:14px;right:13px;width:35px;height:35px}.chapter-plan .stage.expanded-stage #plan3d-container,.chapter-plan .stage.expanded-stage #two3d-container{touch-action:none}}
@media(prefers-reduced-motion:reduce){.building-pin,.pin-ring,.plan-room-label,.minimap-grid button{transition:none}}
#plan3d-container,
#two3d-container{bottom:165px}@media(max-width:760px){#plan3d-container,#two3d-container{bottom:175px}.plan3d-labels{bottom:175px}}

/* ==== refinement.css ==== */
/* Full-bleed exterior and a facade selection aligned to the source image. */
.building-view:before{display:none!important}.chapter .building-view img{object-fit:cover!important;object-position:center top!important}.facade-map{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}#facade-unit{fill:#d3e6ee1a;stroke:#d8ecf6a8;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;transition:fill .25s,stroke .25s,filter .25s}.unit-revealed #facade-unit,#facade-unit:focus{fill:#b4d7e75c;stroke:#def2fb;stroke-width:2;filter:drop-shadow(0 0 7px #a9daf0b3);outline:none}.facade-card{position:absolute;left:clamp(12px,calc(var(--unit-x,45%) + 40px),calc(100% - 250px));top:clamp(100px,calc(var(--unit-y,42%) - 25px),calc(100% - 225px));z-index:6;display:flex;flex-direction:column;gap:7px;padding:17px 18px;width:225px;border:1px solid #ffffff66;border-radius:17px;background:#090e2b80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 35px #0003;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}.unit-revealed .facade-card{opacity:1;visibility:visible;transform:none}.facade-card>span{font-size:7px;color:#b0d1e1;letter-spacing:1.6px}.facade-card strong{font-size:17px;font-weight:500;color:#edf5f8}.facade-card small{font-size:9px;color:#a4cadc}.facade-card button{font-size:11px;padding:12px 10px;border:1px solid #e7f5fc9c;background:#d1e4edd9;color:#161b3b;border-radius:9px;margin-top:5px}.facade-discover{position:absolute;left:25px;top:65px;z-index:5;display:flex;gap:18px;align-items:center;border:1px solid #ffffff50;border-radius:12px;background:#161b3b70;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#ddebf2;font-size:10px;padding:11px 13px}.facade-discover span{font-size:18px}.building-caption{z-index:4;pointer-events:none}.plan-room-label span{display:block}.plan-room-label b{font-size:9px;font-weight:500;display:block}.plan-room-label .room-label-size{display:block;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.2px;color:#91ceeb;margin-top:3px}.plan-room-label.active .room-label-size{color:#283062}.plan-room-label{padding:7px 11px 7px 6px;border-radius:12px}.plan-room-label i{flex-shrink:0}.measurements-hidden .room-label-size{display:none!important}#toggle-measures,#two-measures{font-size:19px;color:#85c9e9;background:#60ace316}#toggle-measures[aria-pressed=false],#two-measures[aria-pressed=false]{color:#77a0bd;background:none}.plan-room-card #focus-plan-room,.plan-room-card #two-focus-room{color:#a6ccdd}
@media(max-width:1100px){.plan-room-label span{display:block}.plan-room-label b{font-size:8px}.plan-room-label .room-label-size{font-size:8px}.plan-room-label{padding:5px 7px 5px 4px}}
@media(max-width:760px){.chapter .building-view img{object-fit:cover!important;object-position:center top!important}.facade-discover{top:49px;left:16px;max-width:calc(100% - 32px);font-size:8px;padding:8px 10px;gap:12px;border-radius:10px}.facade-discover span{font-size:16px}.facade-card{top:auto;left:auto;right:13px;bottom:145px;width:198px;padding:13px 14px;border-radius:14px}.facade-card strong{font-size:15px}.facade-card small{font-size:8px}.facade-card button{padding:10px;font-size:10px}.facade-card>span{font-size:6px}.building-caption{bottom:34px}.building-caption p{font-size:27px}.plan3d-toolbar{gap:1px;padding:4px}.plan3d-toolbar button{width:28px;font-size:17px}.plan3d-toolbar>span{margin:0 1px}.plan-room-label{padding:4px 6px;border-radius:10px;gap:4px}.plan-room-label i{display:none}.plan-room-label b{font-size:7px}.plan-room-label .room-label-size{font-size:7px;margin-top:1px;letter-spacing:0}.plan-room-label.active b{font-size:8px}.plan-room-label.active .room-label-size{font-size:8px}.plan-room-label.active span{padding:0}.plan3d-hint{font-size:6px}}
@media(prefers-reduced-motion:reduce){.facade-card,#facade-unit{transition:none}}

/* ==== immersive.css ==== */
/* One cinematic canvas. Content floats over soft gradients, without header or side panels. */
body{background:#292865}.header{height:143px;background:linear-gradient(180deg,#030618ad,transparent)!important;border:0!important;backdrop-filter:none;pointer-events:none;padding:18px 36px}.header>*{pointer-events:auto}.rera-panel{background:none;text-shadow:0 1px 7px #0009}.brand{text-shadow:0 2px 15px #0008}.rera-qr{border:0;box-shadow:0 3px 15px #0002}.scroll-experience{inset:0!important;max-width:none;margin:0}.chapter{display:block!important;inset:0;isolation:isolate}.chapter .stage{position:absolute!important;inset:0!important;width:100%;height:100%!important;max-height:none;min-height:0;border:0!important;border-radius:0!important;box-shadow:none!important;transform-origin:67% 50%}.chapter-copy.sidebar{position:absolute;z-index:15;left:36px;top:clamp(150px,20svh,210px);width:300px;max-height:calc(100svh - 270px);height:auto;overflow:auto;padding:0 4px 0 0;background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 2px 18px #0006}.chapter-copy.sidebar .intro,.chapter-copy.sidebar .small-description,.chapter-copy.sidebar .room-description{color:#b7d6e4}.chapter-copy.sidebar .chapter-title{font-size:clamp(40px,3.7vw,62px)}.chapter-building .stage .scene-label{display:none}.chapter .building-view img{object-fit:cover!important;object-position:center center!important;width:100%;height:100%}.building-view .image-shade{background:linear-gradient(90deg,#03061be6 0%,#03061b91 17%,#03061b20 39%,transparent 62%),linear-gradient(0deg,#03061baa 0%,transparent 22%,transparent 85%,#03061b33)}.building-caption{display:none!important}.time-switch{top:167px;right:35px}.facade-discover{left:auto;right:35px;top:229px}.facade-card{left:clamp(350px,calc(var(--unit-x,65%) - 220px),calc(100% - 280px));top:clamp(175px,var(--unit-y,45%),calc(100% - 280px))}.asset-note,.asset-note.dark{bottom:108px;right:30px;left:auto;width:auto;font-size:8px;max-width:60%;text-align:right;text-shadow:0 1px 8px #000b}.expand-view{bottom:145px;right:35px}.scroll-prompt{bottom:89px;color:#b2d3e2;text-shadow:0 1px 8px #000}.view-nav{background:#10153969;border-color:#ffffff50;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}.footer{left:36px;right:36px;bottom:24px}.footer button{background:#10153555;border-color:#ffffff35;color:#c6dee9;backdrop-filter:blur(18px)}.primary{background:#b9d7e524;color:#e9f2f6;border:1px solid #d2e7f185;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 7px 35px #0002}.primary:hover{background:#d2e5ee44;color:#fff}.unit-label{background:#c4dde91a;border-color:#c3dce854}.residence,.scroll-cue,.sidebar-bottom{border-color:#d4e6ef35}.dimension-list,.room-measure{background:#1419364a;border-color:#c8dfea35;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.chapter-plan .plan-view{background:radial-gradient(ellipse at 68% 45%,#1f254b 0%,#0c102b 48%,#070a1e 100%)}#plan3d-container,#two3d-container{inset:126px 20px 210px 345px}#plan3d-labels,#two3d-labels{inset:126px 20px 210px 345px}.plan-view>.scene-label{left:380px;top:145px}.plan-view .plan-expand{right:36px;top:160px}.plan3d-toolbar{left:calc(50% + 155px);bottom:200px}.plan3d-hint{left:345px;bottom:255px;font-size:9px}.plan-room-card{left:calc(50% + 155px);bottom:121px;background:#171c3e67;backdrop-filter:blur(22px)}.plan-view .asset-note{bottom:107px}.pano-shade{background:linear-gradient(90deg,#03061be0 0%,#03061b87 18%,#03061b12 43%,transparent 65%),linear-gradient(0deg,#03061b9e,transparent 35%)}.pano-viewer>.scene-label{left:385px;top:158px}.tour-minimap{top:162px;right:35px}.room-nav.photo-room-nav{left:calc(50% + 125px);bottom:137px;background:#10153665}.visual-caption{bottom:115px;left:345px;width:calc(100% - 345px)}.pano-controls{left:calc(50% + 125px);bottom:240px}.pano-hint{bottom:289px;left:345px;width:calc(100% - 345px)}.chapter-tour .expand-view{bottom:145px;right:35px}.room-info-toggle{background:#181e4260}.tour-side-actions .outline,.visit-button{background:#151a3b50;border-color:#deecf338}.chapter-tour .chapter-title{font-size:45px}.chapter-tour .current-room{font-size:29px}.chapter-tour .tour-disclaimer{color:#9ec7da}.chapter-tour .sidebar-bottom{margin-top:12px;padding-top:14px}.plan-view>.tour-loading,.plan-view>.tour-error{background:radial-gradient(ellipse at 65% 45%,#1c2144,#070a1e)}
@media(min-width:1800px){.chapter-copy.sidebar{left:48px;width:320px}.header{padding-inline:48px}.chapter-copy.sidebar .chapter-title{font-size:64px}.chapter-tour .chapter-title{font-size:50px}}
@media(max-width:1100px) and (min-width:761px){.chapter-copy.sidebar{left:25px;width:260px;top:160px}.chapter-copy.sidebar .chapter-title{font-size:43px}.chapter .intro{font-size:12px}#plan3d-container,#plan3d-labels,#two3d-container,#two3d-labels{left:290px}.plan-view>.scene-label,.pano-viewer>.scene-label{left:310px}.plan3d-toolbar,.plan-room-card{left:calc(50% + 125px)}.plan3d-hint{left:290px}.photo-room-nav{max-width:calc(100% - 360px)!important}.room-nav.photo-room-nav,.pano-controls{left:calc(50% + 130px)}.pano-hint,.visual-caption{left:290px;width:calc(100% - 290px)}.time-switch,.facade-discover{right:25px}.facade-card{left:clamp(290px,calc(var(--unit-x) - 220px),calc(100% - 250px))}}
@media(max-height:790px) and (min-width:761px){.chapter-copy.sidebar{top:150px;max-height:calc(100svh - 235px)}.chapter-copy.sidebar .chapter-title{font-size:39px;margin:12px 0}.chapter-copy.sidebar .intro{margin-bottom:13px;font-size:12px}.chapter-copy .residence{padding-top:13px}.chapter-copy .residence-features{margin-bottom:10px}.chapter-tour .chapter-title{font-size:36px}.time-switch{top:145px}.facade-discover{top:207px}.plan-view>.scene-label,.pano-viewer>.scene-label{top:140px}}
@media(max-width:760px){.header{height:160px;min-height:0;padding:9px 15px;background:linear-gradient(180deg,#03071ec7 0%,#03071e55 60%,transparent 100%)!important}.brand{top:17px;left:17px;font-size:11px}.rera-panel{background:none}.rera-panel>div{top:57px;left:17px;right:126px}.rera-panel>div>span,.rera-panel strong,.rera-panel a{font-size:16px}.rera-qr{margin-top:18px;padding:4px;background:#fff}.rera-qr img{width:96px;height:96px}.scroll-experience{inset:0!important}.chapter .stage{inset:0!important;border-radius:0!important}.chapter-copy.sidebar{inset:0!important;width:auto!important;max-height:none!important;height:auto!important;overflow:visible;padding:0!important;pointer-events:none}.chapter-copy.sidebar>*{display:none!important}.chapter-copy.sidebar>.eyebrow{display:block!important;position:absolute;left:20px;top:155px;color:#b3d3e2;text-shadow:0 1px 8px #000}.chapter-building .chapter-copy.sidebar>.chapter-title{display:block!important;position:absolute;left:20px;top:180px;width:220px;font-size:31px!important;line-height:1.06;margin:0;letter-spacing:-1px;color:#edf5f8}.chapter-building .chapter-copy.sidebar>.chapter-title br{display:none}.chapter-building .chapter-copy.sidebar>.chapter-title em{margin-left:.15em}.chapter .building-view img{object-fit:cover!important;object-position:center center!important}.building-view .image-shade{background:linear-gradient(180deg,#03071e38,transparent 40%,transparent 68%,#03071e75),linear-gradient(90deg,#03071e26,transparent 70%)}.time-switch{right:16px;top:179px}.time-switch button{font-size:8px;padding:7px 8px;min-height:34px}.facade-discover{top:auto;right:auto;left:19px;bottom:128px;font-size:9px;padding:10px 12px;pointer-events:auto}.facade-card{left:auto;right:16px;top:auto;bottom:190px;width:201px}.building-caption{display:none!important}.asset-note,.asset-note.dark{left:16px;right:16px;bottom:102px;max-width:none;width:auto;font-size:6px;text-align:right}.expand-view,.chapter-tour .expand-view{bottom:127px;right:17px;width:38px;height:38px}.view-nav{bottom:33px;background:#1015367a;border-color:#ffffff50}.footer{left:17px;right:17px;bottom:3px;height:23px}.footer button{background:none;backdrop-filter:none;border:0;font-size:8px}.scroll-prompt{bottom:88px;font-size:6px}.chapter-plan .plan-view{background:radial-gradient(ellipse at 50% 50%,#1a1f41,#070a1e)}#plan3d-container,#plan3d-labels,#two3d-container,#two3d-labels{inset:198px 0 282px 0}.plan-view>.scene-label{display:none}.plan-view .plan-expand{right:17px;top:178px}.plan-touch-mode{top:183px;left:19px}.plan3d-toolbar{left:50%;bottom:231px;padding:5px}.plan3d-toolbar button{width:28px;height:36px}.plan3d-hint{left:0;bottom:280px;font-size:7px}.plan-room-card{left:50%;bottom:148px;width:calc(100% - 65px);padding:11px 13px}.chapter-plan .expand-view{bottom:183px;right:17px}.plan-view .asset-note{bottom:112px}.chapter-tour #tour-details{display:block!important;position:absolute;left:17px;right:120px;top:181px;pointer-events:none;z-index:15;margin:0}.chapter-tour #tour-details>.room-info-toggle{display:flex!important;pointer-events:auto;font-size:8px;background:#0b113680}.chapter-tour #tour-details.details-open{right:16px;padding:13px;pointer-events:auto;max-height:calc(100svh - 330px);overflow:auto;background:#0d1232df;border:1px solid #ffffff4d;border-radius:17px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.chapter-tour #tour-details.details-open>*{display:block!important}.chapter-tour #tour-details.details-open .tour-side-actions{display:grid!important}.chapter-tour .chapter-copy.sidebar>.chapter-title{display:none!important}.pano-shade{background:linear-gradient(180deg,#03071e55,transparent 35%,transparent 55%,#03071e9e)}.pano-viewer>.scene-label{display:none}.tour-minimap{right:17px;top:166px}.room-nav.photo-room-nav{left:50%;bottom:140px;width:calc(100% - 30px);max-width:none!important;background:#1015366b}.visual-caption{bottom:117px;left:0;width:100%;font-size:5px}.visual-caption span{font-size:6px}.pano-controls{left:50%;bottom:220px}.pano-hint{left:0;width:100%;bottom:264px;font-size:7px}.chapter-tour .expand-view{bottom:217px;right:17px}.pano-hotspot{z-index:2}.plan-room-label{z-index:2}.chapter-tour .room-measure{display:block}.chapter-tour .current-room{font-size:27px}.chapter-tour .tour-disclaimer{font-size:9px}.pano-viewer .tour-error,.pano-viewer .tour-loading{padding-top:145px}}
@media(max-width:360px){.rera-qr img{width:86px;height:86px}.rera-panel>div{right:116px}.chapter-building .chapter-copy.sidebar>.chapter-title{font-size:28px!important;width:190px}.time-switch{top:176px;right:13px}.time-switch button{font-size:7px;padding:6px}.plan3d-toolbar button{width:25px}}
@media(max-width:760px){.chapter .stage .time-switch{top:180px;right:15px}.chapter-building .chapter-copy.sidebar>.chapter-title{width:215px;font-size:30px!important}.chapter-building .chapter-copy.sidebar>.chapter-title br{display:initial}.chapter-building .chapter-copy.sidebar>.chapter-title em{margin-left:0}.chapter .stage .time-switch button{padding:7px 8px;font-size:8px}}
@media(max-width:760px){.chapter-plan .expand-view{top:230px;bottom:auto;right:17px}}

/* ==== arrival.css ==== */
/* Reveal only on building hover/focus or mobile selection. */
#facade-unit{opacity:0;fill:#d3e6ee00;stroke:transparent;pointer-events:all;transition:opacity .25s,fill .25s,stroke .25s}.unit-revealed #facade-unit,#facade-unit:focus-visible{opacity:1;fill:#b4d7e75c;stroke:#def2fb}.arrival-overlay{position:fixed;inset:0;z-index:100;background:#070a1c;overflow:hidden;isolation:isolate}.arrival-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform,opacity}.arrival-exterior{z-index:0}.arrival-balcony{z-index:1}.arrival-living{z-index:2}.arrival-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#04071b33,transparent 35%,transparent 65%,#04071b88)}.arrival-caption{position:absolute;bottom:60px;left:45px;z-index:4;color:#edf5f8;pointer-events:none;text-shadow:0 2px 18px #0008}.arrival-caption>span{font-size:9px;letter-spacing:2.5px;color:#a9cedf}.arrival-caption h2{font:400 37px/1.12 Georgia,serif;margin:13px 0 10px;letter-spacing:-.8px}.arrival-caption small{font-size:10px;color:#a3cadc}.skip-arrival{position:absolute;right:35px;top:30px;z-index:5;padding:12px 17px;border-radius:14px;background:#1015396e;color:#d9e9f1;border:1px solid #ffffff50;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-size:11px;min-height:44px}body.arriving{overflow:hidden}body.arriving .header,body.arriving .view-nav,body.arriving .footer,body.arriving .scroll-prompt{opacity:0;pointer-events:none}@media(max-width:760px){.arrival-caption{bottom:48px;left:23px;right:23px}.arrival-caption h2{font-size:29px;max-width:280px}.arrival-caption>span{font-size:7px}.arrival-caption small{font-size:8px}.skip-arrival{top:20px;right:18px;font-size:10px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){#facade-unit{transition:none}}

/* ==== shared-tour.css ==== */
.room-nav.photo-room-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-height:62px;min-width:78px;padding:9px}.room-number{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff50;border-radius:50%;font-size:9px;color:#cce2ec}.photo-room-nav button.active .room-number{border-color:#282f61;color:#282f61}.photo-room-nav button span{font-size:9px}.map-passage{grid-column:2;grid-row:2}.arrival-overlay .arrival-shade{background:linear-gradient(180deg,#04071b18,transparent 40%,#04071b70)}.pano-hotspot{z-index:4}.pano-hotspot span{white-space:nowrap}.tour-loading p{font-size:22px}@media(max-width:760px){.room-nav.photo-room-nav{gap:2px}.room-nav.photo-room-nav button{min-width:0;min-height:57px;padding:6px 3px;gap:6px}.photo-room-nav button span{font-size:7px}.room-number{width:19px;height:19px;font-size:8px}.visual-caption{font-size:5px}.visual-caption span{font-size:6px}}

.room-nav.photo-room-nav button{padding:6px;gap:5px;min-width:80px}.room-nav.photo-room-nav button img{display:block;width:84px;height:47px;object-fit:cover;border-radius:8px}.room-nav.photo-room-nav button span{font-size:9px}@media(max-width:760px){.room-nav.photo-room-nav button{min-width:0;padding:4px}.room-nav.photo-room-nav button img{width:100%;height:36px}.room-nav.photo-room-nav button span{font-size:8px}}

/* ==== project-details.css ==== */
.discover-project{position:fixed;z-index:35;right:30px;bottom:80px;padding:13px 18px;border:1px solid #cce2ec55;border-radius:24px;background:#090e2bbc;backdrop-filter:blur(20px);color:#eaf3f7;font:inherit;font-size:12px;cursor:pointer}.project-details{box-sizing:border-box;width:min(1050px,94vw);max-height:88dvh;padding:32px;background:linear-gradient(135deg,#101532f5,#070a1bf5);color:#e3eff5;border:1px solid #c4dde84a;border-radius:28px;box-shadow:0 30px 100px #0008;backdrop-filter:blur(28px);overflow:auto}.project-details::backdrop{background:#020413a6;backdrop-filter:blur(9px)}.details-close{position:absolute;right:20px;top:16px;border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer}.details-eyebrow{font-size:10px;letter-spacing:.22em;color:#aacedf;margin-bottom:24px}.project-details nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 30px 28px 0}.project-details nav button{border:1px solid #ffffff25;border-radius:22px;background:#ffffff08;color:inherit;padding:10px 15px;font:inherit;font-size:12px;cursor:pointer}.project-details nav button[aria-pressed=true]{background:#bcd9e6;color:#10142d}.project-details h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,46px);font-weight:400;margin:0 0 14px}.details-intro{max-width:720px;color:#afd1e0;line-height:1.7}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}.details-grid article{padding:20px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff05}.details-grid h3{font-size:16px;margin:0 0 10px;font-weight:500}.details-grid p{font-size:13px;line-height:1.75;color:#afd1e0;margin:0}.project-details footer{position:static;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff20;display:block}.project-details footer a{color:#d5e7ef;display:inline-block;margin:0 22px 12px 0;font-size:13px}.project-details footer p,.project-details figcaption{font-size:10px;color:#95c2d7;line-height:1.7}.project-details figure{margin:24px 0 0}.project-details figure img{width:100%;max-height:550px;object-fit:contain;border-radius:16px}.project-details button:focus-visible,.discover-project:focus-visible{outline:2px solid #d4ebf6;outline-offset:4px}@media(max-width:760px){.discover-project{right:16px;bottom:135px;font-size:10px;padding:10px 13px}.project-details{padding:24px 18px;width:95vw;max-height:90dvh;border-radius:20px}.details-grid{grid-template-columns:1fr}.project-details nav{gap:6px;margin-right:0}.project-details nav button{padding:9px 11px;font-size:11px}}
dialog.project-details{max-width:1050px;scrollbar-width:thin;scrollbar-color:#4d7ea1 #10142c;color-scheme:dark}.project-details .details-close{position:sticky;float:right;top:0;margin:-10px -8px 0 0;z-index:2;border-radius:50%;background:#10142ce8;width:36px;height:36px;line-height:30px}.project-details nav{clear:both}

/* ==== visual-discovery.css ==== */
.visual-discover-open{position:fixed;z-index:36;right:30px;bottom:130px;border:1px solid #d3e6ee65;border-radius:24px;background:#0a0e29aa;backdrop-filter:blur(20px);color:#e9f2f6;padding:14px 20px;font:inherit;font-size:12px;cursor:pointer}.discover-project{font-size:10px!important;bottom:83px!important}.visual-discovery{margin:0!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:#070919;overflow:hidden;color:#fff}.visual-discovery::backdrop{background:#070919}.visual-scenes,.visual-scene,.visual-scene>img,.visual-scrim{position:absolute;inset:0;width:100%;height:100%}.visual-scene{opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;pointer-events:none}.visual-scene.selected{opacity:1;visibility:visible}.visual-scene>img{object-fit:cover;transform:scale(1.055);transition:transform 1.8s ease}.visual-scene.selected>img{transform:scale(1)}.visual-scrim{background:linear-gradient(90deg,#04071bd9,transparent 85%),linear-gradient(0deg,#030617bb,transparent 40%,#03061770)}.visual-copy{position:absolute;left:6vw;bottom:26%;max-width:620px;padding-right:25px}.visual-copy>span{font-size:10px;letter-spacing:.25em;color:#bcd8e5}.visual-copy h2{font:400 clamp(38px,5vw,78px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:25px 0}.visual-copy h2 em{color:#b7d6e4}.visual-copy p{max-width:420px;line-height:1.7;font-size:13px;color:#d7e8f0}.visual-copy p.visual-label{font-size:15px;color:#fff}.visual-discovery header{position:absolute;inset:30px 5vw auto;display:flex;align-items:center;justify-content:space-between;background:none!important;padding:0!important}.visual-discovery header>span{font-size:17px;letter-spacing:.12em}.visual-discovery small{display:block;font-size:7px;letter-spacing:.3em;margin-top:8px}.visual-discovery button{color:inherit;cursor:pointer}.visual-close{border:1px solid #fff5;border-radius:50%;background:#0b0f2b55;backdrop-filter:blur(18px);width:46px;height:46px;font-size:28px}.visual-discovery nav{position:absolute;bottom:100px;left:6vw;display:flex;gap:8px;padding:7px;border:1px solid #cee3ec51;border-radius:28px;background:#0c10296b;backdrop-filter:blur(24px)}.visual-discovery nav button{padding:12px 21px;border:0;border-radius:24px;background:transparent;font-size:11px}.visual-discovery nav button[aria-pressed=true]{background:#c9e0eb;color:#10132a}.visual-arrows{position:absolute;right:6vw;bottom:110px;display:flex;align-items:center;gap:16px}.visual-arrows button{width:42px;height:42px;border:1px solid #fff6;border-radius:50%;background:#151a3870;font-size:20px}.visual-counter{font-size:10px;letter-spacing:.15em}.visual-discovery footer{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:15px;background:none!important;padding:0!important}.visual-discovery footer>span{font-size:8px;letter-spacing:.2em}.visual-discovery footer p{font-size:9px;color:#afd1e1;max-width:400px}.visual-facts{border:0;background:none;font-size:11px;text-decoration:underline}.visual-discovery button:focus-visible{outline:2px solid #d3ecf7;outline-offset:4px}@media(max-width:760px){.visual-discover-open{right:16px;bottom:180px;font-size:10px;padding:11px 14px}.discover-project{bottom:135px!important}.visual-copy{left:7vw;bottom:29%;max-width:90vw}.visual-copy h2{font-size:42px}.visual-copy p{font-size:12px;max-width:310px}.visual-scrim{background:linear-gradient(90deg,#04071ba8,transparent),linear-gradient(0deg,#030617ee,transparent 90%)}.visual-discovery header{top:24px}.visual-discovery nav{left:5vw;bottom:115px;max-width:90vw}.visual-discovery nav button{padding:11px 14px;font-size:10px}.visual-arrows{bottom:190px;right:6vw}.visual-discovery footer{bottom:18px;flex-wrap:wrap}.visual-discovery footer p{order:3;width:100%;font-size:8px;margin:0}.visual-discovery footer>span{font-size:7px}}@media(prefers-reduced-motion:reduce){.visual-scene,.visual-scene>img{transition:none;transform:none}}

/* ==== connected-journey.css ==== */
body{min-height:1050vh!important}.view-nav{width:min(1120px,96vw)!important;max-width:none!important;overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none}.view-nav button{flex:1 0 auto!important;padding:12px 14px!important;font-size:10px!important}.journey-extra .stage{background:#070b22}.journey-extra .chapter-copy{position:absolute;left:5vw;top:28%;z-index:5;width:29vw;max-width:440px;pointer-events:none}.journey-extra .chapter-copy button,.journey-extra .chapter-copy a{pointer-events:auto}.journey-extra h2{font:400 clamp(35px,4.5vw,70px)/1.08 Georgia,serif;margin:23px 0;color:#e7f1f6;letter-spacing:-.025em}.journey-extra h2 em{color:#c0dbe7}.journey-extra h3{font-size:16px;font-weight:400}.journey-extra p{font-size:13px;line-height:1.8;color:#b9d7e4}.journey-extra .eyebrow{font-size:9px;letter-spacing:.23em}.explore-image{position:absolute;inset:0;cursor:grab;touch-action:pan-y;overflow:hidden}.explore-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s,object-position .12s;user-select:none;pointer-events:none}.journey-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03061bd9,transparent 85%),linear-gradient(0deg,#03061b99,transparent 50%);pointer-events:none}.explore-controls{position:absolute;right:5vw;bottom:155px;display:flex;gap:7px}.journey-extra button,.journey-call{border:1px solid #cbe1eb4d;background:#151a3790;color:#e9f2f7;border-radius:20px;padding:10px 15px;backdrop-filter:blur(18px);cursor:pointer}.explore-note{position:absolute;bottom:100px;left:5vw;font-size:9px!important;letter-spacing:.12em}.explore-note small{font-size:8px;letter-spacing:0}.two-plan{position:absolute;width:48%;height:70%;right:8%;top:17%;object-fit:contain;transition:transform .3s}.two-plan-tools{position:absolute;right:16%;bottom:115px;display:flex;gap:8px}.two-room-buttons{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto}.two-room-buttons button{font-size:10px;padding:8px 12px}.journey-extra button[aria-pressed=true]{background:#cde2ec;color:#151933}#two-room-detail{padding:12px;border:1px solid #ffffff30;border-radius:12px}.plan-two small{font-size:9px;color:#96b6cd}.location-layout{position:absolute;right:5%;top:20%;width:55%;height:60%;display:flex;flex-direction:column;gap:10px}.location-layout>img{width:100%;height:80%;object-fit:contain;border-radius:20px;background:#e4f0f5}.nearby-buttons{display:flex;gap:6px;flex-wrap:wrap}.nearby-buttons button{font-size:11px}.spec-grid{position:absolute;right:5%;top:22%;width:55%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec-grid article{border:1px solid #ffffff20;background:#ffffff06;border-radius:15px;padding:15px}.spec-grid h3{margin:0 0 8px;font-size:15px}.spec-grid p{margin:0;font-size:12px}.details-scene .chapter-copy a{display:block;color:#d9e9f0;margin:20px 0;font-size:13px}.journey-extra button:focus-visible,.explore-image:focus-visible{outline:2px solid #c8e4f1;outline-offset:3px}@media(max-width:760px){body{min-height:1200vh!important}.view-nav{bottom:36px!important;width:94vw!important}.view-nav button{padding:12px!important;font-size:9px!important}.journey-extra .chapter-copy{left:6vw;right:6vw;top:25%;width:auto;max-width:85vw}.journey-extra h2{font-size:39px;margin:14px 0}.journey-extra h3{font-size:13px}.journey-extra p{font-size:11px;max-width:320px}.explore-controls{bottom:155px;right:6vw}.explore-note{bottom:103px;left:6vw;max-width:85vw!important;font-size:7px!important}.journey-shade{background:linear-gradient(90deg,#03061b99,transparent),linear-gradient(0deg,#03061bd9,transparent)}.plan-two .chapter-copy{top:22%}.plan-two h2{font-size:28px}.plan-two .chapter-copy>p{margin:6px 0}.two-room-buttons{gap:4px}.two-room-buttons button{font-size:8px;padding:6px 8px}#two-room-detail{padding:6px;font-size:10px}.two-plan{top:49%;height:33%;width:85%;right:7%}.two-plan-tools{bottom:100px;right:15%;gap:6px}.two-plan-tools button{font-size:9px;padding:7px 13px}.location-scene .chapter-copy{top:23%}.location-scene h2{font-size:29px}.location-layout{top:43%;right:6%;width:88%;height:37%}.location-layout>img{height:70%}.nearby-buttons button{font-size:9px;padding:7px 10px}.location-layout p{font-size:10px;line-height:1.4;margin:0}.details-scene .chapter-copy{top:22%}.details-scene h2{font-size:29px}.details-scene .chapter-copy>p{font-size:10px}.details-scene .chapter-copy a{display:inline-block;margin:8px 12px 0 0;font-size:10px}.developer-address{display:none}.spec-grid{top:49%;right:6%;width:88%;gap:6px;max-height:34%;overflow:auto;touch-action:pan-y}.spec-grid article{padding:10px}.spec-grid h3{font-size:11px}.spec-grid p{font-size:9px;line-height:1.5}}
.journey-extra .chapter-copy>*{display:block!important}.journey-extra .chapter-copy>.two-room-buttons{display:flex!important}.journey-extra .chapter-copy{pointer-events:none!important}.journey-extra .chapter-copy button,.journey-extra .chapter-copy a,.journey-extra .two-room-buttons{pointer-events:auto!important}
.chapter[inert] .chapter-copy,.chapter[inert] .explore-controls,.chapter[inert] .explore-note,.chapter[inert] .two-plan-tools{visibility:hidden!important}.journey-extra .chapter-copy h2{font-weight:400!important}.journey-extra .chapter-copy .eyebrow{margin:0!important}
.journey-extra .chapter-copy .eyebrow{position:static!important;inset:auto!important;transform:none!important;line-height:1.5!important}.journey-extra .chapter-copy h2{position:static!important;margin-top:18px!important}
.explore-image canvas{position:absolute;inset:0}.journey-extra .explore-image>img{pointer-events:none}.two-model-host{position:absolute;right:4%;top:18%;width:58%;height:65%;touch-action:none}.two-model-host[hidden]{display:none}.two-model-note{position:absolute;right:7%;bottom:93px;color:#97b6cd;font-size:8px}.two-plan-tools{z-index:15;flex-wrap:wrap}.two-model-toggle{font-size:10px!important}@media(max-width:760px){.two-model-host{right:4%;top:49%;width:92%;height:33%}.two-model-note{right:6%;bottom:89px;font-size:6px}}
.two-tour-rooms{position:absolute;z-index:10;bottom:155px;left:50%;transform:translateX(-50%);display:flex;gap:6px;border:1px solid #fff4;background:#12173888;padding:8px;border-radius:20px;backdrop-filter:blur(18px)}.two-tour-rooms button{padding:5px!important;border-radius:12px!important;font-size:9px;min-width:80px}.two-tour-rooms img{display:block;width:80px;height:42px;object-fit:cover;border-radius:7px;margin-bottom:5px}.two-room-next{position:absolute;right:6%;top:52%;z-index:9}.journey-extra#two-tour .explore-controls{bottom:250px}.two-tour-rooms button[aria-pressed=true]{background:#cde2ec;color:#151933}@media(max-width:760px){.two-tour-rooms{bottom:145px;width:92%;gap:3px;padding:5px}.two-tour-rooms button{min-width:0;flex:1;font-size:7px;padding:3px!important}.two-tour-rooms img{width:100%;height:32px}.journey-extra#two-tour .explore-controls{bottom:235px}#two-tour .chapter-copy{top:24%}#two-tour .chapter-copy h2{font-size:31px}.two-room-next{top:auto;bottom:305px;font-size:10px!important}}

/* ==== tour-polish.css ==== */
#two-tour .journey-shade{background:linear-gradient(90deg,#03061be0 0%,#03061b87 18%,#03061b12 43%,transparent 65%),linear-gradient(0deg,#03061b9e,transparent 35%)}
#two-tour .chapter-copy{top:clamp(155px,20svh,210px);left:36px;width:280px}#two-tour .chapter-copy h2{font-size:43px;line-height:1.08}#two-tour .chapter-copy h3{font:400 28px Georgia,serif;margin:25px 0 12px}#two-tour .chapter-copy>p{font-size:11px;line-height:1.7}#two-tour .chapter-copy .journey-call{display:none!important}#two-tour .two-tour-size{font:400 26px Georgia,serif!important;border:1px solid #d6e8f040;border-radius:16px;background:#171c3950;backdrop-filter:blur(16px);padding:18px}
#two-tour .two-tour-rooms{bottom:137px;left:calc(50% + 125px);background:#10153665}#two-tour .explore-controls{bottom:240px;left:calc(50% + 125px);right:auto;transform:translateX(-50%)}#two-tour .explore-note{bottom:105px;left:345px;font-size:7px!important;max-width:calc(100% - 370px)}#two-tour .two-room-next{top:auto;bottom:330px;right:35px;background:#10153665;font-size:11px}.two-tour-info{display:none}
@media(max-width:1100px) and (min-width:761px){#two-tour .chapter-copy{left:25px;width:240px}#two-tour .two-tour-rooms{max-width:calc(100% - 300px)}#two-tour .two-tour-rooms img{width:65px}#two-tour .two-tour-rooms button{min-width:65px}}
@media(max-width:760px){#two-tour .journey-shade{background:linear-gradient(180deg,#03071e55,transparent 35%,transparent 55%,#03071e9e)}#two-tour .chapter-copy{left:17px;right:120px;top:220px;width:auto;max-width:none;pointer-events:none}#two-tour .chapter-copy>*{display:none!important}#two-tour .chapter-copy h3{display:block!important;font-size:16px;margin:0;padding:0;text-shadow:0 2px 8px #000}#two-tour.room-details-open .chapter-copy{right:17px;background:#0d1232eb;border:1px solid #ffffff40;border-radius:16px;padding:15px;backdrop-filter:blur(22px);z-index:16}#two-tour.room-details-open .chapter-copy>p,#two-tour.room-details-open .chapter-copy .two-tour-size{display:block!important}#two-tour.room-details-open .chapter-copy .two-tour-size{font-size:23px!important;padding:12px;margin-bottom:0}#two-tour .two-tour-info{display:block;position:absolute;top:176px;left:17px;z-index:17;font-size:9px;padding:9px 12px;background:#0b113680}#two-tour .two-tour-rooms{left:50%;bottom:140px;max-width:none;width:calc(100% - 30px);padding:7px;gap:5px}#two-tour .two-tour-rooms img{height:42px}#two-tour .two-tour-rooms button{font-size:8px;padding:4px!important}#two-tour .explore-controls{left:50%;bottom:240px;gap:6px}#two-tour .explore-controls button{padding:10px 13px}#two-tour .explore-note{left:17px;right:17px;max-width:none;bottom:107px;font-size:6px!important}#two-tour .explore-note small{font-size:6px}#two-tour .two-room-next{right:17px;bottom:305px;font-size:9px;padding:10px 12px}}
#two-tour .journey-shade{background:linear-gradient(90deg,#03061bad,transparent 38%),linear-gradient(0deg,#03061b88,transparent 30%,transparent 80%,#03061b44)}.image-fit-toggle{white-space:nowrap;font-size:9px!important}#two-tour .explore-controls{white-space:nowrap}#two-tour .explore-note small{font-size:7px}@media(max-width:760px){#two-tour .journey-shade{background:linear-gradient(180deg,#03071e66,transparent 32%,transparent 64%,#03071e99)}#two-tour .explore-controls{gap:4px}#two-tour .explore-controls button{padding:9px 10px}#two-tour .explore-note small{font-size:6px}}
#two-tour .chapter-copy{top:180px;width:280px;max-width:calc(100% - 50px)}#two-tour .chapter-copy>h2,#two-tour .chapter-copy>.eyebrow,#two-tour .chapter-copy>p{display:none!important}#two-tour .chapter-copy h3{font-size:18px;margin:0;text-shadow:0 2px 8px #000}#two-tour .two-tour-info{display:block;position:absolute;top:135px;left:36px;z-index:17;font-size:10px;padding:9px 12px;background:#0b113680}#two-tour.room-details-open .chapter-copy{background:#0d1232ed;padding:15px;border-radius:16px;backdrop-filter:blur(20px);border:1px solid #ffffff40}#two-tour.room-details-open .chapter-copy>p{display:block!important}#two-tour.room-details-open .chapter-copy .two-tour-size{display:block!important;font-size:22px!important;padding:12px}@media(max-width:760px){#two-tour .two-tour-info{top:176px;left:17px}#two-tour .chapter-copy{top:220px;left:17px;width:auto}}

.two-pano-links{position:absolute;inset:0;z-index:5;pointer-events:none}.two-pano-links button{pointer-events:auto}#two-tour .two-tour-rooms,#two-tour .explore-controls{left:50%}#two-tour .explore-note{left:20px;right:20px;max-width:none;text-align:center}

/* ==== kh-upgrade.css ==== */
/* Kiran Heights upgrade layer (Advest Web, 10 Nov 2026) */
.kh-price{margin:22px 0 4px;padding:16px 18px;border-radius:18px;background:#0c102c99;border:1px solid #ffffff2e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e0f2fa}
.kh-price-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kh-price-row div{display:flex;flex-direction:column;gap:2px}
.kh-price-row span{font-size:11px;letter-spacing:.14em;color:#7dbbe8;font-weight:600}
.kh-price-row strong{font-family:inherit;font-size:26px;line-height:1.1;font-weight:600;color:#fff}
.kh-price-row sup{font-size:.5em;color:#7dbbe8}
.kh-price-row small{font-size:11px;color:#93c1d6}
.kh-price-note{margin:12px 0 0;font-size:13px;color:#c3e4f4}
.kh-amenities{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kh-amenities li{font-size:11px;padding:4px 9px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff22;color:#d8e8f0}
.kh-foot{display:block;margin-top:10px;font-size:10px;color:#7da5c1}
.kh-spec-amen{grid-column:1/-1}
.kh-contact{display:none}
@media(max-width:760px){
 .chapter-building .chapter-copy .kh-price{display:block!important;position:relative;z-index:5;margin:12px 0 0;padding:12px 14px}
 .kh-price-row strong{font-size:22px}
 .kh-amenities,.kh-price-note{display:none}
 .kh-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#292865e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #ffffff22}
 .kh-contact a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;font-size:15px;font-weight:600;text-decoration:none}
 .kh-call{background:#ffffff;color:#292865}
 .kh-wa{background:#15803d;color:#fff}
 .view-nav{bottom:84px!important;width:auto!important;max-width:calc(100% - 24px)!important;justify-content:center!important;overflow:hidden!important}
 .view-nav button:not([data-view="building"]):not([data-view="plan"]):not([data-view="tour"]):not([data-view="details"]),
 .view-nav button:not([data-view="building"]):not([data-view="two-bedroom"]):not([data-view="tour"]):not([data-view="details"]){display:none!important}
 .view-nav button>span:first-child{display:none}
 .footer{bottom:64px!important}
 .footer .footer-visit{display:none!important}
 .footer{justify-content:flex-end!important}
}
.kh-price-row strong{white-space:nowrap;font-size:24px}
.chapter-building .chapter-copy .intro{display:none}
.kh-price{margin-top:16px}
.kh-amenities li{font-size:10.5px;padding:3px 8px}
@media(max-height:840px) and (min-width:761px){.kh-amenities{display:none}}
.kh-price-m{display:none}
@media(max-width:760px){
 .chapter-building .chapter-copy .kh-price{display:none!important}
 #building-view .kh-price-m{display:block!important;position:absolute;left:16px;right:16px;top:262px;z-index:6;margin:0;padding:10px 14px}
 .kh-price-m .kh-price-row strong{font-size:22px}
 .kh-price-m .kh-foot{margin-top:6px}
}
@media(max-width:760px){#building-view .facade-discover,.chapter-building .expand-view{transform:translateY(-40px)}#building-view .asset-note{transform:translateY(-92px)}}
.building-view>picture{display:contents}
/* B2 compact phone header; MahaRERA no., link and QR (72 px) stay visible on every chapter (frontend-developer, 10 Nov 2026) */
@media(max-width:760px){.header{height:108px!important;padding:8px 14px!important}.brand{top:12px!important;left:14px!important}.rera-panel>div{top:44px!important;left:14px!important;right:100px!important}.rera-panel>div>span,.rera-panel strong,.rera-panel a{font-size:13px!important;line-height:1.45!important}.rera-panel>div>span{margin-right:4px}.rera-panel>div>span,.rera-panel strong{display:inline!important}.rera-panel a{display:block!important;padding:12px 0!important;margin:-8px 0 -12px!important}.rera-qr{margin-top:6px!important;padding:3px!important}.rera-qr img{width:72px!important;height:72px!important}}
/* B7 phone tap targets >= 44 px (frontend-developer, 10 Nov 2026) */
@media(max-width:760px){.plan3d-toolbar{flex-wrap:wrap!important;justify-content:center!important;max-width:244px!important}.plan3d-toolbar>span{display:none!important}.plan3d-toolbar button{width:44px!important;height:44px!important}.time-switch button,.tour-mode-switch button,.chapter .stage .time-switch button{min-height:44px!important;min-width:44px}.expand-view,.chapter-tour .expand-view,.plan-expand,.pano-controls button{width:44px!important;height:44px!important}.view-nav button,.facade-discover,.plan-touch-mode,.two-tour-info,.room-nav button,.dimension-list button,.explore-controls button,.nearby-buttons button,.dialog-close{min-height:44px!important;min-width:44px}.footer{height:auto!important;pointer-events:none}.footer button{pointer-events:auto;min-height:44px!important;padding:0 6px!important}}
/* B8 phone text floors: 11 px, disclaimers 12 px (frontend-developer, 10 Nov 2026) */
@media(max-width:760px){.header-location,.contact-link,.eyebrow,.overline,.unit-label,.sidebar-bottom,.scene-label,.time-switch button,.view-nav button,.view-nav button>span:first-child,.footer,.footer button,.plan-dot,.plan-room-card>div span,.plan-room-card button,.dimension-list i,.concept-tag,.room-nav button,.look-controls span,.hotspot span,.source-toggle,.tour-mode-switch button,.pano-hotspot span,.photo-room-nav button span,.scroll-prompt,.chapter-copy>.eyebrow,.room-info-toggle,.plan-room-label,.plan-room-label i,.plan-room-card #focus-plan-room,.plan-room-card #two-focus-room,.tour-minimap>span,.minimap-grid button,.outline#overview,.plan-room-label.active span,.plan-room-card #plan-room-enter,.plan-room-card #two-room-enter,.plan-touch-mode,.chapter-tour .room-info-toggle,.facade-card>span,.facade-card button,.facade-discover,.plan-room-label b,.plan-room-label .room-label-size,.plan-room-label.active b,.plan-room-label.active .room-label-size,.chapter-tour #tour-details>.room-info-toggle,.chapter .stage .time-switch button,.skip-arrival,.room-number,.room-nav.photo-room-nav button span,.discover-project,.details-eyebrow,.project-details footer p,.visual-discover-open,.visual-copy>span,.visual-counter,.journey-extra .eyebrow,.two-room-buttons button,.nearby-buttons button,.spec-grid p,.details-scene .chapter-copy a,#two-room-detail,.two-plan-tools button,.location-layout p,.details-scene .chapter-copy>p,.two-model-toggle,.two-tour-rooms button,.two-room-next,#two-tour .two-room-next,#two-tour .two-tour-info,#two-tour .two-tour-rooms button,.image-fit-toggle,.kh-amenities li,.kh-foot,#lobby .lobby3d-tools button{font-size:11px!important}.pin-caption,.building-caption>span,.asset-note,.room-measure small,.tour-disclaimer,.tour-hint,.pano-hint,.visual-caption,.visual-caption span,.visit-note,.asset-note.dark,.model-viewer .tour-hint,.plan3d-hint,.plan-view .asset-note,.facade-card small,.chapter-tour .tour-disclaimer,.arrival-caption>span,.arrival-caption small,.project-details figcaption,.explore-note,.explore-note small,.plan-two small,.two-model-note,#two-tour .explore-note,#two-tour .explore-note small,#lobby .lobby3d-note{font-size:12px!important}}
/* B8 fix: phone building disclaimer gets its own row above 'Find the sample'; footer link wraps beside the nav pill */
@media(max-width:760px){#building-view .asset-note{left:17px!important;right:17px!important;max-width:none!important;bottom:236px!important;text-align:right}.footer button{max-width:86px;white-space:normal!important;line-height:1.2!important;text-align:right}}
/* B16 phone: lift sidebar-chapter copy 45 px under the compact header (building, 1 BHK plan, 2 BHK plan, 1 BHK tour); >=16 px below the QR */
@media(max-width:760px){.chapter-copy.sidebar>.eyebrow{top:110px}.chapter-building .chapter-copy.sidebar>.chapter-title{top:135px}.time-switch,.chapter .stage .time-switch{top:134px}#building-view .kh-price-m{top:217px}.plan-view .plan-expand{top:133px}.plan-touch-mode{top:138px}.chapter-plan .expand-view{top:185px}.chapter-tour #tour-details{top:136px}.tour-minimap{top:121px}}
/* B17 phone: lift full-image chapters' copy 45 px (lobby, shops, 2 BHK tour, nearby, details), never above 118 px */
@media(max-width:760px){.journey-extra .chapter-copy{top:max(118px,calc(25% - 45px))}.plan-two .chapter-copy{top:max(118px,calc(22% - 45px))}.location-scene .chapter-copy{top:max(118px,calc(23% - 45px))}.details-scene .chapter-copy{top:max(118px,calc(22% - 45px))}#two-tour .chapter-copy{top:175px}#two-tour .two-tour-info{top:131px}}
/* B18 3D building layer (frontend-developer) */
.kh-bld-open{position:absolute;right:35px;top:285px;z-index:6;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #ffffff50;background:#151b4199;color:#fff;backdrop-filter:blur(14px);font-size:12px;display:flex;gap:10px;align-items:center}
.kh-bld-open:hover{background:#1f6fa4cc}
.kh-bld-layer{position:absolute;inset:0;z-index:12;background:radial-gradient(ellipse at 62% 45%,#1d2a6b,#292865 70%)}
.kh-bld-layer[hidden]{display:none}
.kh-bld-host{position:absolute;top:150px;bottom:120px;left:24px;right:24px}
.kh-bld-close{position:absolute;top:160px;left:36px;z-index:2;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #ffffff50;background:#151b41cc;color:#fff;font-size:12px}
body.kh-bld-on .chapter-building .chapter-copy{visibility:hidden}
@media(max-width:760px){.kh-bld-open{top:auto;right:auto;left:19px;bottom:184px;font-size:11px}.kh-bld-host{top:166px;bottom:150px;left:0;right:0}.kh-bld-close{top:114px;left:14px}body.kh-bld-on .kh-price-m,body.kh-bld-on .facade-discover,body.kh-bld-on .time-switch{visibility:hidden}}
/* B18b phone: 3D building picker sheet sits above its own disclaimer; expand button hidden while 3D is open. Plan disclaimers clear of the nav pill */
body.kh-bld-on .chapter-building .expand-view{visibility:hidden}
@media(max-width:760px){.kh-bld-host .bld3d .bld-ui{bottom:50px;max-height:44%}.plan-view .plan-room-card{bottom:180px!important}.plan-view .asset-note,.plan-view .asset-note.dark{bottom:142px!important;left:17px!important;right:17px!important;max-width:none!important}}
@media(max-width:760px){.plan-view .plan3d-toolbar{bottom:252px!important}}
/* 3D building open: whole chapter nav pill + scroll prompt hidden (no half-rendered pill); closing or scrolling restores it */ body.kh-bld-on .view-nav,body.kh-bld-on .scroll-prompt{visibility:hidden}
/* phone: nav pill left-aligned so the 'About these visuals' chip on the right never touches it; the scroll prompt (mouse icon + arrow) hides on phones, the pill already does that job */
@media(max-width:760px){.view-nav{left:12px!important;right:auto!important;transform:none!important}.scroll-prompt{display:none!important}}
/* phone: 'About these visuals' chip on one line, box sized to its text (was wrapped at 86px with a clipped second line) */
@media(max-width:760px){.footer #about-prototype{max-width:none!important;white-space:nowrap!important;height:44px;align-self:center;padding:0 12px!important;display:inline-flex;align-items:center;gap:4px}}

/* ==== two-bhk.css ==== */
/* 2 BHK chapters: shared 3D plan + room tour (builder-1, 10 Nov 2026) */
#two-tour .walk2{position:absolute;inset:0;touch-action:pan-y;cursor:grab;outline:none}
#two-tour .walk2:active{cursor:grabbing}
#two-tour .stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070b22d9 0,#070b2260 30%,transparent 50%);z-index:1}
#two-tour .walk2-hotspots{position:absolute;inset:0;pointer-events:none;z-index:3}
#two-tour .walk2-hotspots .hotspot{pointer-events:auto}
#two-tour .walk2-fade{position:absolute;inset:0;background:#0c102b;opacity:0;pointer-events:none;transition:opacity .2s;z-index:3}
#two-tour .walk2-fade.on{opacity:1}
#two-tour .tour-error{position:absolute;inset:0;display:grid;place-content:center;z-index:4;background:#0c102b;color:#d1e5ee;padding:24px;text-align:center}
#two-tour .explore-controls,#two-tour .two-tour-rooms,#two-tour .explore-note{z-index:5}
#two-tour .two-tour-rooms{flex-wrap:wrap;justify-content:center}
#two-tour .two-tour-rooms button{min-width:0!important;padding:8px 10px!important;font-size:10px}
@media(prefers-reduced-motion:reduce){#two-tour .walk2-fade{transition:none}}
@media(max-width:760px){
 #two-tour .stage::after{background:linear-gradient(180deg,#070b22d0 0,#070b2240 34%,transparent 50%)}
 #two-tour .two-tour-rooms{bottom:140px;width:calc(100% - 20px);gap:4px;padding:6px}
 #two-tour .two-tour-rooms button{flex:0 1 auto;font-size:8px;padding:6px 7px!important}
}
/* Shop picker dialog (phase 3) */
dialog.shop-dialog{width:min(900px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100svh - 24px);overflow:auto;overscroll-behavior:contain}
.shop-dialog .shop-picker{margin-top:14px}
#commercial .shop-open{margin-bottom:8px}
#two-tour .walk2-time{display:inline-flex;gap:4px;margin-left:6px}
#two-tour .walk2-time button[aria-pressed=true]{background:#d1e4ed;color:#151a3d}
/* 2 BHK plan: title keeps the 1 BHK size and 2-line wrap on desktop */
@media(min-width:761px){#two-plan-title{white-space:nowrap}#two-bedroom .chapter-copy{width:430px;max-width:none;margin-right:-130px;position:relative;z-index:3}#two-bedroom .chapter-copy>:not(.eyebrow):not(#two-plan-title){max-width:296px}#two-dimension-list{max-height:276px;overflow-y:auto;overscroll-behavior:contain}}
#two-bedroom .eb-phone{display:none}
@media(max-width:760px){#two-bedroom .eb-wide{display:none}#two-bedroom .eb-phone{display:inline}}
/* Phase 4: interactive 3D lobby (lobby.js) */
#lobby .lobby3d,#lobby .lobby3d-labels{position:absolute;top:84px;bottom:118px;left:36vw;right:2vw;z-index:2}
#lobby .lobby3d{touch-action:pan-y;cursor:grab;outline:none;border-radius:18px}
#lobby .lobby3d:focus-visible{box-shadow:0 0 0 2px #d1e4ed}
#lobby .lobby3d-labels{pointer-events:none;z-index:3}
#lobby .lobby3d-labels button{pointer-events:auto}
#lobby .lobby3d-loading{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;z-index:4;background:radial-gradient(ellipse at 65% 45%,#1c2144,#070a1e)}
#lobby .lobby3d-loading[hidden],#lobby .lobby3d-error[hidden]{display:none}
#lobby .lobby3d-error{position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:6;background:#0c102bcc;padding:8px 14px;border-radius:12px;font-size:12px}
#lobby .lobby3d-tools{position:absolute;right:4vw;bottom:72px;display:flex;gap:8px;z-index:5}
#lobby .lobby3d-tools button{min-width:40px;white-space:nowrap}
#lobby .lobby3d-note{z-index:5;bottom:44px}
#lobby .stage.lobby-3d-on{background:radial-gradient(ellipse at 65% 45%,#1c2144,#070a1e)}
#lobby .stage.lobby-3d-on>.explore-image,#lobby .stage.lobby-3d-on>.journey-shade,#lobby .stage.lobby-3d-on>.explore-controls,#lobby .stage.lobby-3d-on>.explore-note{display:none}
#lobby .stage:not(.lobby-3d-on)>.lobby3d,#lobby .stage:not(.lobby-3d-on)>.lobby3d-labels{visibility:hidden}
#lobby .stage:not(.lobby-3d-on)>.lobby3d-tools{bottom:auto;top:84px}
@media(max-width:760px){
 #lobby .lobby3d,#lobby .lobby3d-labels{top:45%;bottom:205px;left:0;right:0}
 #lobby .lobby3d-tools{right:50%;transform:translateX(50%);bottom:158px;gap:4px}
 #lobby .lobby3d-tools button{min-width:34px;padding:7px 9px;font-size:10px}
 #lobby .lobby3d-note{bottom:200px;font-size:6px}
}
/* B9 phone: lobby loader sits below the chapter copy, not over "Arrange a visit" (frontend-developer) */
@media(max-width:760px){#lobby .lobby3d-loading{padding-top:460px;align-content:start;place-content:start center}}
/* B11 visible keyboard focus on 3D canvases (frontend-developer) */
#two-tour .walk2:focus-visible,#lobby .lobby3d:focus-visible,#plan3d-container:focus-visible,#two3d-container:focus-visible,#pano-container:focus-visible{outline:3px solid #2079b8!important;outline-offset:-3px}
/* URGENT desktop fix (frontend-developer, 10 Nov 2026): chapter titles never clip; wrap inside the column, room for the italic overhang */
@media(min-width:761px){.chapter-copy.sidebar .chapter-title,#two-plan-title{white-space:normal!important;overflow:visible!important;max-width:100%;padding-right:.15em;overflow-wrap:normal}#two-bedroom .chapter-copy .chapter-title{font-size:clamp(40px,3.2vw,56px)!important}.chapter-copy.sidebar{overflow-x:hidden}}
/* Desktop: plan caption gets its own row below the room card, clear of the 3D model (both plan chapters) */
@media(min-width:761px){.plan-view .plan3d-hint{left:calc(50% + 155px)!important;right:auto!important;bottom:204px!important;transform:translateX(-50%);white-space:nowrap;font-size:11px!important;color:#cfe3ef;text-shadow:0 1px 6px #0009;z-index:6}}
@media(min-width:761px) and (max-width:1100px){.plan-view .plan3d-hint{left:calc(50% + 125px)!important}}

/* Desktop >=1800: wider copy column so titles keep their 2-line shape at 64 px */
@media(min-width:1800px){.chapter-copy.sidebar{width:390px}}
/* Desktop: lobby 3D disclaimer on its own row above the footer, left column only (clear of 'About these visuals' and the scroll prompt) */
@media(min-width:761px){#lobby .lobby3d-note{bottom:112px!important;left:5vw!important;right:auto!important;max-width:min(40vw,520px)!important;text-align:left;white-space:normal}}
/* Loaders and 3D error panels of inactive (inert) chapters never show through the crossfade */
.chapter[inert] .tour-loading,.chapter[inert] .tour-error{visibility:hidden!important}
/* Desktop: toolbar one row higher so the caption has its own row between toolbar and room card */
@media(min-width:761px){.plan-view .plan3d-toolbar{bottom:232px!important}}
/* Phone 3D plans (both BHKs + lobby): one-row toolbar (rotate, zoom, reset; tilt + measure toggle hidden, pinch mode covers them), no caption over it, room labels show the name only (size is in the room card) */
@media(max-width:760px){.plan3d-toolbar{flex-wrap:nowrap!important;max-width:none!important}.plan3d-toolbar .measure-toggle,.plan3d-toolbar [aria-label="View plan from above"],.plan3d-toolbar [aria-label="Lower plan angle"]{display:none!important}.plan-view .plan3d-hint{display:none!important}.plan-room-label .room-label-size{display:none}}
/* Phone image chapters (lobby concept, shops, nearby): image controls one row above the WIDE VIEW note */
@media(max-width:760px){.journey-extra:not(#two-tour) .explore-controls{bottom:214px!important}}
/* Phone: compact 3D room labels (name only, tighter chip); desktop lobby tools clear of the nav bar by >=16 px */
@media(max-width:760px){.plan-room-label{padding:3px 7px!important;border-radius:9px!important;gap:3px!important}.plan-room-label i{display:none!important}}
@media(min-width:761px){#lobby .lobby3d-tools{bottom:112px}}

/* lobby phone fallback: 3D tools below the copy, not under the RERA link (Ryan conv-430c24) */
@media(max-width:760px){#lobby .stage:not(.lobby-3d-on)>.lobby3d-tools{top:auto;bottom:270px}}
/* lobby fallback: the 3D-only note hides when the 3D lobby is not showing (photo has its own note; no overlap with photo controls) */
#lobby .stage:not(.lobby-3d-on) .lobby3d-note{display:none!important}
/* phone 2 BHK: Master bedroom tag sat under Toilet 1; nudge it left and lift it so neither is clipped (Ryan conv-430c24) */
@media(max-width:760px){#two-bedroom .plan-room-label[aria-label="Select master bedroom"]{margin-left:-22px;z-index:2}}
/* desktop short windows: the sidebar 'Step inside' + 'Continue to the room tour' (same action as the room card's Explore room) hide instead of peeking cut under the nav (Ryan conv-430c24) */
@media(min-width:761px) and (max-height:980px){:is(#plan-details,#two-plan-details)>.primary,:is(#plan,#two-bedroom) .chapter-copy.sidebar>.scroll-cue{display:none!important}}
/* 2 BHK tour: 360 view (pano360-3d.js) by default, 3D walk as a toggle; only the shown viewer is in the layout */
#two-tour .pano2{position:absolute;inset:0;outline:none;cursor:grab}
#two-tour .pano2:active{cursor:grabbing}
#two-tour .pano2:focus-visible{outline:3px solid #2079b8;outline-offset:-3px}
#two-tour:not([data-mode="360"]) .pano2,#two-tour[data-mode="360"] :is(.walk2,.walk2-hotspots,.walk2-fade,.walk2-time){display:none!important}
#two-tour .walk2-mode{display:inline-flex;gap:4px;margin-left:6px}
#two-tour .walk2-mode[hidden]{display:none}
#two-tour .walk2-mode button[aria-pressed=true]{background:#d1e4ed;color:#151a3d}
/* 2 BHK tour notes: 360 note above Arrange a visit on desktop; phone notes under the room title, clear of the room chips and nav */
#two-tour .p360 .p360-note{left:36px;bottom:96px;z-index:5}
@media(max-width:760px){
 #two-tour .explore-note{top:208px!important;bottom:auto!important;left:18px!important;right:18px!important;text-align:left!important;transform:none!important}
 #two-tour .p360 .p360-note{left:18px;bottom:auto;top:284px}
}
/* 2 BHK tour notes v2 (Ryan): left column under the room title at every width; in 360 the viewer chip is the one disclaimer */
#two-tour .explore-note{top:212px!important;bottom:auto!important;left:36px!important;right:auto!important;max-width:300px!important;text-align:left!important;transform:none!important}
#two-tour[data-mode="360"] .explore-note :is(br,small){display:none}
#two-tour .p360 .p360-note{left:36px;bottom:auto;top:238px}
#two-tour.room-details-open :is(.explore-note,.p360 .p360-note){display:none}
@media(min-width:761px){#two-tour .explore-note,#two-tour .explore-note small{font-size:10px!important;line-height:1.5}}
@media(max-width:760px){#two-tour .explore-note{left:18px!important;right:18px!important;max-width:none!important;top:208px!important}#two-tour .p360 .p360-note{left:18px;top:238px}}

/* ==== kh-light.css ==== */
/* Option B light brochure theme (frontend-developer, 10 Nov 2026, Kiran GO via Ryan conv-20734f). Loaded last.
   Light: plan, two-bedroom, lobby, commercial, neighbourhood, details + header/nav/footer on those views + dialogs.
   Dark kept: building photo hero, two-tour, tour (full-bleed 3D/photo). Hexes: brand-palette.md. */
:root{--kl-paper:#f8f8f8;--kl-pale:#e3f4fb;--kl-sky:#cbebf8;--kl-navy:#292865;--kl-deep:#005c96;--kl-blue:#1085c6;--kl-muted:#47508a;--kl-soft:#5a6290;--kl-glass:rgba(255,255,255,.82);--kl-line:rgba(41,40,101,.18)}
/* 1 backgrounds and surfaces */
body{background:var(--kl-paper)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details)>.stage{background:linear-gradient(180deg,var(--kl-paper) 0%,var(--kl-pale) 55%,var(--kl-sky) 100%)}
:is(#plan-view,#two-plan-view){background:radial-gradient(ellipse at 66% 45%,#fff 0%,var(--kl-pale) 45%,var(--kl-sky) 100%)}
:is(#plan3d-loading,#two3d-loading){background:radial-gradient(ellipse at 65% 45%,#fff,var(--kl-pale) 60%,var(--kl-sky))}
:is(#lobby,#commercial) .journey-shade{background:linear-gradient(90deg,rgba(248,248,248,.95) 0%,rgba(248,248,248,.86) 26%,rgba(248,248,248,.4) 44%,rgba(248,248,248,0) 62%),linear-gradient(0deg,rgba(227,244,251,.75),rgba(227,244,251,0) 26%)}
@media(max-width:760px){:is(#lobby,#commercial) .journey-shade{background:linear-gradient(180deg,rgba(248,248,248,.96) 0%,rgba(248,248,248,.9) 52%,rgba(248,248,248,0) 74%),linear-gradient(0deg,rgba(227,244,251,.8),rgba(227,244,251,0) 22%)}}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.plan3d-toolbar,.plan-room-card,.dimension-list,.explore-controls>button,.walk2-time>button,.nearby-buttons>button,.journey-call,.expand-view,.plan-expand,.spec-grid>article,.tour-error .outline){background:var(--kl-glass);border-color:var(--kl-line)}
:is(#plan,#two-bedroom) .plan3d-toolbar>span{background:var(--kl-line)}
.kh-bld-layer{background:radial-gradient(ellipse at 62% 45%,#fff,var(--kl-pale) 50%,var(--kl-sky) 100%)}
dialog{background:rgba(248,248,248,.97);border-color:var(--kl-line);box-shadow:0 30px 120px rgba(41,40,101,.28)}
dialog::backdrop{background:rgba(41,40,101,.35)}
dialog :is(.outline,.primary){border-color:var(--kl-line)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .header{background:linear-gradient(180deg,rgba(248,248,248,.95) 0%,rgba(248,248,248,.82) 62%,rgba(248,248,248,0) 100%)!important}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) :is(.view-nav,.footer>button){background:var(--kl-glass);border-color:var(--kl-line)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .view-nav .nav-track{background:var(--kl-line)}
/* 1b background fixes: page behind rounded stages, 3D error/loading panes, lobby 3D stage */
html:has(body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details])){background:var(--kl-pale)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details)>.stage{border-color:var(--kl-line);box-shadow:0 25px 90px rgba(41,40,101,.14),inset 0 1px 0 #fff}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.tour-loading,.tour-error){background:radial-gradient(ellipse at 65% 45%,#fff,var(--kl-pale) 60%,var(--kl-sky))}
#lobby .stage.lobby-3d-on{background:radial-gradient(ellipse at 65% 45%,#fff,var(--kl-pale) 55%,var(--kl-sky))}
/* 2 text: headings navy, body muted navy (6.0:1 on sky), eyebrows + title italics deep blue (5.6:1 on sky) */
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.chapter-copy,.plan-room-card,.plan3d-toolbar,.plan3d-hint,.scene-label,.asset-note,.explore-note,.explore-controls,.location-layout,.spec-grid,.tour-loading,.tour-error,.dimension-list,.expand-view,.plan-expand,.nearby-buttons,.two-tour-info){color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(h1,h2,h3,strong,.chapter-title,button,a,button span,a span,.plan3d-hint,.scene-label){color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(p,small,.intro,.small-description,.asset-note,.explore-note,.explore-note small,#plan-room-name,#two-room-name,.dimension-list button span,.dimension-list i,.scroll-cue,.scroll-cue span,.developer-address){color:var(--kl-muted)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.eyebrow,.eyebrow span,h1 em,h2 em,.chapter-title em,.measure-toggle){color:var(--kl-deep)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .dimension-list button.active :is(span,i){color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.scroll-cue,.dimension-list){border-color:var(--kl-line)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .spinner{border-color:rgba(41,40,101,.2);border-top-color:var(--kl-deep)}
dialog,dialog :is(h2,h3,strong,.address,.dialog-close,a,a span,.rera-number strong){color:var(--kl-navy)}
dialog :is(p,.address p,.rera-number){color:var(--kl-muted)}
dialog :is(.eyebrow,h2 em){color:var(--kl-deep)}
dialog .address{border-color:var(--kl-line)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .header :is(.brand span,.rera-panel span,.rera-panel strong,.rera-panel a,a span){color:var(--kl-navy)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .header .brand small{color:var(--kl-muted)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .header .brand{color:var(--kl-navy)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) :is(.view-nav button,.view-nav button span,.footer button,.footer button span,.footer span,.footer b,.scroll-prompt span){color:var(--kl-navy)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .scroll-mouse{border-color:var(--kl-muted)}
/* 2b fixes: no dark text halos on light; project details dialog light */
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.chapter-copy,.chapter-copy *,.asset-note,.explore-note,.plan3d-hint),dialog,dialog *{text-shadow:none}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) :is(.brand,.rera-panel,.scroll-prompt){text-shadow:none}
dialog.project-details{background:var(--kl-paper);color:var(--kl-navy);border-color:var(--kl-line);color-scheme:light}
.project-details :is(.details-eyebrow){color:var(--kl-deep)}
.project-details :is(.details-intro,.details-grid p,footer p,figcaption){color:var(--kl-muted)}
.project-details footer a{color:var(--kl-deep)}
.project-details :is(footer,.details-grid article,nav button){border-color:var(--kl-line)}
.project-details .details-grid article{background:#fff}
.project-details .details-close{background:var(--kl-glass);color:var(--kl-navy)}
/* 3 buttons, links, bars: primary = deep blue #005c96 + white (7.1:1); brochure blue #1085c6 only for bars/progress (non-text); title bar motif */
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.primary,.journey-call,#plan-room-enter,#two-room-enter),dialog :is(.primary,.primary span){background:var(--kl-deep);border-color:var(--kl-deep);color:#fff}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.primary,.journey-call,#plan-room-enter,#two-room-enter) span,dialog .primary span{color:#fff}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.primary,.journey-call,#plan-room-enter,#two-room-enter):hover,dialog .primary:hover{background:var(--kl-navy);border-color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.outline,.expand-view,.plan-expand,.explore-controls>button,.nearby-buttons>button,.walk2-time>button):hover{border-color:var(--kl-deep)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) :is(.nearby-buttons>button,.walk2-time>button)[aria-pressed=true],:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .nearby-buttons>button.active{background:var(--kl-deep);border-color:var(--kl-deep);color:#fff}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .chapter-copy a:not(.primary):not(.kh-wa):not(.kh-call),dialog a:not(.primary):not(.outline),dialog .email-link span{color:var(--kl-deep)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .chapter-copy :is(h1,h2):not(.kh-nobar)::after{content:"";display:block;width:72px;height:4px;margin-top:.32em;border-radius:2px;background:linear-gradient(90deg,var(--kl-deep),var(--kl-blue))}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label{background:rgba(255,255,255,.9);border-color:var(--kl-line);color:var(--kl-navy);box-shadow:0 4px 14px rgba(41,40,101,.12)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label i{background:var(--kl-pale);color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label .room-label-size{color:var(--kl-deep)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label:hover{background:#fff;border-color:var(--kl-deep)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label.active,:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label.active:hover{background:var(--kl-deep);border-color:var(--kl-deep);color:#fff}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label.active i{background:#fff;color:var(--kl-navy)}
:is(#plan,#two-bedroom,#lobby,#commercial,#neighbourhood,#details) .plan-room-label.active .room-label-size{color:var(--kl-pale)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .view-nav button.active{background:var(--kl-pale);border-color:var(--kl-deep);box-shadow:none}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .view-nav button.active,body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) .view-nav button.active span{color:var(--kl-deep)}
body:is([data-view=plan],[data-view=two-bedroom],[data-view=lobby],[data-view=commercial],[data-view=neighbourhood],[data-view=details]) #journey-progress{background:var(--kl-blue)}
/* 5 phone + leftovers: lobby 3D tools light glass; notes over photos get a light glass backing on phones */
#lobby .lobby3d-tools button{background:var(--kl-glass);border-color:var(--kl-line);color:var(--kl-navy)}
#lobby .lobby3d-tools button:hover{border-color:var(--kl-deep)}
@media(max-width:760px){:is(#lobby,#commercial) .explore-note{background:rgba(248,248,248,.88);border-radius:10px;padding:4px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}
/* fix: active room label text white on deep blue (the navy text rule was winning) */
:is(#plan,#two-bedroom,#lobby) .plan-room-label.active,:is(#plan,#two-bedroom,#lobby) .plan-room-label.active :is(span,b,strong){color:#fff}
:is(#plan,#two-bedroom,#lobby) .plan-room-label.active .room-label-size{color:var(--kl-pale)}
:is(#plan,#two-bedroom,#lobby) .plan-room-label.active i{color:var(--kl-navy)}
/* phone 'Rotate & pinch zoom' chip: light glass navy (was grey with pale text), pressed = deep blue; sits clear of the wrapped eyebrow */
:is(#plan,#two-bedroom) .plan-touch-mode{background:var(--kl-glass);border-color:var(--kl-line);color:var(--kl-navy);font-size:11px}
:is(#plan,#two-bedroom) .plan-touch-mode[aria-pressed=true]{background:var(--kl-deep);border-color:var(--kl-deep);color:#fff}
@media(max-width:760px){:is(#plan,#two-bedroom) .plan-touch-mode{top:156px}}
/* fix: room-label size line lost to the id-weighted muted-text rule; force it (active = white 80%, idle = deep blue) */
:is(#plan,#two-bedroom,#lobby) .plan-room-label .room-label-size{color:var(--kl-deep)!important}
:is(#plan,#two-bedroom,#lobby) .plan-room-label.active .room-label-size{color:rgba(255,255,255,.85)!important}
/* 3D building open (light layer on the dark building chapter): header + footer pills go light/navy so nothing washes out */
body.kh-bld-on .header{background:linear-gradient(180deg,rgba(248,248,248,.95) 0%,rgba(248,248,248,.82) 62%,rgba(248,248,248,0) 100%)!important}
body.kh-bld-on .header :is(.brand,.brand span,.brand small,.rera-panel,.rera-panel span,.rera-panel strong,.rera-panel a,a span){color:var(--kl-navy);text-shadow:none}
body.kh-bld-on .header .brand small{color:var(--kl-muted)}
body.kh-bld-on .footer>button{background:var(--kl-glass);border-color:var(--kl-line)}
body.kh-bld-on :is(.footer button,.footer button span,.footer span,.footer b){color:var(--kl-navy)}