:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

#renderStage{position:absolute;inset:0;background:#080e17;transition:opacity .8s,filter .8s}#renderStage .shot,#floorMasks{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#shotB,#shotC{opacity:0}#floorMasks{z-index:2;pointer-events:none}.floor-zone{fill:transparent;stroke:transparent;stroke-width:1.1;cursor:pointer;pointer-events:all}.floor-zone.active,.floor-zone:hover,.floor-zone:focus{fill:#ffc98f45;stroke:#ffe1b0;outline:none}#city{opacity:0;pointer-events:none;transition:opacity .9s;z-index:2}.sticky[data-plan="1"] #city{opacity:1;pointer-events:auto}.sticky[data-plan="1"] #renderStage{opacity:.12;filter:blur(12px)}.sticky[data-plan="1"] #floorMasks{visibility:hidden}.sticky::after{background:linear-gradient(90deg,#0a0f1caa,transparent 55%);z-index:1}.rail{max-height:70vh;overflow-y:auto}.rail button{min-height:25px}#skipRender{position:absolute;bottom:25px;left:20px;z-index:5;border:1px solid var(--line);background:var(--glass);padding:12px 18px;color:var(--ember);backdrop-filter:blur(12px)}#levelBadge{position:absolute;left:20px;top:110px;z-index:5;font-family:var(--mono);font-size:12px;color:var(--ember);pointer-events:none}.panel{z-index:8}.act-3 p{max-width:26ch}.act-3{top:17vh}.act-3 h2{font-size:30px}@media(max-width:640px){.act-1{top:13vh}h1{font-size:44px}.lede{font-size:14px;max-width:30ch}.act-3{top:15vh;max-width:220px}.act-3 h2{font-size:23px}.act-3 p{font-size:12px}.panel{bottom:12px}.rail{top:49%;max-height:58vh}.rail button{height:23px;min-height:23px}#levelBadge{top:100px;font-size:10px}.act-2{bottom:15vh}}


#floorExperience{position:absolute;inset:0;z-index:3;visibility:hidden;opacity:0;transition:opacity .45s;background:#080e17;pointer-events:none}#floorExperience[data-on="1"]{visibility:visible;opacity:1;pointer-events:auto}#floorExperience img,#floorExperience video,#unitMasks{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#floorStill{opacity:0;transition:opacity .45s}#floorStill[data-ready="1"]{opacity:1}#floorFlight{z-index:2;pointer-events:none}#unitMasks{z-index:3;pointer-events:none}#unitMasks polygon{fill:transparent;stroke:#f0cda666;stroke-width:1.4;cursor:pointer;pointer-events:all;transition:fill .2s}#unitMasks polygon:hover,#unitMasks polygon:focus,#unitMasks polygon.selected{fill:#f5cd9b22;stroke:#ffe0ae;stroke-width:2.5;outline:none}#unitMasks text{font:600 14px Manrope,sans-serif;fill:#fff;paint-order:stroke;stroke:#152328;stroke-width:5px;pointer-events:none}#floorReturn{position:absolute;top:95px;left:20px;z-index:9;background:var(--glass);border:1px solid var(--line);color:var(--ember);padding:10px 14px;cursor:pointer}.sticky[data-overhead="1"] #city,.sticky[data-overhead="1"] #pins{display:none!important}.sticky[data-overhead="1"] #renderStage{filter:none;opacity:1}.sticky[data-flying="1"] .panel{opacity:0;pointer-events:none}.sticky[data-overhead="1"] .act-3{display:none}.sticky[data-overhead="1"] #levelBadge{top:auto;bottom:26px}.sticky[data-overhead="1"] #viewSeg{display:none}.sticky[data-overhead="1"] .panel{max-width:285px}.sticky[data-overhead="1"] #plate{display:none}.floorHint{color:var(--muted);font-size:12px;line-height:1.5}.sticky[data-overhead="1"] #floorReturn{display:block}#floorReturn{display:none}.rail button:disabled{opacity:.2;cursor:default}@media(max-width:760px){.sticky[data-overhead="1"] .panel{max-width:none;max-height:31vh;overflow:auto}.sticky[data-overhead="1"] #floorReturn{top:80px;font-size:12px}.sticky[data-overhead="1"] #levelBadge{top:125px;bottom:auto}}@media(prefers-reduced-motion:reduce){#floorExperience,#floorStill{transition:none}}


