:root{--cream:#eee8dd;--gold:#d5b989;--ink:#111923;--line:#eee8dd29}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);font-family:Arial,Helvetica,sans-serif;color:var(--cream)}body{overflow:hidden}button,a{font:inherit;color:inherit}button{border:0;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #e8ce9e;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}#experience{height:100svh;min-height:400px;position:relative;overflow:hidden}#stage,.view{position:absolute;inset:0}.view{overflow:hidden}#buildingView{background:linear-gradient(#adb9c2,#d8b88e 61%,#2d3e35)}#buildingImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#buildingView:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10182025,transparent 50%,#06101935);pointer-events:none}#facade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#floorBand{fill:#eed09745;stroke:#ffe5b8;stroke-width:1.2}#floorTag{position:absolute;font-size:10px;color:#fff3dc;background:#20302bcc;padding:6px 9px;z-index:2;border-left:1px solid #ffe4ae}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 38% 55%,#263d59,#111d30 45%,#111923 77%)}#cutawayCanvas{position:absolute;left:3%;top:14%;width:68%;height:75%;transform-origin:50% 50%}#cutawayImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 36px #0005)}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;transform:translate(-50%,-50%);min-height:42px;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;background:#101a24e8;border:1px solid #e7d0a577;border-radius:3px;box-shadow:0 6px 16px #0003;font-size:10px;white-space:nowrap;transition:background .2s}.hotspot:hover,.hotspot:focus-visible{background:#dfc394;color:#17212a}.hotspot span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d6bf9780;border-radius:50%;font-size:12px}.hotspot[aria-current=true]{background:#dfc394;color:#17212a}.cutawayHint{position:absolute;bottom:12%;left:8%;font-size:8px;color:#9aa6b5;letter-spacing:.3px}#roomImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101319}.roomShade{position:absolute;inset:0;background:linear-gradient(#05090f70,transparent 20%,transparent 66%,#05090fc4);pointer-events:none}#transitionVeil{position:absolute;inset:0;background:#111923;opacity:0;pointer-events:none;z-index:9}header{position:absolute;top:31px;left:3.5%;right:3.5%;display:flex;align-items:center;gap:35px;z-index:10;pointer-events:none}header>*{pointer-events:auto}.brand{display:block;font-size:22px;letter-spacing:6px;line-height:1;white-space:nowrap;text-shadow:0 1px 12px #0007}.brand>span{font-size:12px;margin-left:8px;letter-spacing:3px}.brand small{display:block;font-size:5.7px;letter-spacing:2.2px;margin-top:10px}.breadcrumbs{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:9px}.breadcrumbs>button{background:none;padding:6px 0;border-bottom:1px solid transparent;text-shadow:0 1px 8px #0006;color:#eee8ddba}.breadcrumbs>button[aria-current=page]{color:#fff1d6;border-bottom-color:#e2c492}.breadcrumbs>span{color:#a8aeb3}.breadcrumbs #roomCrumb{color:#ead8b9}.headerActions{display:flex;gap:9px}.iconButton{height:35px;width:35px;background:#10192388;border:1px solid #eee8dd24;border-radius:2px;font-size:20px;display:grid;place-items:center}.menuLines{width:15px;height:8px;border-top:1px solid;border-bottom:1px solid}.propertyCard{position:absolute;right:5%;top:50%;transform:translateY(-45%);width:280px;z-index:3}.eyebrow{font-size:6.5px;letter-spacing:1.8px;line-height:1.6;color:var(--gold);margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.8px}h1{font-size:53px;line-height:1.02;margin:19px 0}h1 em,h2 em{font-style:italic;font-weight:400;color:#d6b785}.introCopy{font-size:10px;line-height:1.85;opacity:.75;margin:18px 0 23px}.primary{width:100%;display:flex;justify-content:space-between;gap:15px;background:#e3cdab;color:#172329;padding:17px 19px;font-size:10px;text-align:left;transition:background .2s}.primary:hover{background:#f7e8d0}.modelNote{font-size:7px;line-height:1.8;color:#c4c5c7a1;margin:13px 0 0}.floorPicker{border-block:1px solid var(--line);padding:20px 0;margin:26px 0}.floorPicker>span{font-size:6px;letter-spacing:2px}.floorPicker>div{display:flex;justify-content:space-between;align-items:center;margin:5px 0 13px}.floorPicker button{width:28px;height:28px;border:1px solid #f5e6ca2e;background:transparent;font-size:18px}.floorPicker output{font-family:Georgia,serif;font-size:53px;color:#f0dbba}.floorPicker small{font-size:6px;letter-spacing:1px;opacity:.5}#buildingCard{background:#101c27d9;backdrop-filter:blur(18px);padding:28px;width:300px;border:1px solid #eee8dd22}#buildingCard h1{font-size:48px}.specs{display:flex;justify-content:space-between;border-block:1px solid var(--line);margin:25px 0;padding:19px 0;gap:14px}.specs span{font-size:6px;color:#c4c9ce}.specs b{display:block;font:25px Georgia,serif;color:#e9d3b1;margin-bottom:8px}.textButton{display:flex;justify-content:space-between;width:100%;padding:15px 0;background:none;border-bottom:1px solid var(--line);font-size:9px}#roomCaption{position:absolute;left:4%;bottom:105px;max-width:52%;pointer-events:none}#roomCaption h1{font-size:46px;margin:12px 0 10px;letter-spacing:-1px}#roomDescription{font-size:10px;opacity:.7;line-height:1.6}#roomActions{position:absolute;right:4%;bottom:122px;display:flex;gap:8px}.glassButton{border:1px solid #ede1ca50;background:#121c25ad;backdrop-filter:blur(14px);border-radius:2px;padding:13px 17px;font-size:9px;min-height:42px}.glassButton span{margin-left:14px}.glassButton .smallGrid{margin-left:0;margin-right:9px}.glassButton:hover{background:#2a3742d9}footer{position:absolute;bottom:29px;left:4%;right:4%;display:flex;align-items:center;gap:28px;border-top:1px solid #e5ddcf30;padding-top:18px;z-index:3;font-size:6px;letter-spacing:1px}#progress{display:flex;align-items:center;gap:14px;margin-left:auto}#progress i{display:inline-block;width:45px;height:1px;background:#e5ddcf60}.prototypeNote{opacity:.45;margin-left:auto}.backButton{background:none;font-size:9px;letter-spacing:0;padding:0}.backButton span{margin-left:10px}#notice{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);background:#111f2ef2;border:1px solid #e3c89b55;color:#eee1cb;padding:14px 20px;font-size:11px;z-index:20;max-width:85vw}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:#111c29;color:var(--cream);border:1px solid #a4afbd30;padding:30px;width:580px;max-width:calc(100vw - 30px);max-height:90svh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#071018b8;backdrop-filter:blur(9px)}.dialogHeader{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:38px;line-height:1.05;margin:20px 0 27px}#spacesList{display:grid;grid-template-columns:1fr 1fr;gap:10px}#spacesList button{position:relative;min-height:95px;padding:14px;display:flex;align-items:flex-end;gap:10px;text-align:left;background:#26323e;overflow:hidden;font-size:10px}#spacesList img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .2s}#spacesList button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#081220cc)}#spacesList button:hover img{opacity:.85}#spacesList span,#spacesList b{z-index:1;font-weight:400}#spacesList b{font-size:7px;color:#e0c79e}#spacesList button[aria-current=true]{outline:1px solid #dcc398}.view[aria-busy=true]{cursor:progress}
@media(min-width:1600px){.propertyCard{right:7%;width:325px}h1{font-size:64px}#buildingCard{width:340px;padding:32px}#cutawayCanvas{width:69%;left:2%}}
@media(max-width:1000px){header{gap:20px}.breadcrumbs{gap:9px}.propertyCard{right:4%;width:235px}h1{font-size:43px}#cutawayCanvas{left:1%;width:67%}.hotspot{font-size:8px;padding:5px 7px 5px 5px;gap:5px;min-height:34px}.hotspot span{width:20px;height:20px}#roomActions{bottom:110px;flex-direction:column}.glassButton{font-size:8px;padding:10px 13px}#roomCaption h1{font-size:38px}}
@media(max-width:700px){#experience{min-height:550px}header{top:22px;left:6%;right:6%;gap:10px}.brand{font-size:20px;letter-spacing:5px}.brand>span{font-size:10px}.brand small{font-size:5px;letter-spacing:1.5px}.breadcrumbs{display:none}.headerActions{margin-left:auto;gap:6px}.iconButton{width:32px;height:32px;font-size:17px}#buildingImage{height:66%;top:3%;object-fit:contain}#facade{height:100%}#buildingView:after{background:linear-gradient(transparent 30%,#10192340 55%,#101923 76%)}#buildingCard{top:auto;bottom:76px;left:6%;right:6%;transform:none;width:auto;padding:0;border:0;background:none;backdrop-filter:none}#buildingCard .eyebrow{font-size:5.5px}#buildingCard h1{font-size:34px;display:inline-block;margin:10px 0 15px}#buildingCard h1 br{display:none}#buildingCard h1 em{margin-left:5px}#buildingCard .introCopy{display:none}.floorPicker{position:absolute;right:0;top:3px;border:0;padding:0;margin:0;width:105px}.floorPicker>div{margin:2px 0}.floorPicker output{font-size:34px}.floorPicker button{width:22px;height:22px;font-size:16px}.floorPicker small{display:none}.floorPicker>span{font-size:5px}.primary{font-size:10px;padding:15px}.modelNote{font-size:6.5px;margin-top:9px}#apartmentCard{top:auto;bottom:77px;left:6%;right:6%;width:auto;transform:none}#apartmentCard .eyebrow{font-size:6px}#apartmentCard h1{font-size:35px;margin:10px 0 12px}#apartmentCard h1 br{display:none}#apartmentCard h1 em{margin-left:5px}#apartmentCard .introCopy{display:none}.specs{margin:14px 0;padding:12px 0}.specs b{font-size:24px;margin-bottom:5px}.specs span{font-size:6px}.textButton{font-size:8px;padding:11px 0}#cutawayCanvas{left:2%;top:13%;width:96%;height:47%}.cutawayHint{top:58%;bottom:auto;left:6%;font-size:6.5px}.hotspot{font-size:7px;padding:5px;gap:4px;min-height:34px}.hotspot span{height:15px;width:15px;font-size:9px}.hotspot b{font-weight:400}#roomImage{object-fit:contain}.roomShade{background:linear-gradient(#05090f80,transparent 26%,transparent 63%,#05090fdd)}#roomCaption{bottom:150px;left:6%;max-width:85%}#roomCaption h1{font-size:35px;margin:10px 0}#roomDescription{font-size:9px;max-width:75%}#roomActions{bottom:88px;left:6%;right:6%;display:flex;flex-direction:row;justify-content:space-between;gap:7px}.glassButton{flex:1;font-size:8px;padding:11px 10px}.glassButton span{margin-left:7px}footer{left:6%;right:6%;bottom:23px;padding-top:13px;gap:12px;font-size:5px}.prototypeNote{display:none}.backButton{font-size:8px}#progress i{width:26px}dialog{padding:23px}dialog h2{font-size:32px}#spacesList{gap:8px}#spacesList button{min-height:88px;font-size:9px}#notice{bottom:68px;font-size:9px}}
@media(max-height:550px) and (min-width:701px){header{top:15px}#buildingCard{padding:20px;width:270px}.floorPicker{padding:8px 0;margin:12px 0}#buildingCard h1{font-size:35px;margin:12px 0}.introCopy{margin:10px 0}.floorPicker output{font-size:35px}.floorPicker>div{margin:3px 0 6px}.propertyCard{top:52%}#apartmentCard h1{font-size:35px}.specs{margin:12px 0;padding:12px 0}.propertyCard .primary{padding:12px}.modelNote{font-size:6px}footer{bottom:15px;padding-top:12px}#roomCaption{bottom:68px}#roomActions{bottom:77px}#cutawayCanvas{top:15%;height:72%}.cutawayHint{bottom:12%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#typeOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 17px}#typeOptions button{padding:11px 6px;background:#ffffff08;border:1px solid #eee3cb26;text-align:center;font-size:8px}#typeOptions small{display:block;font-size:6px;color:#b8bfca;margin-top:6px}#typeOptions button[aria-pressed=true]{border-color:#d6ba8b;background:#d6ba8b19;color:#f1d8b1}#floorRange{width:100%;height:2px;margin:0 0 14px;accent-color:#d6ba8b;display:block}.floorPicker{padding:14px 0;margin:18px 0}.floorPicker>div{margin:2px 0 9px}.floorPicker output{font-size:46px}
@media(max-width:700px){#buildingCard h1{font-size:28px}#typeOptions{margin:0 0 13px;gap:6px}#typeOptions button{padding:10px 6px;font-size:8px}#typeOptions small{font-size:6px;margin-top:4px}.floorPicker{margin:0;padding:0}.floorPicker output{font-size:31px}#floorRange{display:none}}
@media(max-height:550px) and (max-width:700px){#experience{min-height:0}header{top:13px;left:4%;right:4%}.brand{font-size:17px}.brand small{font-size:4px}#buildingImage{inset:0;width:58%;height:100%;object-fit:contain}#buildingCard{left:auto;right:4%;bottom:58px;width:225px}.floorPicker{top:0;width:80px}#buildingCard h1{font-size:22px;line-height:1.1}#buildingCard h1 br{display:block}#buildingCard h1 em{margin-left:0}.floorPicker output{font-size:24px}.floorPicker>div{margin:4px 0}#buildingCard .eyebrow{font-size:5px;max-width:140px}#typeOptions{margin-bottom:9px}#typeOptions button{padding:7px 4px;font-size:7px}.primary{padding:11px;font-size:8px}.modelNote{font-size:5px;margin-top:5px}#cutawayCanvas{left:1%;top:16%;width:60%;height:69%}#apartmentCard{left:auto;right:4%;bottom:56px;width:220px}#apartmentCard h1{font-size:24px;margin:8px 0}.specs{margin:8px 0;padding:8px 0}.specs b{font-size:20px}.textButton{padding:8px 0;font-size:7px}.cutawayHint{top:auto;bottom:14%;left:4%;font-size:5px}.hotspot{font-size:5px;padding:3px;min-height:29px;gap:2px}.hotspot span{width:13px;height:13px;font-size:7px}footer{bottom:12px;left:4%;right:4%;padding-top:10px}#roomCaption{left:4%;bottom:68px;max-width:52%}#roomCaption h1{font-size:29px}#roomDescription{font-size:8px;max-width:100%}#roomActions{left:auto;right:4%;bottom:71px;flex-direction:column;width:160px}.glassButton{padding:8px;font-size:7px;min-height:32px}dialog h2{font-size:26px}#spacesList button{min-height:65px}}
@media(max-width:700px){.hotspot{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center}.hotspot span{width:26px;height:26px;font-size:12px;border:0}.hotspot b{display:none}}@media(max-height:550px) and (max-width:700px){.hotspot{width:31px;height:31px;min-height:31px}.hotspot span{width:24px;height:24px;font-size:10px}}

#buildingView:before{content:'';position:absolute;inset:-25px;background:url('media/dollhouse/tower.webp') center/cover;filter:blur(28px);opacity:.65}#buildingImage{left:50%;right:auto;width:auto;height:100%;transform:translateX(-50%);max-width:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.specs b small{font:11px Arial,sans-serif;color:#e9d3b1}.prototypeNote{font-size:5.5px;letter-spacing:.7px}@media(max-width:700px){#buildingImage{top:3%;height:66%;width:auto;left:50%}.specs b small{font-size:9px}.prototypeNote{display:inline;font-size:4.5px;max-width:75px;line-height:1.6;text-align:right}}@media(max-height:550px) and (max-width:700px){#buildingImage{left:29%;top:0;height:100%;width:auto}.prototypeNote{display:none}}

#wideView,#panHint{display:none}@media(max-width:700px){#experience[data-view=room] #roomImage{object-fit:cover;touch-action:none;cursor:grab}#experience[data-view=room].wide-room #roomImage{object-fit:contain;cursor:default}#wideView{display:block}#panHint{display:block;position:absolute;left:50%;top:78px;transform:translateX(-50%);margin:0;font-size:7px;letter-spacing:.5px;color:#f0e4d1;background:#17212a9e;border:1px solid #e8d7bc29;padding:8px 12px;border-radius:20px;pointer-events:none}.roomShade{background:linear-gradient(#05090f8a,transparent 24%,transparent 55%,#05090fe0)}#roomActions{gap:5px}.glassButton{padding:11px 7px;font-size:7.5px}.glassButton .smallGrid{display:none}#roomDescription{max-width:90%;text-shadow:0 1px 10px #000}#roomCaption{bottom:153px}}@media(max-height:550px) and (max-width:700px){#panHint{top:60px;font-size:6px;padding:6px 9px}#roomActions{bottom:60px}#roomCaption{bottom:68px}}
