/* Full-screen tour: transparent navigation in every mode, on every viewport. */
body #viewport:after{background:none;opacity:0}
body header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom-color:#ffffff40}
body .wordmark,body .wordmark span,body .edition,body #photoToggle,body #photoToggle .photoLabel{color:#fff}
body .edition span,body #photoToggle .photoArrow{color:#e3c889}
body #photoToggle{border-bottom-color:#e3c88980}
body .wordmark,body .edition,body #photoToggle{text-shadow:0 1px 2px #05273eaa,0 1px 6px #05273e66}

/* The exterior hero remains white; floor-plan headings retain their navy type. */
body:not(.inside):not(.diagram) h1,body:not(.inside):not(.diagram) h1 span{color:#fff}
body:not(.inside):not(.diagram) .eyebrow{color:#fff}
body:not(.inside):not(.diagram) .intro p,body:not(.inside):not(.diagram) .specs b,body:not(.inside):not(.diagram) .specs span{color:#fff}
body:not(.inside):not(.diagram) .intro{text-shadow:0 1px 5px #05273e55}
body:not(.inside):not(.diagram) .specs{border-top-color:#ffffff45}

body .modes,body.inside .modes,body.diagram .modes{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:#ffffff40}
body .modes button{color:#fff;border-bottom-color:#ffffff38;text-shadow:0 1px 2px #05273ebf,0 1px 6px #05273e80}
body .modes button span{color:#fff}
body .modes button.active{color:#fff;background:transparent;border-left-color:#e3c889}
body .modes button.active span{color:#e3c889}
body .modes button:hover{color:#efd99f}

body .bottom,body.inside .bottom{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body .bottom .roomnav{background:transparent;border-bottom:1px solid #ffffff35;border-radius:0}
body .bottom .roomnav button{color:#fff;text-shadow:0 1px 2px #05273ebf,0 1px 6px #05273e80}
body .bottom .roomnav button.active{color:#e3c889;border-color:#e3c889}
body .bottom .toolbar{background:transparent;border-top-color:#ffffff35}
body .bottom .toolbar>button,body .bottom .finishes span,body .bottom footer,body .bottom #hint{color:#fff;text-shadow:0 1px 2px #05273ebf,0 1px 6px #05273e80}
body .bottom .toolbar>button[aria-pressed=true],body .bottom .toolbar>button:hover,body .bottom .roomnav button:hover{color:#efd99f}
body .bottom .finishes button{border-color:#ffffffc0;outline-color:#ffffff90}
body .bottom .finishes button.selected{outline-color:#e3c889}
body #enquireToggle{background:#d5b46b;color:#163e59;text-shadow:none}
body #enquireToggle:hover{background:#ead298}

body .mobileDock{background:transparent;border-top-color:#ffffff40;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;pointer-events:none}
body .mobileDock button{pointer-events:auto}
body .mobileRoomBar{background:transparent;border-color:#ffffff55}
body .mobileRoomBar>button,body #roomPicker .chevron{color:#e3c889;text-shadow:0 1px 2px #05273ebf,0 1px 6px #05273e80}
body #roomPicker{color:#fff}
body #controlsToggle{background:transparent;color:#fff;border-color:#e3c889;text-shadow:0 1px 2px #05273ebf,0 1px 6px #05273e80}

/* Photo thumbnails and opened dialogs keep their own legible surfaces. */
body:not(.inside):not(.diagram) #photoThumb:not([hidden]){background:#0c3246ed;border-color:#ffffff40;border-left-color:#e3c889;backdrop-filter:none}
body:not(.inside):not(.diagram) #photoThumbLabel{color:#fff}
@media(max-width:800px),(max-width:960px) and (max-height:500px){
 body .modes,body.inside .modes,body.diagram .modes{background:transparent;border-bottom-color:#ffffff40}
 body .modes button.active{background:transparent;border-bottom-color:#e3c889}
}