#droneIntro{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;visibility:hidden}#playIntro{position:absolute;bottom:25px;left:190px;z-index:6;background:var(--ember);color:#111827;padding:12px 18px;border:1px solid var(--ember);cursor:pointer}#playIntro:disabled{opacity:.65;cursor:wait}.sticky[data-intro="1"] .acts,.sticky[data-intro="1"] .act-1,.sticky[data-intro="1"] .act-2,.sticky[data-intro="1"] .act-3,.sticky[data-intro="1"] .rail,.sticky[data-intro="1"] #floorMasks,.sticky[data-intro="1"] #levelBadge{visibility:hidden!important}.sticky[data-intro="1"] #skipRender{display:block!important}.sticky[data-overhead="1"] #playIntro{display:none}@media(max-width:600px){#playIntro{left:20px;bottom:80px;font-size:12px}}


/* Single-theme by design: a dusk skyline world. Every color is painted explicitly. */
:root{
  --ink:#0a0f1c; --ink-2:#121a2e; --glass:rgba(14,20,36,.62); --line:rgba(242,238,230,.16);
  --sillar:#f2eee6; --sillar-dim:#b9b6b3; --dusk:#e9a27a; --ember:#ffc98f;
  --ok:#6fdcb4; --hold:#f1c45c; --sold:#8a8f9e;
  --display:'Syne',ui-sans-serif,system-ui,sans-serif;
  --body:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--ink);color:var(--sillar);font-family:var(--body);font-size:15px;line-height:1.55;overflow-x:hidden}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--ember);outline-offset:2px}

/* ---------- scroll stage ---------- */
.stage{position:relative;height:420vh}
.sticky{position:sticky;top:0;height:100vh;overflow:hidden;
  background:linear-gradient(180deg,#0d1430 0%,#25305c 34%,#7a5f86 58%,#e9a27a 74%,#f6cfa0 80%,#1a2034 80.2%,#0a0f1c 100%)}
.sticky::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(10,15,28,.62),rgba(10,15,28,.18) 46%,transparent 70%),linear-gradient(rgba(10,15,28,.45),transparent 22%)}
#city{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.brandbar{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:calc(14px + env(safe-area-inset-top,0px)) 20px 14px;z-index:5;pointer-events:none}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;letter-spacing:.02em;font-size:14px}
.logo i{width:26px;height:26px;border:2px solid var(--sillar);display:grid;place-items:center;font-style:normal;font-size:12px}
.demo-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--ember);padding:4px 8px}
.act{position:absolute;left:0;right:0;padding:0 20px;z-index:4;transition:opacity .5s,transform .6s;pointer-events:none}
.act[data-on="0"]{opacity:0;transform:translateY(14px)}
.act-1{top:16vh;max-width:760px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,8.4vw,104px);line-height:.92;margin:.18em 0 .22em;letter-spacing:-.02em;text-wrap:balance}
.lede{max-width:44ch;color:var(--sillar);opacity:.9;font-size:16px}
.hint{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--sillar-dim)}
.hint span{display:inline-block;width:1px;height:34px;background:linear-gradient(var(--sillar),transparent);animation:drop 1.8s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}100%{opacity:0}}
.act-2{bottom:12vh;display:flex;flex-wrap:wrap;gap:10px 34px}
.fact b{display:block;font-family:var(--display);font-size:clamp(28px,5vw,52px);line-height:1;font-weight:700}
.fact small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sillar-dim)}
.act-3{top:15vh;max-width:420px}
.act-3 h2{font-family:var(--display);font-size:clamp(26px,4.6vw,44px);line-height:1;margin:.2em 0 .3em}
.act-3 p{margin:0;color:var(--sillar-dim);max-width:34ch}

