.penthouse-hero .virtual-room{position:absolute;inset:0;z-index:-2;overflow:visible;transform-origin:0 0;width:1670px;height:941px;will-change:transform}
.virtual-room>img{display:block;width:1670px;height:941px;max-width:none}
.virtual-room iframe{position:absolute;left:0;top:0;width:640px;height:360px;transform-origin:0 0;border:0;background:#020405;max-width:none}
.screen-off{display:none}.preview-label{color:#fff;font:500 12px/1.3 system-ui;letter-spacing:.07em;padding:10px 14px;background:#0b162bbd;border-radius:8px}
.penthouse-copy{width:min(640px,50vw);transition:opacity .6s,visibility .6s;z-index:1}.penthouse-actions .space-button{font-family:inherit;cursor:pointer}
.penthouse-top{z-index:2;right:24px}.penthouse-top>a{font-size:14px}
.penthouse-hero.is-focused .penthouse-copy{opacity:0;visibility:hidden;pointer-events:none}
.penthouse-nav{z-index:2;right:190px;left:4vw;bottom:24px}.penthouse-nav a{font-weight:600;font-size:14px}.penthouse-hero.is-focused .penthouse-nav{opacity:0;pointer-events:none}
.experience-status{position:fixed;left:4vw;bottom:12px;z-index:2;display:none;color:#fff;background:#0a142cbd;padding:8px 12px;border-radius:8px;font:400 13px/1.4 system-ui;max-width:calc(100% - 200px)}.is-focused .experience-status{display:block}
.virtual-remote{position:fixed;right:12px;bottom:12px;width:156px;padding:8px;color:#e9f0fc;background:#101c2beb;border:1px solid #9cb4d740;border-radius:14px;box-shadow:0 8px 28px #050b1433;z-index:20;font-family:system-ui}
.virtual-remote[hidden]{display:none}.virtual-remote button{cursor:pointer;min-width:44px;height:44px;padding:0;color:#eef4ff;background:#2a3a50;border:1px solid #8a9fbc38;border-radius:8px;font:400 24px/1 system-ui;touch-action:manipulation}
.virtual-remote button:hover{background:#3d536f}.virtual-remote button:active{background:#1260dc}.virtual-remote button:focus-visible,.remote-launch:focus-visible{outline:3px solid #97bdff;outline-offset:2px}
.remote-tools{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #91a7c52b;margin-bottom:8px}.remote-tools button{background:transparent;border-color:transparent}
.remote-cursor{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;justify-content:center}.cursor-up{grid-area:1/2}.cursor-left{grid-area:2/1}.cursor-enter{grid-area:2/2;font-size:12px!important;background:#1260dc!important}.cursor-right{grid-area:2/3}.cursor-down{grid-area:3/2}
.remote-launch{position:fixed;right:12px;bottom:12px;color:#fff;background:#101c2beb;border:1px solid #91a5c84d;border-radius:10px;padding:10px 14px;min-height:44px;font:500 13px/1.4 system-ui;cursor:pointer;z-index:19}.remote-launch[aria-expanded=true]{visibility:hidden}
.penthouse-hero:fullscreen{width:100vw;height:100vh}
@media(max-width:900px){.penthouse-copy{width:min(520px,62vw);left:4vw;padding:18px}.penthouse-nav{left:4vw;right:190px;padding:8px;grid-template-columns:repeat(3,1fr)!important}.preview-label{display:none}}
@media(max-width:650px){.spaces-app .penthouse-hero{height:100svh;min-height:420px}.penthouse-top{left:16px;top:12px;right:16px}.penthouse-copy{left:16px;right:16px;width:auto;bottom:auto;top:70px;max-width:none;padding:12px 16px}.penthouse-copy h1{font-size:26px}.penthouse-copy p:not(.penthouse-eyebrow){font-size:14px;margin-bottom:10px}.penthouse-actions{grid-template-columns:1fr 1fr}.spaces-app .penthouse-copy .penthouse-actions .space-button{font-size:12px;padding:8px;white-space:normal}.penthouse-nav{bottom:24px;left:12px;right:180px;grid-template-columns:1fr!important;padding:4px}.penthouse-nav a{font-size:12px;min-height:29px}.experience-status{left:16px;top:64px;font-size:12px;padding:6px 8px;max-width:calc(100% - 32px)}.virtual-remote{right:8px;bottom:8px}.remote-launch{right:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.penthouse-copy{transition:none}}
@media(max-width:650px){.experience-status{top:auto;bottom:8px;max-width:calc(100% - 188px)}}
.remote-launch[aria-expanded=true]{visibility:visible;background:#1260dc}
.spaces-navigation{position:fixed;left:16px;right:16px;top:16px;z-index:25;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;padding:6px 12px;background:#f4f8fded;color:#152033;border:1px solid #c9d8e8;border-radius:10px;box-shadow:0 8px 28px #050b1426;font-family:system-ui}
.spaces-navigation[hidden]{display:none}.spaces-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;text-decoration:none;color:#152033;font-size:14px;font-weight:500}.spaces-navigation a:hover,.spaces-navigation a:focus-visible{background:#dae8fb;border-radius:6px}
.remote-launch.remote-active{visibility:hidden}
@media(max-width:650px){.spaces-navigation{left:8px;right:8px;top:8px;padding:4px;justify-content:stretch}.spaces-navigation a{flex:1 1 45%;padding:6px 8px;font-size:13px}}
/* A slim navigation strip anchored to the bottom edge. */
.spaces-navigation{left:0;right:0;top:auto;bottom:0;padding:0 66px 0 8px;gap:0;justify-content:center;flex-wrap:nowrap;background:#111a23ee;color:#eef3f8;border:0;border-top:1px solid #ffffff24;border-radius:0;box-shadow:none;overflow-x:auto;scrollbar-width:thin}
.spaces-navigation a{flex:0 0 auto;min-height:34px;padding:4px 10px;color:#eef3f8;font-size:12px;line-height:1.2;white-space:nowrap}
.spaces-navigation a:hover,.spaces-navigation a:focus-visible{background:#ffffff18;border-radius:0}
.remote-launch[aria-expanded=true]{bottom:0;right:0;min-height:34px;height:34px;padding:4px 12px;border:0;border-left:1px solid #ffffff24;border-radius:0;background:#111a2b;z-index:26}
@media(max-width:650px){.spaces-navigation{left:0;right:0;top:auto;bottom:0;padding:0 58px 0 0;justify-content:flex-start;flex-wrap:nowrap}.spaces-navigation a{flex:0 0 auto;min-height:34px;padding:4px 9px;font-size:11px}}
.spaces-leadin{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:clamp(230px,36vw,500px);text-align:center;z-index:1;transition:opacity .6s,visibility .6s;pointer-events:none;animation:none}
.spaces-leadin img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 12px #0008)}
.spaces-leadin span{display:block;padding-left:.18em;font:300 clamp(32px,4vw,56px)/1.2 system-ui;letter-spacing:.18em;color:#fff;text-shadow:0 2px 10px #000}
.is-focused .spaces-leadin{opacity:0;visibility:hidden}
@media(max-width:650px){.spaces-leadin{top:20px;width:min(280px,80vw)}.penthouse-copy{top:auto;bottom:74px}.spaces-leadin span{font-size:32px}}
@media(prefers-reduced-motion:reduce){.spaces-leadin{transition:none}}
/* Brand arrival: centered identity settles into the upper-left corner. */
.spaces-leadin{top:18px;left:20px;transform:none;width:clamp(155px,17vw,230px);transform-origin:0 0}
.brand-arriving .spaces-leadin{animation:spaces-brand-arrival 7s cubic-bezier(.22,.55,.3,1) both}
.spaces-leadin span{font-size:clamp(22px,2vw,30px)}
@keyframes spaces-brand-arrival{
  0%,18%{top:50%;left:50%;transform:scale(1.9) translate(-50%,-50%)}
  100%{top:18px;left:20px;transform:translate(0,0) scale(1)}
}
@media(max-width:650px){.spaces-leadin{top:14px;left:14px;width:155px}.spaces-leadin span{font-size:22px}@keyframes spaces-brand-arrival{0%,18%{top:50%;left:50%;transform:scale(1.6) translate(-50%,-50%)}100%{top:14px;left:14px;transform:translate(0,0) scale(1)}}}
@media(prefers-reduced-motion:reduce){.spaces-leadin{animation:none}}


.penthouse-copy{animation:spaces-story-arrival 7s ease both}
@keyframes spaces-story-arrival{0%,35%{opacity:0}100%{opacity:1}}
.penthouse-hero.is-focused .penthouse-copy{animation:none}
@media(prefers-reduced-motion:reduce){.penthouse-copy{animation:none}}
.virtual-room iframe,.room-source{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;max-width:none;border:0;background:#050c13}
.room-source[hidden]{display:none}.room-source{z-index:7;overflow:hidden;font-family:system-ui;color:white}
.room-source .dreamwall-playlist{display:block;width:100%;height:100%;border:0;background:#000}
.virtual-remote{width:176px}.remote-tools{padding-bottom:0;margin-bottom:4px;border:0;align-items:center}.remote-tools button{height:28px;min-width:40px;font-size:20px}.remote-tools [data-action=off]{font-size:11px;letter-spacing:.08em}
.remote-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.remote-sources button{height:34px;min-width:0;font-size:10px;font-weight:500}.remote-sources button[aria-pressed=true]{background:#1260dc;border-color:#a7c9ff}
.liquid-scene,.camera-scene{width:100%;height:100%;position:relative}.liquid-scene svg{width:100%;height:100%}.liquid-scene>span{position:absolute;bottom:28px;right:36px;font-size:20px;letter-spacing:.1em;opacity:.65}
.camera-scene{background-size:cover;background-position:center;filter:saturate(.4)}.camera-1{background-size:150%;background-position:left center}.camera-2{background-size:170%;background-position:right center}.feed-label{position:absolute;top:24px;left:28px;font:22px monospace;background:#050b14aa;padding:12px}.feed-label:before{content:'● ';color:#60ff9a}small{font-size:14px;opacity:.65;margin-left:16px}.camera-scene time{position:absolute;bottom:24px;right:30px;font:22px monospace}.camera-reticle{position:absolute;inset:80px;border:2px solid #ffffff40}
.sports-heading{height:60px;display:flex;align-items:center;padding:0 26px;font-size:24px;background:#111d2a}.sports-grid{height:660px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:8px}.sport-tile{position:relative;overflow:hidden;border:4px solid transparent}.sport-tile.selected{border-color:#8ebdff}.sport-tile svg{width:100%;height:100%;object-fit:cover}.sport-tile span{position:absolute;left:0;bottom:0;right:0;padding:10px 16px;background:#07111bcf;font-size:18px}.sport-tile b{float:right}.sports-grid.expanded{display:block}.expanded .sport-tile{height:100%}.sport-tile[hidden]{display:none}
.virtual-room>img{filter:brightness(var(--room-light,1));transition:filter 2s ease}
.room-atmosphere{position:absolute;inset:0;width:1670px;height:941px;pointer-events:none}.window-shades{transform:scaleY(var(--shade-position,0));transform-origin:956px 0;transition:transform 2.6s ease;opacity:.94}.halo-glow{opacity:0;filter:blur(7px);transition:opacity 2s}.room-evening .halo-glow{opacity:.7}.room-evening .virtual-room>img{filter:brightness(var(--room-light,.4)) sepia(.12)}
.remote-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.remote-scenes button{height:25px;min-width:0;font:10px system-ui;background:transparent;border-color:#ffffff20}.virtual-remote{padding:7px}.remote-cursor{gap:3px;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.remote-cursor button{height:40px;min-width:40px}.remote-sources{margin-top:4px}.remote-tools{margin-bottom:2px}
.home-os-panel{position:fixed;z-index:30;left:18px;top:18px;bottom:58px;width:min(365px,calc(100vw - 36px));padding:20px;overflow-y:auto;background:#101c29f5;border:1px solid #a9c6e72b;border-radius:16px;color:#edf4fc;box-shadow:0 20px 70px #0005;font:13px/1.5 system-ui;backdrop-filter:blur(18px)}.home-os-panel[hidden],.home-os-panel section[hidden]{display:none}.home-os-panel header{display:flex;justify-content:space-between;align-items:center}.home-os-panel h2{margin:3px 0;font-size:25px;font-weight:400}.home-os-panel h3{font-size:23px;font-weight:400;margin:12px 0}.os-eyebrow{font-size:9px;letter-spacing:.15em;color:#a7c3e1}.home-os-panel button{color:#eef5ff;background:#24374a;border:1px solid #ffffff1f;border-radius:7px;cursor:pointer;padding:8px;font:12px system-ui}.home-os-panel header button{font-size:25px;background:transparent;border:0}.os-mode{color:#90abc4;font-size:11px}.os-tabs{display:flex;gap:5px;border-bottom:1px solid #ffffff1b;padding-bottom:12px;margin-bottom:16px}.os-tabs button{flex:1;background:transparent}.os-tabs .active{background:#285783}.os-scene-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px}.os-slider{display:block;margin:16px 0}.os-slider output{float:right;color:#a7d4ff}.os-slider input{display:block;width:100%;margin:10px 0;accent-color:#75b9ff}.os-state{display:grid;gap:5px;margin:20px 0}.os-state span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#92aac1}.os-state b{font-weight:400;margin-bottom:6px}.home-os-panel details{padding:12px 0;border-top:1px solid #ffffff1b}.home-os-panel summary{cursor:pointer}.home-os-panel details p{color:#a0b5c9}.os-activity{padding:12px;background:#2848626b;border-radius:8px;color:#b7daf4;font-size:12px}.property-assets{display:grid;gap:7px}.property-assets button{text-align:left}.property-assets span{display:block;font-size:10px;color:#9bb6cc}.property-detail{border-left:2px solid #79b7e6;padding:0 12px;color:#b9cbdc;margin:18px 0;font-size:12px}.property-detail h4{color:#f0f5fa}.property-qr{display:flex;align-items:center;gap:14px;color:#d7eafa;text-decoration:none;margin-top:24px}.property-qr img{border-radius:6px}.property-qr small{display:block;font-size:10px;margin:3px 0;color:#91adc3}.voice-listen{width:100%;padding:14px!important;background:#285783!important;margin:14px 0}#room-command-form label{display:block;font-size:11px;color:#a3bdd1;margin:8px 0}#room-command-form>div{display:flex;gap:6px}#room-command{min-width:0;flex:1;padding:10px;background:#081320;color:#eef5ff;border:1px solid #8ca6c53f;border-radius:6px}#voice-response{padding:10px 0;color:#acd3ed}.home-os-panel button:focus-visible,.home-os-panel input:focus-visible{outline:2px solid #8dc6ff;outline-offset:2px}
@media(max-width:650px){.home-os-panel{left:8px;right:8px;top:8px;bottom:48px;width:auto;padding:16px}}
@media(prefers-reduced-motion:reduce){.virtual-room>img,.window-shades,.halo-glow{transition:none}}
.door-view{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feed-label{z-index:2}.camera-scene time{z-index:2}.camera-reticle{z-index:1;pointer-events:none}
.home-os-panel header{position:sticky;top:-20px;background:#101c29;z-index:3;margin:-20px -20px 0;padding:16px 20px;border-bottom:1px solid #ffffff14}
@media(max-width:650px){.home-os-panel header{top:-16px;margin:-16px -16px 0;padding:12px 16px}}
/* Photographic room states replace the drawn blinds and glow. */
.virtual-room>img:first-child,.room-evening .virtual-room>img:first-child{filter:brightness(var(--room-brightness,1));transition:filter 2s ease}
.virtual-room>.room-photo-evening{position:absolute;left:0;top:0;width:1670px;height:941px;opacity:var(--evening-opacity,0);filter:none;transition:opacity 2.5s ease;pointer-events:none}
.ambient-photograph{width:100%;height:100%;object-fit:cover}.door-view{object-fit:cover}.camera-scene{filter:none}.camera-reticle{display:none}.camera-scene time{background:#07111b99;padding:4px 8px}.sport-photograph{width:100%;height:100%;background-image:url(sports-photo.png);background-size:200% 200%;background-repeat:no-repeat}.sport-photo-0{background-position:0 0}.sport-photo-1{background-position:100% 0}.sport-photo-2{background-position:0 100%}.sport-photo-3{background-position:100% 100%}.sports-grid{gap:5px;background:#080e16}.sport-tile{border-width:3px}.sport-tile.selected{border-color:#9bcaff}.sport-tile span{font-size:16px;background:linear-gradient(transparent,#04101de6)}
@media(prefers-reduced-motion:reduce){.room-photo-evening{transition:none}}
/* Touchscreen activity topology. */
.virtual-remote{width:320px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);display:flex;flex-direction:column;padding:14px;right:12px;bottom:12px;border-radius:18px;background:#080f19f5;border:1px solid #7195be70;box-shadow:0 16px 50px #0005;overflow:hidden}.virtual-remote[hidden]{display:none}
.virtual-remote button{min-height:48px;min-width:48px;height:auto;touch-action:manipulation;font-family:system-ui;transition:background .15s}
.touch-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #507db961}.touch-header span{font-size:10px;letter-spacing:.12em;color:#83b9ff}.touch-header h2{margin:5px 0 0;font-size:25px;font-weight:500}.touch-header p{font-size:14px;margin:4px 0 0;color:#adcef6}.touch-power{display:flex;gap:4px}.touch-power button{border:0;background:transparent;font-size:26px;padding:4px}.touch-power small{display:block;font-size:8px;font-weight:600;white-space:nowrap;margin-top:3px}
.touch-body{overflow-y:auto;min-height:0;flex:1;padding:12px 0;scrollbar-width:thin}.touch-activities{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.touch-activities[hidden],.touch-controls[hidden]{display:none}.touch-activities button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:106px;padding:10px 6px;border-radius:9px;font-size:16px;background:#142334;border:1px solid #55769c4d}.touch-activities button small{font-size:11px;color:#a2bad1}.touch-activities .tile-symbol{display:block;font-size:32px;line-height:1.1;font-weight:600;color:white}.touch-activities button[aria-pressed=true]{background:#1e4772;border-color:#92c9ff}
.touch-hint{font-size:13px;line-height:1.5;color:#afc4da;margin:0 0 12px}.remote-cursor{grid-template-columns:repeat(3,66px);grid-template-rows:repeat(3,60px);gap:6px}.remote-cursor button{min-width:60px;min-height:60px;height:60px;font-size:28px;border-radius:10px}.remote-cursor .cursor-enter{font-size:17px!important}
.touch-scene-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.touch-scene-row button{min-width:0;font-size:12px;padding:6px}
.touch-footer{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-top:1px solid #507db961;padding-top:10px}.touch-footer button{padding:5px 0;font-size:24px;background:transparent;border:0;min-width:44px;min-height:54px}.touch-footer small{display:block;font-size:10px;color:#b5cee8;margin-top:3px}.touch-demo-label{text-align:center;font-size:9px;color:#6e8aa8;letter-spacing:.12em;padding-top:8px}
.spaces-navigation{min-height:52px;padding-right:78px;justify-content:flex-start;scrollbar-width:none}.spaces-navigation::-webkit-scrollbar{display:none}.spaces-navigation a{min-height:52px;padding:10px 18px;font-size:15px}.remote-launch{font-size:15px;min-height:52px;padding:12px 18px}.remote-launch[aria-expanded=true]{height:52px;min-height:52px;padding:10px 18px}
.home-os-panel button{min-height:48px;font-size:14px}.home-os-panel input[type=range]{min-height:44px}.os-tabs button{padding:10px}.property-assets button{padding:12px}.home-os-panel summary{min-height:44px;padding:10px 0}
@media(max-width:650px){.virtual-remote{right:8px;bottom:8px;max-width:calc(100vw - 16px);max-height:65svh;padding:10px}.touch-header h2{font-size:22px}.touch-header p{font-size:13px}.touch-activities button{min-height:94px;font-size:15px}.spaces-navigation a{min-height:52px;font-size:14px;padding:10px 15px}.remote-cursor{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,56px)}.remote-cursor button{height:56px;min-height:56px;min-width:56px}.touch-demo-label{display:none}.touch-body{padding:8px 0}}
@media(min-width:651px){.touch-activities button{min-height:94px;padding:7px 6px}.touch-body{padding:8px 0}.touch-header{padding-bottom:8px}.touch-footer{padding-top:7px}.touch-demo-label{padding-top:5px}}
.touch-room-settings[hidden]{display:none}.touch-room-settings .os-slider{font-size:16px;margin:20px 0}.touch-room-settings input{width:100%;min-height:44px;accent-color:#89c5ff}.touch-room-scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.touch-room-scenes button{font-size:14px;padding:10px}

/* Small persistent remote visibility toggle. */
.remote-toggle{position:fixed;right:12px;bottom:12px;width:44px;height:44px;padding:10px;border:1px solid #91a5c84d;border-radius:50%;background:#101c2beb;color:#fff;cursor:pointer;z-index:28;touch-action:manipulation;box-shadow:0 3px 14px #0003}
.remote-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.remote-toggle-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#8a9bab}.remote-toggle[aria-expanded=true]{border-color:#89c5ff;background:#183d62}.remote-toggle[aria-expanded=true] .remote-toggle-dot{background:#94e6b0}
.remote-toggle:hover{background:#294b6a}.remote-toggle:focus-visible{outline:3px solid #97bdff;outline-offset:3px}
.remote-launch{right:68px;min-height:44px;padding:10px 14px}.remote-launch[aria-expanded=true]{right:64px}.spaces-navigation{padding-right:144px}
.virtual-remote{bottom:68px;max-height:calc(100svh - 80px)}
@media(max-width:650px){.remote-toggle{right:8px;bottom:8px}.remote-launch{right:60px}.remote-launch[aria-expanded=true]{right:60px}.virtual-remote{bottom:60px;max-height:min(65svh,calc(100svh - 72px))}.spaces-navigation{padding-right:140px}}

/* Compact touchscreen with one navigation control. */
.virtual-remote{width:280px;padding:12px;border-radius:14px}
.touch-header h2{font-size:21px}.touch-activities button{min-height:78px;font-size:14px}.touch-activities .tile-symbol{font-size:24px}.touch-activities button small{font-size:10px}
.touch-channels{display:grid;gap:6px}.touch-channels h3{margin:0 0 6px;font-size:17px}.touch-channels a,.touch-channels button{display:flex;align-items:center;min-height:44px;padding:8px 12px;background:#142334;border:1px solid #55769c4d;border-radius:8px;color:#fff;font:500 14px/1.3 system-ui;text-decoration:none}
.spaces-navigation{position:fixed;right:12px;bottom:68px;left:auto;width:min(310px,calc(100vw - 24px));max-height:calc(100svh - 90px);overflow:auto;display:flex;flex-direction:column;align-items:stretch;padding:8px;border-radius:12px;background:#080f19f5;z-index:30}.spaces-navigation a{padding:8px 12px;min-height:44px;font-size:14px}
@media(max-width:650px){.virtual-remote{width:260px;max-height:calc(100svh - 80px)}.touch-activities button{min-height:70px}.touch-footer button{min-height:44px}.touch-header h2{font-size:20px}}
.touch-activities button{height:76px;min-height:76px;gap:4px;padding:6px 4px}.touch-activities button span:not(.tile-symbol){line-height:1.2}.touch-activities button small{line-height:1.1;white-space:nowrap;font-size:9px}.virtual-remote{max-height:min(560px,calc(100svh - 80px))}
@media(max-width:650px){.touch-activities button{height:70px;min-height:70px}.virtual-remote{max-height:min(520px,calc(100svh - 80px))}}


/* Tablet Home screen, inspired by the supplied media-room remote. */
.virtual-remote{width:300px;height:600px;max-height:calc(100svh - 32px);right:16px;top:50%;bottom:auto;transform:translateY(-50%);padding:16px 16px 12px;background:#060606;border:7px solid #bbc0c4;border-radius:24px;color:#fff;box-shadow:0 0 0 2px #545b60,0 12px 32px #0008}
.touch-header{position:relative;display:block;text-align:center;padding:12px 0 0;border:0;min-height:140px}.touch-room-title{padding:0 36px}.touch-room-title>span{font:bold 26px/1.1 system-ui;color:#2457ff;letter-spacing:0;text-transform:none}.touch-header h2{font:bold 20px/1.2 system-ui;margin:4px 0 0}.touch-header #touch-view-title{font:500 23px/1.1 system-ui;color:#ffef00;margin:3px 0 0}.touch-sofa{display:block;width:76px;height:36px;margin:6px auto 0;fill:none;stroke:#fff;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.touch-power{position:absolute;right:-7px;top:-8px}.touch-power button{width:46px;min-width:46px;font-size:30px;padding:0;line-height:1}.touch-power small{font-size:8px;letter-spacing:0}.touch-body{padding:4px 0 8px;overflow:auto}.touch-welcome{font:500 12px/1.3 system-ui;text-align:center;margin:0 0 16px;color:#fff}.touch-activities{gap:12px 6px}.virtual-remote .touch-activities button{height:98px;min-height:98px;border:0;border-radius:0;background:transparent;padding:6px 0;gap:8px;font:400 15px/1.2 system-ui;min-width:0}.virtual-remote .touch-activities button[aria-pressed=true]{background:transparent;color:#fff}.touch-activities .tile-symbol{height:48px;width:60px;display:flex;align-items:center;justify-content:center}.tile-symbol svg{width:60px;height:48px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.virtual-remote .touch-activities button:hover{background:#141414}.virtual-remote .touch-activities button:focus-visible{outline-color:#fff!important}
.touch-footer{margin-top:auto;border-top:2px solid #243cff;padding-top:7px;gap:2px}.touch-footer button{font-size:26px;min-height:46px;padding:2px}.touch-footer small{color:#fff;font-size:9px}.touch-footer [data-action=touch-back] small{color:#98e635}
.touch-navigation.spaces-navigation{position:static;display:flex;flex-direction:column;max-height:none;width:auto;padding:0;gap:5px;background:transparent;box-shadow:none;border:0}.touch-navigation.spaces-navigation a{color:#fff;font:400 14px/1.25 system-ui;min-height:44px;padding:9px;text-align:left;background:#171717;border:1px solid #373737;border-radius:6px}
.touch-channels h3{display:none}.touch-channels a,.touch-channels button{font-size:14px;background:#171717;border-color:#373737}.touch-room-settings .os-slider{font-size:14px;margin:12px 0}.touch-room-scenes button{font-size:12px}.touch-room-settings .touch-hint{font-size:12px}
@media(max-width:650px){.virtual-remote{width:280px;height:520px;top:auto;bottom:16px;right:calc((100vw - 280px)/2);transform:none;max-height:58svh;padding:10px;border-width:5px}.touch-header{min-height:106px;padding-top:6px}.touch-room-title>span{font-size:23px}.touch-header h2{font-size:17px}.touch-header #touch-view-title{font-size:19px}.touch-sofa{height:25px;width:60px;margin:4px auto}.touch-welcome{margin-bottom:8px;font-size:11px}.virtual-remote .touch-activities button{height:72px;min-height:72px;font-size:14px;gap:5px}.touch-activities{gap:4px}.touch-activities .tile-symbol,.tile-symbol svg{height:34px;width:48px}.touch-footer button{min-height:40px}.touch-body{padding-top:0}.touch-power{top:-2px;right:0}}
.touch-power{right:0;top:0}.touch-power small{font-size:7px}.virtual-room iframe.remote-tv-destination{width:1280px;height:720px;z-index:5;background:#fff}.remote-tv-destination[hidden]{display:none!important}.touch-footer [data-action=mute] svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}

/* The icon expands a compact remote without resizing the DreamWall. */
.virtual-remote{box-sizing:border-box;width:230px;height:390px;max-height:calc(100svh - 80px);top:auto;right:12px;bottom:68px;transform:none;transform-origin:100% calc(100% + 34px);padding:10px 10px 7px;border-width:5px;border-radius:18px}
.touch-header{min-height:90px;padding-top:4px}.touch-room-title{padding:0 27px}.touch-room-title>span{font-size:19px}.touch-header h2{font-size:15px}.touch-header #touch-view-title{font-size:17px}.touch-sofa{width:54px;height:24px;margin:4px auto 0}.touch-power button{width:36px;min-width:36px;height:36px;font-size:25px}.touch-power small{font-size:6px}
.touch-welcome{font-size:10px;margin-bottom:5px}.touch-body{padding:0 0 5px}.touch-activities{gap:3px 4px}.virtual-remote .touch-activities button{height:60px;min-height:60px;font-size:12px;gap:4px;padding:3px 0}.touch-activities .tile-symbol,.tile-symbol svg{width:44px;height:32px}.touch-footer{padding-top:4px}.touch-footer button{min-width:0;min-height:44px;height:44px;font-size:22px}.touch-footer small{font-size:8px}
@media(max-width:650px){.virtual-remote{width:220px;height:380px;right:8px;bottom:60px;max-height:calc(100svh - 72px)}.touch-header{min-height:86px}.touch-body{padding:0 0 5px}.virtual-remote .touch-activities button{height:60px;min-height:60px}.touch-activities{gap:3px 4px}.touch-activities .tile-symbol,.tile-symbol svg{width:44px;height:32px}.touch-footer button{min-height:44px}}

@media(max-width:650px){
 .virtual-remote{width:280px;height:174px;right:8px;bottom:60px;padding:4px 6px;border-width:3px;border-radius:12px}
 .touch-header{min-height:24px;height:24px;padding:0;text-align:left}.touch-room-title{padding:0 35px 0 0;display:flex;align-items:center;gap:8px}.touch-room-title>span{font-size:14px}.touch-header h2,.touch-sofa,.touch-welcome{display:none}.touch-header #touch-view-title{font-size:11px;margin:0}.touch-power button{width:30px;min-width:30px;height:24px;min-height:24px;font-size:19px}.touch-power small{font-size:5px}
 .touch-activities{grid-template-columns:repeat(3,1fr);gap:0 3px}.virtual-remote .touch-activities button{height:44px;min-height:44px;font-size:10px;gap:2px;padding:2px 0}.touch-activities .tile-symbol,.tile-symbol svg{width:26px;height:22px}.touch-body{padding:0}.touch-footer{padding-top:2px;border-top-width:1px}.touch-footer button{height:44px;min-height:44px;font-size:19px}.touch-footer small{font-size:7px}
}

/* Native close view: square geometry and crisp vector stone/grill detail. */

/* Continuous stacked stone makes HALO part of the wall, with a larger display. */

/* Lighting affects the photographic evening room while the display stays readable. */
.virtual-room>.room-photo-evening{filter:brightness(var(--room-brightness,1));transition:opacity 2.5s ease,filter 2s ease}

.penthouse-hero.is-room-off .penthouse-copy{opacity:0;visibility:hidden;pointer-events:none;animation:none}

/* Photographic textile keeps the original HALO aperture and surround geometry. */
.spaces-leadin{pointer-events:auto;text-decoration:none}
.spaces-leadin:focus-visible{outline:2px solid #e7c459;outline-offset:5px}
.is-focused .spaces-leadin{opacity:1;visibility:visible;animation:none;width:130px;top:16px;left:16px}
.is-focused .spaces-leadin span{font-size:18px}
.is-focused.brand-arriving .spaces-leadin{animation:spaces-brand-arrival 7s cubic-bezier(.22,.55,.3,1) both}
.penthouse-hero.room-intro .spaces-leadin,.penthouse-hero.room-intro .remote-toggle,.penthouse-hero.room-intro .virtual-remote,.penthouse-hero.room-intro .experience-status{visibility:hidden;pointer-events:none}
.penthouse-hero.room-loading .virtual-room{visibility:hidden}
.room-intro .virtual-room>.room-photo-evening{transition:none}
@media(prefers-reduced-motion:reduce){.is-focused.brand-arriving .spaces-leadin{animation:none}}

/* Flush rectangular surround with consistent panel thickness and eight-unit reveals. */

/* Equal square HALO modules meet edge to edge, following the room reference. */

/* Keep the moving room above the stone backdrop throughout the zoom. */

/* The original room photograph supplies HALO and stone in every view. */

/* Name the navigation control in both its launcher and touchscreen. */
.remote-toggle{width:auto;height:48px;border-radius:12px;display:flex;align-items:center;gap:9px;padding:8px 13px;text-align:left}
.remote-toggle svg{flex:none}
.remote-toggle-label{display:flex;flex-direction:column;gap:2px}
.remote-toggle-label strong{font:700 11px/1.15 system-ui;letter-spacing:.035em}
.remote-toggle-label small{font:400 10px/1.15 system-ui;color:#c0d2e6}
.touch-room-title>span{font-size:14px;letter-spacing:.035em;color:#fff}
.touch-header h2{display:block;font-size:11px;font-weight:400;color:#a8caff;margin-top:3px}
@media(max-height:550px) and (min-width:651px){.touch-header{height:36px;min-height:36px}.touch-room-title{display:block}.touch-header #touch-view-title{display:none}}

#destination-story[hidden]{display:none}
#destination-story-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
@media(min-width:651px){body:has(.virtual-remote:not([hidden])) #destination-story{padding-right:270px}}

/* Plain touchscreen with cool glass, fine icons and generous touch targets. */
.virtual-remote{width:290px;height:440px;max-height:calc(100svh - 88px);top:auto;bottom:70px;right:18px;transform:none;padding:14px;background:rgba(235,244,253,.93);color:#182a3d;border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 15px 50px #08152438,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(1.15);display:flex;flex-direction:column}
.touch-header{height:45px;min-height:45px;padding:0;text-align:left;border:0}.touch-header #touch-view-title{color:#3a526a;font:500 15px/1.3 system-ui;margin:12px 0}.touch-power{top:0;right:0}.touch-power button{width:44px;min-width:44px;height:44px;min-height:44px;color:#223e59;background:transparent;padding:0}.touch-power svg{display:block;width:24px;height:24px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.touch-power small{color:#3a526a;font-size:7px;margin:3px 0 0}
.touch-body{padding:5px 0;flex:1;overflow-y:auto}.touch-activities{grid-template-columns:1fr 1fr;gap:8px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:82px;min-height:82px;min-width:0;padding:8px 4px;gap:7px;background:#ffffff80;color:#20384e;border:1px solid #fff9;border-radius:16px;font:500 12px/1.25 system-ui;text-align:center;text-decoration:none;touch-action:manipulation}.virtual-remote .touch-activities button:hover,.virtual-remote .touch-activities a:hover{background:#fff}.virtual-remote .touch-activities button[aria-pressed=true]{background:#dcecff;color:#17559d}.touch-activities .tile-symbol{width:32px;height:28px}.tile-symbol svg{width:30px;height:28px;stroke-width:1.5}.touch-now{margin:12px 0 4px;text-align:center;color:#60758a;font:400 11px/1.4 system-ui}.touch-footer{border-top:1px solid #9eafc533;padding-top:7px;gap:0}.touch-footer button{color:#28445e;background:transparent;height:44px;min-height:44px;font-size:23px}.touch-footer small,.touch-footer [data-action=touch-back] small{color:#536a80;font-size:8px}.virtual-remote button:focus-visible,.virtual-remote a:focus-visible{outline:2px solid #367dcc!important;outline-offset:2px}.touch-room-settings .os-slider,.touch-room-settings .touch-hint{color:#344e67}.touch-room-scenes button{background:#fff9;color:#244661;border-color:#fff9}
.remote-toggle{width:48px;height:48px;justify-content:center;padding:11px;border-radius:50%;color:#23445d;background:#e8f2f7dd;border:1px solid #fff8;box-shadow:0 8px 28px #0002;backdrop-filter:blur(16px)}.remote-toggle:hover,.remote-toggle[aria-expanded=true]{background:#dcecff}.remote-toggle svg{width:24px;height:24px}
.liquidview-mark{position:absolute;right:46px;bottom:38px;width:480px;height:187px;overflow:hidden;opacity:.35;filter:drop-shadow(0 1px 3px #0005)}.liquidview-mark img{position:absolute;left:-121px;top:-110px;width:724px;height:407px;max-width:none}
.room-scroll-cue{position:absolute;left:50%;top:calc(100svh - 90px);translate:-50% 0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;text-decoration:none;font:400 12px/1.2 system-ui;text-shadow:0 1px 8px #000}.room-scroll-cue svg{height:36px;width:24px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.room-scroll-cue[hidden]{display:none}
@media(max-width:650px){.virtual-remote{width:270px;height:430px;right:8px;bottom:66px;max-height:calc(100svh - 80px);padding:12px}.touch-header{height:45px;min-height:45px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:78px;min-height:78px}.tile-symbol svg{width:28px;height:26px}.room-scroll-cue{top:calc(100svh - 85px)}}
.touch-activities .tile-symbol{color:#315574}

/* Match the supplied black touchscreen: white symbols and a blue footer rule. */
.virtual-remote{width:310px;height:570px;max-height:calc(100svh - 88px);background:#050505;color:#fff;border:4px solid #bbc0c4;box-shadow:0 0 0 1px #59616a,0 15px 45px #0007;backdrop-filter:none;padding:14px;border-radius:22px;scale:1}
.touch-header #touch-view-title{color:#fff}.touch-power button,.touch-power small{color:#fff}.touch-power svg{width:28px;height:28px;stroke-width:2}.touch-power small{font-size:8px}
.touch-activities{gap:10px 8px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:108px;min-height:108px;padding:6px 2px;gap:10px;background:transparent;color:#fff;border:0;border-radius:9px;font:400 14px/1.25 system-ui}.virtual-remote .touch-activities button:hover,.virtual-remote .touch-activities a:hover{background:#181818}.virtual-remote .touch-activities button[aria-pressed=true]{background:transparent;color:#fff}.touch-activities .tile-symbol{width:58px;height:54px;color:#fff}.tile-symbol svg{width:54px;height:50px;stroke-width:1.9}.touch-now{color:#b9bec7;font-size:11px;margin:12px 0 8px}
.touch-footer{border-top:2px solid #2948ff;padding-top:8px}.touch-footer button{color:#fff;height:48px;min-height:48px}.touch-footer svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.touch-footer small{color:#fff;font-size:8px}.touch-footer [data-action=touch-back] small{color:#a0e83a}.touch-room-settings .os-slider,.touch-room-settings .touch-hint{color:#eee}.touch-room-scenes button{background:#151515;color:#fff;border-color:#444}.remote-toggle{background:#080b12e6;color:#fff;border-color:#b8c4d06b}.remote-toggle:hover,.remote-toggle[aria-expanded=true]{background:#182238}
@media(max-width:650px){.virtual-remote{width:280px;height:520px;padding:12px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:94px;min-height:94px;font-size:13px;gap:8px}.touch-activities .tile-symbol{width:50px;height:46px}.tile-symbol svg{width:46px;height:44px}}

/* Keep the touchscreen in the right-side clearance and leave the room visible. */
@media(min-width:651px){
 .virtual-remote{left:min(74vw,calc(100vw - 202px));right:auto;top:50%;bottom:auto;transform:translateY(-50%);transform-origin:left center;width:186px;height:414px;max-height:calc(100svh - 32px);padding:8px;border-width:3px;border-radius:18px}
 .touch-header{height:34px;min-height:34px;padding:0}.touch-header #touch-view-title{font-size:11px;margin:9px 0}.touch-power{top:-3px;right:-2px}.touch-power button{width:34px;min-width:34px;height:32px;min-height:32px;font-size:21px}.touch-power svg{width:20px;height:20px}.touch-power small{font-size:6px}
 .touch-welcome{display:none}.touch-body{padding:0;min-height:0}.touch-activities{gap:3px 2px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:64px;min-height:64px;padding:3px 1px;gap:3px;font-size:10px;line-height:1.15}.touch-activities .tile-symbol{width:34px;height:30px}.tile-symbol svg{width:32px;height:29px}.touch-footer{padding-top:4px}.touch-footer button{height:42px;min-height:42px;font-size:19px}.touch-footer svg{width:22px;height:22px}.touch-footer small{font-size:7px}
}
@media(max-width:650px){
 .virtual-remote{width:164px;height:318px;left:auto;right:8px;top:auto;bottom:60px;transform:none;transform-origin:right bottom;max-height:calc(100svh - 72px);padding:6px;border-width:3px;border-radius:14px}
 .touch-header{height:30px;min-height:30px;padding:0}.touch-header #touch-view-title{font-size:10px;margin:6px 0}.touch-power{top:-2px;right:-2px}.touch-power button{width:30px;min-width:30px;height:28px;min-height:28px;font-size:19px}.touch-power svg{width:18px;height:18px}.touch-power small{font-size:5px}
 .touch-welcome{display:none}.touch-body{padding:0;min-height:0}.touch-activities{gap:2px}.virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:54px;min-height:54px;padding:2px 0;gap:2px;font-size:9px;line-height:1.1}.touch-activities .tile-symbol{width:29px;height:25px}.tile-symbol svg{width:27px;height:24px}.touch-footer{padding-top:3px}.touch-footer button{height:40px;min-height:40px;font-size:17px}.touch-footer svg{width:20px;height:20px}.touch-footer small{font-size:6px}
}

/* Compact controls beside the photographic HALO surround. */
.virtual-remote{height:auto;aspect-ratio:auto;scale:1}
.touch-body{flex:0 1 auto}
.touch-footer{grid-template-columns:repeat(2,1fr);padding-top:3px}
.touch-footer button{height:30px;min-height:30px;padding:2px 0}
.touch-footer svg{width:19px;height:19px}
.touch-footer small{margin:0;font-size:6px}
@media(min-width:651px){
 .virtual-remote{left:auto;right:18px;top:50%;bottom:auto;translate:0 -50%;transform:none;transform-origin:center;width:clamp(132px,15.5svh,144px);max-height:calc(100svh - 48px);padding:6px}
 .touch-header{height:32px;min-height:32px}
 .virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:clamp(48px,6svh,56px);min-height:clamp(48px,6svh,56px);font-size:9px}
 .touch-activities .tile-symbol{width:28px;height:25px}.tile-symbol svg{width:26px;height:24px}
}
.touch-activities .touch-26eight-mark{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.touch-activities .pdp-symbol{width:100%;height:28px}.touch-activities .touch-prodesign-mark{display:block;width:100%;height:100%;object-fit:contain}
.virtual-remote [data-action="prodesign"]{gap:2px}.touch-activities .pdp-symbol{height:22px;flex-shrink:0}.touch-activities .touch-prodesign-mark{max-width:100%;max-height:100%}
.touch-room-about{color:#eee;padding:4px 2px;font:400 11px/1.5 system-ui}.touch-room-about[hidden]{display:none}.touch-room-about p{margin:0 0 12px}.touch-room-about strong{display:block;color:#fff;font-weight:600;margin-bottom:3px}.touch-room-about:focus{outline:none}
.touch-header #touch-view-title{max-width:calc(100% - 34px);line-height:1.2;white-space:normal}

/* Editorial choices stay on the existing touchscreen; stories use the room display. */
.touch-lorens-take{padding:3px 1px;color:#fff;font:400 11px/1.4 system-ui}.touch-lorens-take[hidden],[data-take-view][hidden]{display:none}.virtual-remote .take-choice{display:block;width:100%;min-height:44px;padding:9px 5px;margin:0 0 7px;border:1px solid #555;border-radius:7px;background:#111;color:#fff;font:inherit;text-align:left;white-space:normal;cursor:pointer}.take-choice strong,.take-choice small{display:block}.take-choice small{font-size:9px;color:#c7c7c7;margin-top:4px}.take-choice:hover{background:#222}.hifi-renaissance-mark{display:block;width:44px;height:44px;margin:0 auto 6px;border-radius:50%;background-image:url('/scowcroft/assets/hifi-renaissance-slide4-final.png');background-size:1153.1% 649%;background-position:2.096% 83.668%;background-repeat:no-repeat}.touch-lorens-take:focus{outline:none}

/* Direct dealer entry stays outside the moving room and reuses approved access. */
.dealer-space-trigger{position:absolute;z-index:2;top:18px;left:calc(20px + clamp(155px,17vw,230px) + 18px);width:150px;min-height:44px;display:flex;align-items:center;text-decoration:none;filter:drop-shadow(0 2px 8px #0008)}
.is-focused .dealer-space-trigger{left:164px}
.dealer-space-trigger img{display:block;width:100%;height:auto}
.dealer-space-trigger:focus-visible{outline:2px solid #e7c459;outline-offset:5px}
.room-intro .dealer-space-trigger{visibility:hidden;pointer-events:none}
.virtual-remote .touch-activities .touch-scowcroft{grid-column:1/-1;height:48px;min-height:48px;padding:6px 10px}
.touch-scowcroft img{display:block;width:100%;max-width:130px;height:auto;max-height:36px;object-fit:contain}
@media(max-width:650px){.dealer-space-trigger,.is-focused .dealer-space-trigger{top:18px;left:auto;right:14px;width:140px}}
@media(max-width:350px){.dealer-space-trigger{right:10px;width:130px}}
@media(max-width:650px){
 .virtual-remote .touch-activities button,.virtual-remote .touch-activities a{height:44px;min-height:44px;padding:2px 0;gap:2px;font-size:10px;line-height:1.1}
 .touch-activities .tile-symbol,.touch-activities .tile-symbol svg{height:20px;width:24px}
 .touch-activities .pdp-symbol{width:100%;height:20px}
 .virtual-remote .touch-activities .touch-scowcroft{padding:4px 10px}
}

/* Matching swoops, staggered by one second, settle into the enlarged left stack. */
.spaces-leadin,.is-focused .spaces-leadin{--logo-home-top:16px;--logo-swoop-scale:1.9;top:16px;left:16px;width:210px;transform:none}
.spaces-leadin span,.is-focused .spaces-leadin span{font-size:27px}
.dealer-space-trigger,.is-focused .dealer-space-trigger{--logo-home-top:140px;--logo-swoop-scale:1.9;top:140px;left:16px;right:auto;width:210px}
@keyframes spaces-brand-arrival{
  0%,18%{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--logo-swoop-scale)) rotate(-7deg);opacity:0;visibility:hidden}
  26%{opacity:1;visibility:visible}
  70%,100%{top:var(--logo-home-top);left:16px;transform:translate(0,0) scale(1) rotate(0);opacity:1;visibility:visible}
}
.brand-arriving .spaces-leadin,.is-focused.brand-arriving .spaces-leadin{animation:spaces-brand-arrival 7s cubic-bezier(.22,.55,.3,1) both}
.brand-arriving .dealer-space-trigger{animation:spaces-brand-arrival 7s cubic-bezier(.22,.55,.3,1) 1s both}
@media(max-width:650px){
 #experience.penthouse-hero{min-height:760px}
 .spaces-leadin,.is-focused .spaces-leadin,.dealer-space-trigger,.is-focused .dealer-space-trigger{--logo-swoop-scale:1.35}
}
@media(prefers-reduced-motion:reduce){
 .is-focused.brand-arriving .spaces-leadin,.brand-arriving .spaces-leadin,.brand-arriving .dealer-space-trigger{animation:none;transform:none;opacity:1}
}

/* A white listening-realm mark above the touchscreen; protected entry marks stay left. */
.penthouse-hero{--touch-width:clamp(132px,15.5svh,144px);--hifi-width:clamp(88px,13svh,120px);--hifi-gap:12px;--touch-center:max(50svh,calc(16px + var(--hifi-width) + var(--hifi-gap) + var(--touch-half-height,180px)))}
.hifi-realm-trigger{position:fixed;z-index:2;top:calc(var(--touch-center) - var(--touch-half-height,180px) - var(--hifi-width) - var(--hifi-gap));right:calc(18px + (var(--touch-width) - var(--hifi-width))/2);width:var(--hifi-width);display:block;filter:drop-shadow(0 2px 8px #0009)}
.hifi-realm-trigger img{display:block;width:100%;height:auto}.hifi-realm-trigger:focus-visible{outline:3px solid white;outline-offset:5px}
.room-intro .hifi-realm-trigger{visibility:hidden;pointer-events:none}
@media(min-width:651px){.virtual-remote{top:var(--touch-center);width:var(--touch-width)}}
@media(max-width:650px){
 .penthouse-hero{--touch-width:164px;--hifi-width:80px;--touch-top:max(316px,calc(100svh - 60px - var(--touch-half-height,160px)*2))}
 .virtual-remote{position:absolute;top:var(--touch-top);bottom:auto;translate:none}
 .hifi-realm-trigger{position:absolute;right:calc(8px + (var(--touch-width) - var(--hifi-width))/2);top:calc(var(--touch-top) - var(--hifi-width) - var(--hifi-gap))}
}

/* A dark backing avoids pale seams at fractional display edges during fades. */
.virtual-room iframe.remote-tv-destination{background:#050c13}

/* Announce room changes accessibly without a visible bottom display label. */
.penthouse-hero .experience-status{position:absolute;display:block;left:0;top:auto;bottom:auto;width:1px;height:1px;max-width:none;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:none}

/* 2026-10-15 mobile touchscreen usability reset: keep desktop unchanged. */
@media(max-width:650px){
 #experience.penthouse-hero{min-height:max(790px,100svh);--touch-width:min(300px,calc(100vw - 28px));--hifi-width:72px;--hifi-gap:10px;--touch-top:340px}
 #experience .virtual-remote{position:absolute!important;left:auto!important;right:14px!important;top:var(--touch-top)!important;bottom:auto!important;translate:none!important;transform:none!important;scale:1!important;width:var(--touch-width)!important;max-width:calc(100vw - 28px)!important;height:auto!important;max-height:calc(100svh - 120px)!important;min-height:0!important;padding:10px!important;border-radius:18px!important;overflow:hidden}
 #experience .touch-header{height:38px!important;min-height:38px!important}
 #experience .touch-header #touch-view-title{font-size:14px!important;margin:7px 0!important}
 #experience .touch-body{overflow-y:auto!important;overscroll-behavior:contain;max-height:min(58svh,480px)!important;-webkit-overflow-scrolling:touch}
 #experience .touch-activities{gap:6px!important}
 #experience .virtual-remote .touch-activities button,#experience .virtual-remote .touch-activities a{min-height:62px!important;height:auto!important;padding:8px 5px!important;font-size:12px!important;line-height:1.25!important;gap:5px!important}
 #experience .touch-activities .tile-symbol{width:34px!important;height:30px!important}
 #experience .touch-activities .tile-symbol svg{width:30px!important;height:28px!important}
 #experience .virtual-remote .touch-activities .touch-scowcroft{min-height:54px!important}
 #experience .virtual-remote .take-choice{min-height:54px!important;font-size:14px!important;padding:12px!important;line-height:1.35!important}
 #experience .take-choice small{font-size:12px!important}
 #experience .touch-footer button{height:44px!important;min-height:44px!important}
 #experience .touch-footer svg{width:23px!important;height:23px!important}
 #experience .touch-footer small{font-size:10px!important}
 #experience .touch-power button{height:36px!important;min-height:36px!important;width:38px!important;min-width:38px!important}
 #experience .hifi-realm-trigger{position:absolute!important;top:calc(var(--touch-top) - var(--hifi-width) - var(--hifi-gap))!important;right:calc(14px + (var(--touch-width) - var(--hifi-width))/2)!important;width:var(--hifi-width)!important}
 #experience .spaces-leadin,#experience .is-focused.spaces-leadin,#experience .dealer-space-trigger{max-width:min(170px,43vw)!important}
}
@media(max-width:380px){
 #experience.penthouse-hero{--touch-top:360px;min-height:850px}
 #experience .virtual-remote{right:10px!important;max-width:calc(100vw - 20px)!important;--touch-width:min(280px,calc(100vw - 20px))}
}

/* Mobile landscape viewing mode. Existing desktop controls are unchanged. */
.mobile-rotate-gate[hidden],.mobile-cinema-actions[hidden]{display:none!important}
.mobile-rotate-gate{display:none}
.mobile-cinema-actions{display:none}
@media(max-width:850px) and (pointer:coarse){
 .mobile-rotate-gate:not([hidden]){position:fixed;z-index:20000;inset:0;display:grid;place-items:center;padding:26px;background:rgba(6,16,31,.96);color:#fff;text-align:center;font-family:system-ui,sans-serif}
 .rotate-content{max-width:340px}.rotate-symbol{font-size:68px;line-height:1;display:block;margin-bottom:16px}.rotate-content h2{font-size:25px;margin:0 0 12px}.rotate-content p{color:#d2e0ef;line-height:1.5}
 .rotate-continue{background:#edf5ff;color:#14283c;border:0;border-radius:12px;padding:13px 20px;min-height:48px;font-weight:700;margin-top:18px}
 .mobile-cinema-actions{display:flex;position:absolute;z-index:24;left:12px;bottom:12px;gap:8px;align-items:center}
 .mobile-cinema-actions button{border:1px solid #ffffff6b;border-radius:9px;background:#071827e8;color:white;min-height:44px;font:650 13px system-ui;padding:9px 13px}
}
@media(max-width:850px) and (orientation:landscape) and (pointer:coarse){
 html,body{overflow-x:hidden}
 body.mobile-theater #experience.penthouse-hero{position:relative;min-height:100svh!important;height:100svh!important;overflow:hidden!important;--touch-top:12px;--touch-width:clamp(146px,25vw,215px)}
 body.mobile-theater #experience .virtual-remote{position:absolute!important;left:auto!important;right:max(8px,env(safe-area-inset-right))!important;top:10px!important;bottom:auto!important;transform:none!important;translate:none!important;width:var(--touch-width)!important;max-width:var(--touch-width)!important;max-height:calc(100svh - 20px)!important;height:auto!important;overflow:hidden!important;padding:6px!important;z-index:30}
 body.mobile-theater #experience .touch-body{max-height:calc(100svh - 96px)!important;overflow-y:auto!important}
 body.mobile-theater #experience .touch-activities{gap:3px!important}
 body.mobile-theater #experience .virtual-remote .touch-activities button,body.mobile-theater #experience .virtual-remote .touch-activities a{min-height:48px!important;height:auto!important;padding:5px 3px!important;font-size:11px!important}
 body.mobile-theater #experience .virtual-remote .take-choice{min-height:47px!important;font-size:12px!important;padding:8px!important}
 body.mobile-theater #experience .touch-footer button{min-height:38px!important;height:38px!important}
 body.mobile-theater #experience .hifi-realm-trigger{display:none!important}
 body.mobile-theater #experience .spaces-leadin,body.mobile-theater #experience .dealer-space-trigger{max-width:115px!important}
 body.mobile-theater #experience .penthouse-copy{max-width:calc(100vw - var(--touch-width) - 45px)!important}
 body.mobile-theater .mobile-cinema-actions{left:12px;bottom:12px}
 body.mobile-theater.mobile-theater-full #experience.penthouse-hero,body.mobile-theater #experience:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;z-index:20001!important;background:#02060c!important}
 body.mobile-theater.mobile-theater-full #experience .penthouse-copy,body.mobile-theater.mobile-theater-full #experience .penthouse-nav{display:none!important}
 body.mobile-theater.mobile-theater-full #experience .virtual-remote{opacity:0;pointer-events:none}
 body.mobile-theater.mobile-theater-full #experience .mobile-cinema-actions{z-index:20002}
 body.mobile-theater.mobile-theater-full #experience .mobile-cinema-full{display:none}
}

/* Shared left-side destination rail, independent from the room touchscreen. */
.rail-gold-trigger{position:absolute;z-index:5;left:16px;width:210px;display:block;filter:drop-shadow(0 2px 8px #0009);text-decoration:none;transition:filter .2s,scale .2s}
.rail-gold-trigger img{width:100%;height:auto;display:block}
.rail-gold-trigger:hover,.rail-gold-trigger:focus-visible{filter:drop-shadow(0 0 10px #e7c459);scale:1.035}
.rail-gold-trigger:focus-visible{outline:2px solid #e7c459;outline-offset:4px}
.signals-rail-trigger{top:260px;--rail-home-top:260px}
.techspace-rail-trigger{top:378px;--rail-home-top:378px}
.brand-arriving .rail-gold-trigger{animation:rail-brand-arrival 7s cubic-bezier(.22,.55,.3,1) both}
.brand-arriving .signals-rail-trigger{animation-delay:2s}
.brand-arriving .techspace-rail-trigger{animation-delay:3s}
@keyframes rail-brand-arrival{0%,18%{opacity:0;transform:translate(calc(50vw - 130px),calc(50svh - var(--rail-home-top))) scale(1.5) rotate(-7deg)}26%{opacity:1}100%{opacity:1;transform:none}}
.room-intro .rail-gold-trigger{visibility:hidden;pointer-events:none}
@media(max-width:650px){.rail-gold-trigger{width:min(170px,43vw)}.signals-rail-trigger{top:258px;--rail-home-top:258px}.techspace-rail-trigger{top:345px;--rail-home-top:345px}}
@media(max-width:850px) and (orientation:landscape) and (pointer:coarse){.rail-gold-trigger{width:110px}.signals-rail-trigger{top:125px;--rail-home-top:125px}.techspace-rail-trigger{top:185px;--rail-home-top:185px}}
@media(prefers-reduced-motion:reduce){.brand-arriving .rail-gold-trigger{animation:none}}

/* Landscape correction after iPhone visual test: compact, separated gold rail. */
@media(max-width:850px) and (orientation:landscape) and (pointer:coarse){
 body.mobile-theater #experience.penthouse-hero{isolation:isolate;background:#050a11!important}
 #experience .spaces-leadin,#experience .is-focused .spaces-leadin,
 #experience .dealer-space-trigger,#experience .is-focused .dealer-space-trigger,
 #experience .signals-rail-trigger,#experience .techspace-rail-trigger{
  position:absolute!important;left:8px!important;right:auto!important;width:clamp(102px,15vw,130px)!important;max-width:130px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;animation:none!important;filter:drop-shadow(0 1px 4px #000d);z-index:35!important
 }
 #experience .spaces-leadin,#experience .is-focused .spaces-leadin{top:8px!important}
 #experience .spaces-leadin span{font-size:clamp(12px,2vw,17px)!important;letter-spacing:.11em!important}
 #experience .dealer-space-trigger,#experience .is-focused .dealer-space-trigger{top:26%!important}
 #experience .signals-rail-trigger{top:48%!important}
 #experience .techspace-rail-trigger{top:69%!important}
 #experience .mobile-cinema-actions{left:auto!important;right:calc(clamp(146px,25vw,215px) + 18px)!important;bottom:8px!important}
 #experience .mobile-cinema-actions button{min-height:38px!important;padding:6px 9px!important;font-size:11px!important}
 #experience .penthouse-top,#experience .penthouse-nav{display:none!important}
}

/* Landscape phone: three zones with zero overlay collisions. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 body.mobile-theater #experience.penthouse-hero{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#050b13!important;isolation:isolate}
 body.mobile-theater #experience .virtual-room{z-index:0!important;pointer-events:none}
 body.mobile-theater #experience .spaces-leadin,
 body.mobile-theater #experience .dealer-space-trigger,
 body.mobile-theater #experience .signals-rail-trigger,
 body.mobile-theater #experience .techspace-rail-trigger{position:absolute!important;left:max(10px,env(safe-area-inset-left))!important;right:auto!important;width:clamp(90px,15vw,132px)!important;height:18%!important;display:flex!important;align-items:center!important;justify-content:center!important;top:auto!important;bottom:auto!important;max-width:none!important;max-height:none!important;transform:none!important;translate:none!important;scale:1!important;animation:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:50!important}
 body.mobile-theater #experience .spaces-leadin{top:3%!important}
 body.mobile-theater #experience .dealer-space-trigger{top:23%!important}
 body.mobile-theater #experience .signals-rail-trigger{top:43%!important}
 body.mobile-theater #experience .techspace-rail-trigger{top:63%!important}
 body.mobile-theater #experience .spaces-leadin img,
 body.mobile-theater #experience .dealer-space-trigger img,
 body.mobile-theater #experience .signals-rail-trigger img,
 body.mobile-theater #experience .techspace-rail-trigger img{width:100%!important;height:100%!important;object-fit:contain!important}
 body.mobile-theater #experience .spaces-leadin span{display:none!important}
 body.mobile-theater #experience .virtual-remote{position:absolute!important;left:auto!important;right:max(8px,env(safe-area-inset-right))!important;top:4%!important;bottom:auto!important;max-height:92%!important;height:92%!important;width:clamp(150px,24vw,210px)!important;overflow:hidden!important;z-index:55!important}
 body.mobile-theater #experience .touch-body{max-height:calc(100% - 80px)!important;overflow-y:auto!important}
 body.mobile-theater #experience .mobile-cinema-actions{left:calc(max(10px,env(safe-area-inset-left)) + clamp(90px,15vw,132px) + 10px)!important;right:calc(clamp(150px,24vw,210px) + 18px)!important;bottom:7px!important;display:flex!important;justify-content:center!important;gap:6px!important}
 body.mobile-theater #experience .mobile-cinema-actions button{font-size:11px!important;padding:7px!important;min-height:40px!important;white-space:nowrap}
 body.mobile-theater #experience .room-scroll-cue,
 body.mobile-theater #experience .back-to-top,
 body.mobile-theater #experience .penthouse-nav,
 body.mobile-theater #experience .penthouse-copy,
 body.mobile-theater #experience .penthouse-top,
 body.mobile-theater #experience .hifi-realm-trigger{display:none!important}
 body.mobile-theater #experience .virtual-room iframe{pointer-events:auto}
}

/* Compact landscape viewing actions. They never overlap the gold icon rail. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:600px){
 body.mobile-theater #experience .mobile-cinema-actions{
  position:absolute!important;left:auto!important;right:calc(clamp(150px,24vw,210px) + 14px)!important;bottom:max(6px,env(safe-area-inset-bottom))!important;
  width:auto!important;max-width:calc(100vw - clamp(150px,24vw,210px) - clamp(90px,15vw,132px) - 50px)!important;
  gap:4px!important;justify-content:flex-end!important;z-index:60!important
 }
 body.mobile-theater #experience .mobile-cinema-actions button{
  min-height:30px!important;height:30px!important;min-width:0!important;padding:3px 7px!important;
  border-radius:7px!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;
  line-height:1.1!important;box-shadow:none!important
 }
}

/* Silver utilities use the same metallic icon/lettering treatment as the gold rail. */
#experience .desktop-stage-tools{position:absolute;z-index:40;left:16px;top:470px;display:flex;width:210px}
#experience .desktop-stage-tools button{display:flex;align-items:center;justify-content:center;width:50%;min-width:0;min-height:38px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;filter:drop-shadow(0 2px 8px #0009)}
#experience .desktop-stage-tools img{display:block;width:100%;height:auto}
#experience .desktop-stage-tools button:hover{filter:drop-shadow(0 0 6px #e0e7ef)}
#experience .desktop-stage-tools button:focus-visible{outline:2px solid #eef2f6;outline-offset:3px}
@media(max-width:650px){#experience .desktop-stage-tools{top:415px;width:min(170px,43vw)}}
/* Match the simplified mobile directory, including hybrid desktops. */
@media(max-width:900px) and (pointer:coarse){#experience .desktop-stage-tools{display:none}}
#experience:fullscreen{background:#03070e}

@media(min-width:651px){#experience.technics-invitation-mode .desktop-stage-tools{top:auto;bottom:20px}}

/* Feature stepping stays in a dedicated row above Home / Play. */
.touch-skip{border-top:0;margin-top:auto;margin-bottom:6px;flex-shrink:0}
.touch-skip button:disabled{opacity:.35;cursor:default}
.touch-skip small{font-size:10px;font-weight:600}