/* Dwell Demo — white surfaces, ocean blue type, restrained brass accents. */
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#163e59;background:#f6fbff;--blue:#154e74;--ink:#163e59;--gold:#9b712d;--muted:#587185;--line:#1a567526;--surface:#fafdfff5;--accent:#d5b46b;color-scheme:light}
button,input,textarea{font-family:inherit}button{transition:color .15s,background-color .15s,border-color .15s}button:hover{color:var(--blue)}button:disabled{cursor:default;opacity:.35}
header{height:88px;background:#f9fcfff5;border-bottom:1px solid #c6dce6;backdrop-filter:blur(16px);box-shadow:0 2px 20px #123d5310}
.wordmark{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.07em;color:#164b70}
.wordmark span{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;margin-left:13px;padding-left:13px;border-color:#b8914d;text-transform:uppercase;color:#49687d}
.edition{font-size:11px;letter-spacing:.17em;font-weight:600;color:#587185}.edition span{color:var(--gold)}
#photoToggle{font-size:13px;color:var(--blue);font-weight:600;border-bottom-color:#bca26d}
#enquireToggle,.enquirySubmit{background:var(--accent);color:#153c54;border-radius:3px;font-weight:800;letter-spacing:.09em}
#enquireToggle:hover,.enquirySubmit:hover{background:#e2c889;color:#153c54}
#viewport:after{background:linear-gradient(90deg,#f5fbfff0 0%,#f5fbffb0 15%,#f5fbff30 29%,transparent 42%)}
.inside #viewport:after,.diagram #viewport:after{opacity:0}
.intro{top:130px;width:254px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#77551c}
h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:65px;letter-spacing:-.075em;line-height:.97;margin:20px 0;color:#153f5b}
h1 span{font-weight:400;color:#25739b}.intro p{font-size:14px;line-height:1.65;color:#395e74}
.specs{gap:22px;margin-top:24px;padding-top:18px;border-top:1px solid #7a9aae55}.specs b{font-family:Manrope,Arial,sans-serif;font-size:22px;letter-spacing:-.045em;font-weight:700;color:#153f5b}.specs span{color:#527082;font-size:10px}
.modes{top:449px;border-top-color:#7397ac55}.modes button{gap:17px;color:#315e76;border-bottom-color:#7397ac44;font-size:13px;letter-spacing:.025em;font-weight:600;min-height:44px}
.modes button span{color:#658096;font-size:10px}.modes button.active{color:#174a6b;border-left-color:var(--gold);background:#e1eef570}.modes button.active span{color:#79591f}
.inside .modes{top:121px;background:var(--surface);border:1px solid #abc6d355;box-shadow:0 5px 25px #183f5212;padding:5px 12px;border-radius:3px}
.bottom,.inside .bottom{background:linear-gradient(transparent,#f6fbfff2 23%);padding-bottom:18px}
.roomnav,.inside .roomnav{background:#fafdfff0;gap:23px;padding:12px 16px 8px;margin-bottom:12px;border-radius:3px}
.roomnav button{color:#355e76;font-size:12px;letter-spacing:.015em;font-weight:600}.roomnav button.active{color:#143f5e;border-color:#ad8740;font-weight:800}
.toolbar{border-top-color:#6c94ab40;gap:25px;padding-top:13px}.toolbar>button{color:#43667c;font-size:12px;font-weight:600;letter-spacing:0}.toolbar>button[aria-pressed=true]{color:#79591f}
.finishes span{font-size:10px;color:#526f82}.finishes button{border-color:#f7fcff;outline-color:#698ba0}.finishes button.selected{outline-color:#9a702a}
footer{color:#4d6f82;font-size:10px;margin-top:17px}#hint{color:#4d6f82;font-size:9px}
#panel,#exploreHelp{background:var(--surface);color:var(--ink);border:1px solid #93b4c455;border-top:3px solid #c3a15f;border-radius:4px;box-shadow:0 12px 36px #143f5324;scrollbar-color:#7799ac #edf5f9}
.panelHead{font-size:10px;letter-spacing:.11em;color:#7d5a23;font-weight:700}.panelHead button{color:var(--blue)}
h2{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.04em;color:#174767}
#panel p{color:#45697f}#panel .small,.small{color:#628093!important}.photoNav{color:#315e77}.photoNav button:disabled{visibility:hidden}
.spot{background:#fafdfff0;border-color:#ba9755;color:#185677;box-shadow:0 2px 10px #183f5220}.spot:hover{background:var(--accent);color:#123b51}.spot:hover:after{background:#fafdff;color:#204f6a;border-color:#b99857}
.deckButtons{background:#fafdfff5;border-color:#9ab9c9}.deckButtons button{color:#3c667d}.deckButtons button[aria-pressed=true]{background:#d8b873;color:#153c54;font-weight:700}
#deckDescription{background:#fafdfff0;color:#3a657d}.diagram .intro h1{font-size:43px;line-height:1.05}.diagram .intro h1 br{display:none}.diagram .intro h1 span:before{content:' '}.diagram .modes{top:465px}
.diagram .intro h1 span{display:inline-block;margin-left:.24em}
#exploreHelp strong{color:#7d5a23}#exploreHelp p{color:#426a7f}.travelButtons button{background:#edf6fa;border-color:#a5c1d0;color:#214e68}.travelButtons button:active{background:#d5b46b;color:#153c54}#exitExplore{color:#73501a}
#loading{background:#f6fbff;color:#1b597f;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em}
#areaLoading{background:#fafdfff5;color:#174d6d;border:1px solid #adc4cf;border-top:3px solid #c3a15f;border-radius:4px;box-shadow:0 8px 32px #16435a22}
.areaStatusActions button{color:#215777;border-color:#aec6d2;background:#eef6fb;border-radius:2px}
#photoDialog,.mobileSheet{background:#fafdff;color:#183f58;border-color:#afc8d5}#photoDialog::backdrop,.mobileSheet::backdrop{background:#0c355a70;backdrop-filter:blur(6px)}
.galleryHeader,.sheetHeader{background:#f9fcff;border-color:#b7cfdb}.galleryHeader{border-top:3px solid #c3a15f}#galleryTitle{font:600 13px/1.45 Manrope,Arial,sans-serif;color:#375e74}#closePhoto{color:#1c526f}
.galleryNav{background:#eef6fb;border-color:#c9dde7}.galleryNav button{color:#245e7c}#galleryCount{color:#335e76;font-size:13px}#galleryStage{background:#e8f1f6}
.galleryNav button:disabled{visibility:hidden}
.galleryDetails{background:#fafdff}#galleryDescription{color:#476b80}.galleryDetails .small{color:#607c8c!important}
#enquiryDialog{background:#f9fcff;color:#163e59;border-color:#bdd0da;box-shadow:-18px 0 70px #153a5528;scrollbar-color:#98b5c4 #f2f8fc}
.enquiryHeader{background:#f9fcfff5;border-color:#c3d7e1;border-top:3px solid #c3a15f}.enquiryKicker{color:#896427;font-weight:700}.enquiryIntro{color:#486a7f}#closeEnquiry{color:#194e6b}
.enquiryContext{background:#edf5f9;border-color:#c4d9e3}.enquiryContext h3{color:#7b5a24;font-weight:700}.enquiryContext dt{color:#587589}.enquiryContext dd{color:#1f4c68}
.enquiryField{color:#214e69;font-weight:600}.enquiryField .optional{color:#698294}.enquiryField input,.enquiryField textarea{background:white;color:#163e59;border-color:#afc7d4;font-family:Manrope,Arial,sans-serif;border-radius:3px}.enquiryField input::placeholder,.enquiryField textarea::placeholder{color:#688293}
.enquirySubmit:disabled{background:#e3e9ec;color:#6b7f8b;opacity:1}#enquiryAvailability{background:#edf5f9;color:#526f82;border-left-color:#ba9550}#backToTour{color:#1c577a}
@media(max-height:820px) and (min-width:801px){.intro{top:119px}h1{font-size:52px;margin:14px 0}.specs{margin-top:19px;padding-top:15px}.modes{top:389px}.modes button{min-height:40px;padding-top:10px;padding-bottom:10px}.diagram .modes{top:445px}}
@media(min-width:801px) and (max-width:1100px){.roomnav,.inside .roomnav{gap:16px}.roomnav button{font-size:11px}.toolbar{gap:19px}h1{font-size:59px}}
@media(max-width:800px),(max-width:960px) and (max-height:500px){
 header{height:var(--header-height);background:#f9fcfff7;border-color:#bed4e0;padding:var(--safe-top) var(--edge-right) 0 var(--edge-left);box-shadow:none}
 .wordmark{font-size:25px;letter-spacing:-.065em}.wordmark span{font-size:11px;margin-left:10px;padding-left:10px;letter-spacing:.07em}
 #enquireToggle{font-size:10px;height:36px;padding:0 13px}
 .modes,body.inside .modes,body.diagram .modes{top:var(--header-height);height:44px;background:#f3f9fded;border:0;border-bottom:1px solid #b9d1de;padding:0 var(--edge-right) 0 var(--edge-left);box-shadow:none;border-radius:0}
 .modes button,.modes button.active{font-size:11px;font-weight:700;letter-spacing:0;min-height:0;color:#476b81;background:transparent;border-left:0}
 .modes button.active{background:#e3f0f7;color:#174d70;border-bottom:2px solid #ae843b}
 #viewport:after,body:not(.inside):not(.diagram) #viewport:after{background:none}
 .mobileDock{background:#f6fbfff5;border-color:#afcad8;box-shadow:0 -5px 24px #163e5710}
 .mobileRoomBar{background:white;border-color:#a9c6d6;border-radius:3px}.mobileRoomBar>button{color:#876025}#roomPicker{color:#194d6c;font-size:12px;font-weight:700}#roomPicker .chevron{color:#876025}
 #controlsToggle{background:#e9f3f9;color:#1e5779;border-color:#adc8d6;font-weight:700;border-radius:3px}
 #photoThumb:not([hidden]){background:#f9fdfff5;border-color:#b7cdd7;border-left:3px solid #bd9852;border-radius:3px;box-shadow:0 3px 14px #1a405520}#photoThumbLabel{color:#245674;font-weight:700}
 .mobileSheet{background:#fafdff;color:#173f58;border-color:#b8cdd7}.sheetHeader h2{font:700 15px/1.4 Manrope,Arial,sans-serif;color:#245a77;letter-spacing:0}.sheetHeader button{color:#245a77}
 #roomList .roomnav,.inside #roomList .roomnav,.diagram #roomList .roomnav{background:none}
 #roomList [data-room]{font-size:14px;color:#315e78;font-weight:600}#roomList [data-room].active{color:#174867;background:#e7f2f8;border-left-color:#b58b41}
 #mobileControlsContent .toolbar>button{color:#315e78;background:#eff7fb;border-color:#b7d0de;font-weight:600}#mobileControlsContent .toolbar>button[aria-pressed=true]{background:#e0edf4;color:#184967;border-color:#b58b41}
 #mobileControlsContent [data-color]{border-color:#fafdff}#mobileControlsContent .finishes span{color:#486b80}#mobileControlsContent #exploreHelp{background:none;border-color:#bdd3df}
 .deckButtons{background:#fafdfff5;border-color:#9ebecd}.deckButtons button[aria-pressed=true]{background:#d5b46b;color:#153c54}
 #photoDialog{background:#fafdff}.galleryHeader{border-top:0}
}