/* floor rail */
.rail{position:absolute;right:calc(14px + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column-reverse;gap:3px;
  transition:opacity .5s,transform .5s}
.rail[data-on="0"]{opacity:0;pointer-events:none;transform:translate(16px,-50%)}
.rail button{width:44px;height:26px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border-radius:2px;transition:background .2s,border-color .2s,width .2s}
.rail button em{width:5px;height:5px;border-radius:50%;background:var(--ok);font-style:normal}
.rail button[data-full="1"] em{background:var(--sold)}
.rail button:hover,.rail button[aria-pressed="true"]{background:var(--sillar);color:var(--ink);border-color:var(--sillar);width:54px}

/* floor panel */
.panel{position:absolute;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:min(430px,calc(100% - 96px));z-index:7;background:var(--glass);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);padding:16px 16px 14px;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.panel[data-on="0"]{opacity:0;transform:translateY(24px);pointer-events:none}
.panel header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.panel h3{font-family:var(--display);font-size:24px;margin:0;line-height:1}
.panel .x{background:none;border:0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sillar-dim);padding:6px 0}
.panel .x:hover{color:var(--sillar)}
.plate{width:100%;height:auto;display:block}
.plate .u{cursor:pointer;transition:fill .2s}
.plate .u rect{fill:rgba(242,238,230,.06);stroke:var(--sillar);stroke-width:1.2;transition:fill .2s}
.plate .u[data-s="ok"]:hover rect,.plate .u[data-s="ok"]:focus rect{fill:rgba(111,220,180,.28)}
.plate .u[data-s="hold"] rect{fill:rgba(241,196,92,.12)}
.plate .u[data-s="sold"] rect{fill:rgba(138,143,158,.18)}
.plate .u[data-s="sold"],.plate .u[data-s="hold"]{cursor:not-allowed}
.plate text{fill:var(--sillar);font-family:var(--mono);font-size:9px}
.plate .n{font-family:var(--display);font-size:15px;font-weight:700}
.plate .core{fill:rgba(242,238,230,.1);stroke:var(--line)}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--sillar-dim)}
.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.panel .tip{margin:8px 0 0;font-size:12.5px;color:var(--sillar-dim)}

#pUnit h3{font-family:var(--display);font-size:26px;margin:4px 0 2px;line-height:1}
.uspec{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--sillar-dim);margin-bottom:12px}
#pUnit header{margin-bottom:6px}
.rlist{display:grid;gap:4px}
.rbtn{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;text-align:left;background:rgba(242,238,230,.05);border:1px solid var(--line);padding:9px 11px;border-radius:2px;transition:background .2s,border-color .2s}
.rbtn span{font-weight:600}
.rbtn small{font-family:var(--mono);font-size:11px;color:var(--sillar-dim);font-variant-numeric:tabular-nums}
.rbtn em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember)}
.rbtn:not(:disabled):hover,.rbtn[data-hi="1"]{background:var(--sillar);color:var(--ink);border-color:var(--sillar)}
.rbtn:not(:disabled):hover small,.rbtn[data-hi="1"] small,.rbtn:not(:disabled):hover em,.rbtn[data-hi="1"] em{color:var(--ink)}
.rbtn:disabled{cursor:default;opacity:.55}.rbtn:disabled em{color:var(--sillar-dim)}
#pins{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .4s}
#pins[data-on="0"]{opacity:0}#pins[data-on="0"] .pin{pointer-events:none}
.pin{position:absolute;left:0;top:0;pointer-events:auto;white-space:nowrap;will-change:transform}
.pin.room{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0}
.pin.room em{font-style:normal;font-family:var(--mono);font-size:9.5px;font-weight:600;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ember);color:var(--ink);box-shadow:0 0 0 4px rgba(255,201,143,.3),0 6px 16px rgba(0,0,0,.4);transition:transform .2s,box-shadow .2s}
.pin.room b{font-size:11.5px;background:var(--ink);padding:2px 6px;border-radius:2px}
.pin.room:hover em,.pin.room:focus-visible em{transform:scale(1.12);box-shadow:0 0 0 7px rgba(255,201,143,.35),0 6px 16px rgba(0,0,0,.4)}
.pin.muted{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:rgba(242,238,230,.82);padding:2px 6px}
.pin.unit{display:flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--line);padding:4px 8px;font-family:var(--display);font-weight:700;font-size:13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pin.unit small{font-family:var(--mono);font-weight:400;font-size:10px;color:var(--sillar-dim)}
.pin.unit i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.pin.unit[data-s="hold"] i{background:var(--hold)}.pin.unit[data-s="sold"] i{background:var(--sold)}
.pin.unit[data-s="ok"]:hover{background:var(--sillar);color:var(--ink)}
@media (max-width:640px){.pin.unit small{display:none}.pin.room em{width:32px;height:32px;font-size:8.5px}.rlist{grid-template-columns:1fr 1fr}.rbtn{grid-template-columns:1fr auto;padding:7px 9px}.rbtn em{display:none}#pUnit .tip{display:none}#pUnit h3{font-size:22px}.uspec{margin-bottom:8px}
  .panel[data-cut="1"]{width:calc(100% - 24px)}}
.rail[data-cut="1"]{opacity:0;pointer-events:none;transform:translate(16px,-50%)}

/* ---------- after stage ---------- */
.after{padding-inline:20px;padding-block:64px 80px;max-width:1080px;margin:0 auto;display:grid;gap:40px}
.after h2{font-family:var(--display);font-size:clamp(26px,4vw,40px);line-height:1.02;margin:0 0 8px;text-wrap:balance}
.units{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.unit{background:var(--ink);padding:18px;display:grid;gap:6px;align-content:start}
.unit b{font-family:var(--display);font-size:20px}
.unit .spec{font-family:var(--mono);font-size:11.5px;color:var(--sillar-dim);letter-spacing:.04em}
.unit .price{font-variant-numeric:tabular-nums;font-weight:600}
.unit button{justify-self:start;margin-top:6px;background:var(--sillar);color:var(--ink);border:0;padding:9px 14px;font-weight:700;font-size:13px}
.unit button:hover{background:var(--ember)}
.lead{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}
.lead label{display:grid;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sillar-dim)}
.lead input{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--sillar);font:500 16px var(--body);padding:8px 0;border-radius:0}
.lead input:focus{outline:0;border-color:var(--ember)}
.lead button{background:var(--ember);color:var(--ink);border:0;padding:12px 16px;font-weight:700}
.note{font-size:12.5px;color:var(--sillar-dim);max-width:70ch}

/* ---------- tour overlay ---------- */
.tour{position:fixed;inset:0;z-index:50;background:#000;transition:opacity .7s;touch-action:none}
.tour[data-on="0"]{opacity:0;pointer-events:none}
#pano{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
#pano:active{cursor:grabbing}
.tbar{position:absolute;left:0;right:0;top:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;
  padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:3}
.tbar .who{display:flex;align-items:center;gap:12px;min-width:0}
.pill{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 12px;font-size:13px;font-weight:600;border-radius:2px;white-space:nowrap}
.pill:hover{background:rgba(242,238,230,.18)}
.who div{min-width:0}
.who b{font-family:var(--display);font-size:17px;display:block;line-height:1.1}
.who small{font-family:var(--mono);font-size:10.5px;color:var(--sillar);letter-spacing:.06em}
.who b,.who small{text-shadow:0 1px 8px rgba(0,0,0,.8)}
.seg{display:flex;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2px}
.seg button{background:none;border:0;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--sillar-dim)}
.seg button[aria-pressed="true"]{background:var(--sillar);color:var(--ink)}
.hs{position:absolute;left:0;top:0;z-index:2;will-change:transform}
#hotspots{transition:opacity .3s}
.hs button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0}
.hs .dot{width:46px;height:46px;border-radius:50%;border:2px solid var(--sillar);background:rgba(10,15,28,.35);display:grid;place-items:center;position:relative;transition:transform .25s,background .25s}
.hs .dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(242,238,230,.5);animation:ping 2.2s infinite}
@keyframes ping{from{transform:scale(.8);opacity:1}to{transform:scale(1.35);opacity:0}}
.hs .dot svg{width:18px;height:18px}
.hs .lb{background:var(--glass);border:1px solid var(--line);padding:5px 9px;font-size:12px;font-weight:600;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hs button:hover .dot{transform:scale(1.12);background:var(--sillar);color:var(--ink)}
.hs.info .dot{width:30px;height:30px;border-width:1.5px;font-family:var(--mono);font-size:13px;background:var(--ember);color:var(--ink);border-color:var(--ember)}
.hs.info .dot::after{display:none}
.hs.info .lb{display:none;max-width:230px;white-space:normal;font-weight:500;line-height:1.4}
.hs.info[data-open="1"] .lb,.hs.info button:hover .lb{display:block}
.dock{position:absolute;left:0;right:0;bottom:0;padding:26px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
  background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:3;pointer-events:none}
.dock>*{pointer-events:auto}
.rooms{display:flex;gap:6px;flex-wrap:wrap}
.rooms button{background:var(--glass);border:1px solid var(--line);padding:9px 13px;font-size:13px;font-weight:600;border-radius:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rooms button[aria-pressed="true"]{background:var(--sillar);color:var(--ink);border-color:var(--sillar)}
.rooms small{font-family:var(--mono);font-weight:400;opacity:.7;margin-left:6px}
.mini{width:148px;background:var(--glass);border:1px solid var(--line);padding:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mini svg{display:block;width:100%;height:auto}
.mini rect{fill:rgba(242,238,230,.07);stroke:var(--sillar-dim);stroke-width:1}
.mini rect[data-cur="1"]{fill:rgba(255,201,143,.25);stroke:var(--ember)}
.mini text{fill:var(--sillar-dim);font-family:var(--mono);font-size:7px}
.mini g.r{cursor:pointer}
.stamp{position:absolute;left:14px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--sillar);background:var(--glass);padding:5px 8px;max-width:64ch;pointer-events:none}
.loading{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;z-index:1;color:var(--sillar-dim)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--sillar);color:var(--ink);padding:10px 16px;font-weight:600;font-size:13.5px;z-index:90;opacity:0;transition:.35s;max-width:calc(100% - 32px)}
.toast[data-on="1"]{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){
  .panel{left:12px;width:calc(100% - 80px);padding:12px}
  .mini{width:112px}
  .tbar .who small{display:none}
  .stamp{display:none}
}
@media (prefers-reduced-motion:reduce){.hint span,.hs .dot::after{animation:none}.act,.panel,.rail,.tour{transition-duration:.01s}}


/* One viewport, with the rendered camera in charge of the exterior journey. */
.stage{height:100vh;height:100svh}.sticky{height:100vh;height:100svh}
.sticky::after{background:linear-gradient(180deg,#080e1766,transparent 22%,transparent 80%,#080e1766)}
#renderStage{transition:none}#renderStage .shot{transition:none}
#droneIntro,#droneReverse{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;visibility:hidden}
.act-1,.act-2{display:none}.act-3{top:105px;max-width:250px}.act-3 h2{font-size:26px}
#playIntro{left:20px;bottom:25px;border-radius:24px;min-height:46px;background:#101b2cd9;color:#fff;border:1px solid #ffffff55;backdrop-filter:blur(14px)}
#pauseDrone{position:absolute;bottom:25px;left:205px;z-index:6;border:1px solid #ffffff55;border-radius:24px;background:#101b2cd9;color:white;min-height:46px;padding:10px 18px;backdrop-filter:blur(14px)}
#skipRender{left:auto;right:20px;bottom:25px;border-radius:24px;min-height:46px}
#timeStatus{position:absolute;left:24px;bottom:80px;z-index:5;font-size:12px;color:#fff;pointer-events:none}
.sticky[data-overhead="1"] #timeStatus{display:none}
.sticky[data-intro="1"] #skipRender[hidden],button[hidden]{display:none!important}
#playIntro:disabled{cursor:default}
@media(max-width:600px){#playIntro{left:14px;bottom:76px;font-size:12px;min-width:148px}#pauseDrone{left:174px;bottom:76px;font-size:12px}#skipRender{right:14px;bottom:18px;font-size:12px}#timeStatus{left:18px;bottom:130px}.act-3{top:100px;max-width:195px}.act-3 h2{font-size:23px}.act-3 p{font-size:12px}}



#brandIntro{position:fixed;inset:0;z-index:100;background:#050607;display:grid;place-items:center;transition:opacity .8s ease,visibility .8s;letter-spacing:.18em;color:#eee7dc}
#brandIntro[data-open="0"]{opacity:0;visibility:hidden;pointer-events:none}#brandIntro[hidden]{display:none}
.intro-lockup{text-align:center}.intro-mark{width:76px;height:76px;border:1px solid #cbb58f;margin:0 auto 27px;display:grid;place-items:center;font:500 38px Georgia,serif;color:#d8c5a4}.intro-lockup strong{display:block;font-size:14px;font-weight:500}.intro-lockup p{font-size:10px;color:#b2aba1;margin:16px 0 0}.intro-line{width:42px;height:1px;background:#cbb58f;margin:28px auto}
#enterExperience{position:absolute;bottom:45px;background:none;border:0;color:#b8b0a3;font-size:11px;letter-spacing:.08em;padding:12px}
.brandbar{padding:24px 30px;align-items:flex-start}.logo{font-size:12px;letter-spacing:.09em}.logo i{font-family:Georgia,serif;border:1px solid #cfbb96;color:#cfbb96;width:32px;height:32px}.demo-tag{background:none;color:#d5d4ce;margin-right:70px;font-size:9px;letter-spacing:.08em;border:1px solid #ffffff33;border-radius:3px;padding:6px 9px}
#playIntro{top:20px;right:24px;left:auto;bottom:auto;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;border-radius:50%;background:#0c1724c9;border-color:#ffffff40}
#playIntro svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#pauseDrone{left:24px;bottom:24px;min-height:40px;font-size:12px}#skipRender{bottom:24px;right:24px;font-size:12px;min-height:40px}
#timeStatus{left:24px;bottom:80px}.act-3{top:auto;bottom:40px;left:30px;padding:0;max-width:300px;pointer-events:none}.act-3 .eyebrow{font-size:10px;color:#dfcca8}.act-3 h2{font-size:29px;margin:10px 0}.act-3 p{font-size:12px;max-width:260px;color:#f0eee8;text-shadow:0 1px 8px #000}
.sticky::after{background:linear-gradient(180deg,#080e1788,transparent 19%,transparent 65%,#080e17b0)}
.rail{right:24px;gap:8px;max-height:60vh;overflow:visible}.rail button{width:48px;height:40px;min-height:40px;border-radius:6px;background:#101c2cd9;font-size:12px}.rail button:hover,.rail button.highlighted,.rail button:focus-visible{width:48px;background:#dec7a1;color:#13202a;border-color:#ead2a9}
body .sticky[data-intro="1"] .rail,body .sticky[data-intro="1"] #floorMasks{visibility:visible!important}
body .sticky[data-intro="1"] #floorMasks[style*="hidden"]{visibility:hidden!important}
.floor-zone.active,.floor-zone:hover,.floor-zone:focus{fill:#dec7a14d;stroke:#f8dbad;stroke-width:1.4}
#selectionBadge{position:absolute;top:96px;right:24px;z-index:7;padding:9px 13px;border-radius:5px;background:#0b1524df;color:#e8d2ab;font-size:12px;pointer-events:none}
#selectionBadge[hidden]{display:none}.panel{border-radius:10px;background:#0d1829f2}.panel .rbtn{border-radius:6px}
#floorExperience{overflow:hidden}#floorExperience[data-room-entering="1"] #unitMasks{pointer-events:none}
#unitMasks .room-zone{fill:#dec7a114;stroke:#dfc49899;stroke-width:1.2;pointer-events:all}#unitMasks .room-zone:hover,#unitMasks .room-zone:focus{fill:#f4ce8255;stroke:#fff1c4;stroke-width:2.2}
#unitMasks .room-label{font-size:10px;stroke:#122335;stroke-width:3px;fill:#fff}
#roomTravel{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);z-index:12;border-radius:20px;padding:11px 20px;background:#101c2cee;color:#ead7b7;font-size:12px;pointer-events:none}
#roomTravel[hidden]{display:none}.tour .mini,#mFurn,#mEmpty{display:none!important}.tour .stamp{display:block;pointer-events:auto;font-size:10px;max-width:min(540px,90vw);bottom:88px}.tour .stamp a{color:#efd8b0}.tour .tbar .who small{display:block}.after{display:none}
@media(max-width:640px){.brandbar{padding:18px 16px}.logo{font-size:10px;letter-spacing:.02em}.demo-tag{position:absolute;left:16px;top:66px;margin:0;font-size:8px;padding:3px 6px}#playIntro{top:17px;right:16px;left:auto;bottom:auto;min-width:44px}.act-3{bottom:85px;left:18px;max-width:250px}.act-3 h2{font-size:24px}.act-3 p{font-size:11px}#selectionBadge{right:16px;top:80px}.rail{right:14px}.rail button{width:42px;height:36px;min-height:36px}.rail button:hover,.rail button.highlighted{width:42px}#pauseDrone{left:16px;bottom:22px}#skipRender{right:16px;bottom:22px}#timeStatus{bottom:78px;left:18px}.tour .stamp{bottom:110px;font-size:9px}.tour .tbar .who small{max-width:175px;font-size:9px}#roomTravel{bottom:34vh;max-width:90vw;text-align:center}.sticky[data-overhead="1"] .panel{max-height:27vh}}
@media(prefers-reduced-motion:reduce){#brandIntro{transition:none}}