/* Tablet frames keep all controls outside the uncropped composition. */
@media(min-width:701px) and (max-width:1280px) and (orientation:portrait){
 .experience,.experience.in-room{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:62px 90px minmax(0,1fr) 44px 44px 44px;align-content:stretch;gap:0;background:#12251e}
 .experience header,.experience.in-room header{position:relative;inset:auto;grid-row:1;grid-column:1;height:62px;min-height:0;padding:8px 12px;box-sizing:border-box;background:#12251e}
 .experience .ambient-image{display:none}
 .experience .room-controls,.experience.in-room .room-controls{display:grid;grid-row:2;grid-column:1;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 38px;align-content:center;align-items:center;gap:4px 8px;height:90px;min-height:90px;box-sizing:border-box;padding:4px 12px;position:relative;inset:auto;z-index:6;background:transparent}
 .experience:not(.in-room) .room-controls{visibility:hidden;pointer-events:none}
 .in-room #room-heading{display:contents;opacity:1;pointer-events:auto}
 .in-room #room-heading small,.in-room #room-heading p,.in-room .room-select-label{display:none}
 .in-room #room-title,.in-room.panorama-inline #room-title{grid-column:1;grid-row:1;font-size:23px;line-height:1.15;margin:0;max-width:none;padding:0;background:none}
 .in-room #room-load-status:not(:empty){grid-column:1/-1;margin:0}
 .in-room .room-photo-action{display:block;grid-column:2;grid-row:1;position:relative;min-height:40px;padding:6px 10px;border:1px solid #e2cda744;border-radius:3px;background:#173327;color:#e2cda7;font:10px 'Be Vietnam Pro'}
 .in-room #zoom-photo{display:none!important}
 .experience .camera,.experience .settled-room,.experience .panorama-view,.experience.in-room .camera,.experience.in-room .settled-room,.experience.in-room .panorama-view{position:relative!important;inset:auto!important;grid-row:3;grid-column:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;transform:none!important;outline:0;border:0;background:#12251e}
 .experience .facade img,.experience .inside img,.experience .settled-room img{object-fit:contain;mask-image:linear-gradient(to bottom,transparent calc(50% - 28.125vw),#000 calc(50% - 28.125vw + 14px),#000 calc(50% + 28.125vw - 14px),transparent calc(50% + 28.125vw));background:none}
 .experience .intro{grid-row:2;grid-column:1;position:relative;inset:auto;align-self:center;margin:0;padding:2px 16px;box-sizing:border-box;z-index:2}
 .experience .intro .eyebrow{font-size:7px;letter-spacing:.1em}
 .experience .intro h1{font-size:22px;line-height:1.1;margin:4px 0}
 .experience .intro p{font-size:9px;line-height:1.3;max-width:none;margin:0}
 .experience .mobile-materials:not([hidden]){display:flex;position:relative;inset:auto!important;grid-row:4;grid-column:1;align-self:stretch;min-width:0;box-sizing:border-box;margin:0;padding:6px 12px 0;gap:5px;background:#12251e;scrollbar-width:none}
 .experience .mobile-materials button{min-height:38px;padding:6px 9px;font-size:10px;border-radius:3px}
 .experience #room-nav:not([hidden]){display:flex!important;grid-row:5;grid-column:1;position:relative;inset:auto;gap:5px;min-width:0;margin:0;padding:6px 12px 0;justify-content:flex-start;align-self:stretch;box-sizing:border-box;scrollbar-width:none;background:#12251e}
 .experience #room-nav:before{display:none}
 .experience #room-nav button{min-height:38px;padding:6px 10px;font-size:10px;border-radius:3px;flex:none}
 .experience:not(.in-room) #zoom-photo{display:block;position:relative;inset:auto!important;grid-row:5;grid-column:1;justify-self:end;align-self:center;min-height:38px;padding:6px 10px;font-size:10px;margin-right:12px}
 .experience .bottom,.experience.in-room .bottom{grid-row:6;grid-column:1;position:relative;inset:auto;justify-content:flex-end;align-self:stretch;box-sizing:border-box;padding:2px 12px max(4px,env(safe-area-inset-bottom));margin:0;background:#12251e}
 .experience .bottom button{min-height:38px;padding:6px 10px;font-size:10px;max-width:none;border:0;background:transparent;color:#e2cda7}
 .experience .bottom #stage,.experience .bottom .track-line,.experience .disclosure{display:none!important}
 .experience #intro{transition:none}
 .experience .material-points{transition:none}

 .experience .intro{background:transparent;border:0;box-shadow:none;text-shadow:none;max-width:none;left:auto;right:auto;bottom:auto}
 .experience .intro:before{display:none}
 .experience #room-title{color:#fff}
 .experience .point,.experience .point.label-left{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;transform:translate(-50%,-50%)}
 .experience .point i{width:32px;height:32px;font-size:20px}
 .experience .point span{display:none}
 .experience .mobile-materials:not([hidden]){left:auto;right:auto;overflow-x:auto;z-index:4}
 .experience .mobile-materials button,.experience #room-nav button{font-size:12px;min-height:44px;padding:8px 12px}
 .experience .mobile-materials button{border:1px solid #ffffff33;background:#1e382deb;color:#e8dfcf;white-space:nowrap;flex:none}
 .experience:not(.in-room) #zoom-photo{border:1px solid #e2cda744;background:#173327;color:#e2cda7;border-radius:3px}
 .experience .bottom button,.experience:not(.in-room) #zoom-photo{font-size:12px;min-height:44px}
 .experience .panorama-entry{position:relative;inset:auto!important;top:auto!important;grid-column:1/-1;grid-row:2;justify-self:start;width:auto;max-width:none;min-height:44px;padding:8px 14px;font-size:12px;border-radius:3px;transform:none}
 .experience .pano-inline-tools{position:relative;inset:auto!important;grid-column:1/-1;grid-row:2;width:auto;max-width:none;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}
 .experience .pano-inline-tools button{width:auto;flex:none;min-height:44px;padding:8px 12px;font-size:12px}
 .experience .pano-inline-tools [data-pano-group]{display:none}
 .experience .room-photo-action{min-height:44px;font-size:12px;padding:8px 12px}
 .experience .panel{width:min(510px,100%)}

 .experience,.experience.in-room{grid-template-rows:72px 104px minmax(0,1fr) 50px 52px 46px}
 .experience header,.experience.in-room header{height:72px;padding:10px 20px}
 .experience .room-controls,.experience.in-room .room-controls{height:104px;min-height:104px;grid-template-rows:44px 44px;padding:6px 20px}
 .experience #room-title,.experience.panorama-inline #room-title{font-size:28px;max-width:none}
 .experience .intro{padding:4px 20px}
 .experience .intro .eyebrow{font-size:9px}
 .experience .intro h1{font-size:28px;margin:5px 0}
 .experience .intro p{font-size:11px}
 .facade:before,.inside:before,.photo-layer:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:var(--mobile-scene);background-position:center;background-size:100% 100%;background-repeat:no-repeat}
 .facade img,.inside img{position:relative;z-index:1}.photo-layer img{z-index:1}
}
@media(min-width:701px) and (max-width:1280px) and (min-height:501px) and (orientation:landscape) and (max-aspect-ratio:8/5), (min-width:1281px) and (max-width:1400px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
 .experience,.experience.in-room{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:62px 90px minmax(0,1fr) 44px 44px 44px;align-content:stretch;gap:0;background:#12251e}
 .experience header,.experience.in-room header{position:relative;inset:auto;grid-row:1;grid-column:1;height:62px;min-height:0;padding:8px 12px;box-sizing:border-box;background:#12251e}
 .experience .ambient-image{display:none}
 .experience .room-controls,.experience.in-room .room-controls{display:grid;grid-row:2;grid-column:1;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 38px;align-content:center;align-items:center;gap:4px 8px;height:90px;min-height:90px;box-sizing:border-box;padding:4px 12px;position:relative;inset:auto;z-index:6;background:transparent}
 .experience:not(.in-room) .room-controls{visibility:hidden;pointer-events:none}
 .in-room #room-heading{display:contents;opacity:1;pointer-events:auto}
 .in-room #room-heading small,.in-room #room-heading p,.in-room .room-select-label{display:none}
 .in-room #room-title,.in-room.panorama-inline #room-title{grid-column:1;grid-row:1;font-size:23px;line-height:1.15;margin:0;max-width:none;padding:0;background:none}
 .in-room #room-load-status:not(:empty){grid-column:1/-1;margin:0}
 .in-room .room-photo-action{display:block;grid-column:2;grid-row:1;position:relative;min-height:40px;padding:6px 10px;border:1px solid #e2cda744;border-radius:3px;background:#173327;color:#e2cda7;font:10px 'Be Vietnam Pro'}
 .in-room #zoom-photo{display:none!important}
 .experience .camera,.experience .settled-room,.experience .panorama-view,.experience.in-room .camera,.experience.in-room .settled-room,.experience.in-room .panorama-view{position:relative!important;inset:auto!important;grid-row:3;grid-column:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;transform:none!important;outline:0;border:0;background:#12251e}
 .experience .facade img,.experience .inside img,.experience .settled-room img{object-fit:contain;mask-image:linear-gradient(to bottom,transparent calc(50% - 28.125vw),#000 calc(50% - 28.125vw + 14px),#000 calc(50% + 28.125vw - 14px),transparent calc(50% + 28.125vw));background:none}
 .experience .intro{grid-row:2;grid-column:1;position:relative;inset:auto;align-self:center;margin:0;padding:2px 16px;box-sizing:border-box;z-index:2}
 .experience .intro .eyebrow{font-size:7px;letter-spacing:.1em}
 .experience .intro h1{font-size:22px;line-height:1.1;margin:4px 0}
 .experience .intro p{font-size:9px;line-height:1.3;max-width:none;margin:0}
 .experience .mobile-materials:not([hidden]){display:flex;position:relative;inset:auto!important;grid-row:4;grid-column:1;align-self:stretch;min-width:0;box-sizing:border-box;margin:0;padding:6px 12px 0;gap:5px;background:#12251e;scrollbar-width:none}
 .experience .mobile-materials button{min-height:38px;padding:6px 9px;font-size:10px;border-radius:3px}
 .experience #room-nav:not([hidden]){display:flex!important;grid-row:5;grid-column:1;position:relative;inset:auto;gap:5px;min-width:0;margin:0;padding:6px 12px 0;justify-content:flex-start;align-self:stretch;box-sizing:border-box;scrollbar-width:none;background:#12251e}
 .experience #room-nav:before{display:none}
 .experience #room-nav button{min-height:38px;padding:6px 10px;font-size:10px;border-radius:3px;flex:none}
 .experience:not(.in-room) #zoom-photo{display:block;position:relative;inset:auto!important;grid-row:5;grid-column:1;justify-self:end;align-self:center;min-height:38px;padding:6px 10px;font-size:10px;margin-right:12px}
 .experience .bottom,.experience.in-room .bottom{grid-row:6;grid-column:1;position:relative;inset:auto;justify-content:flex-end;align-self:stretch;box-sizing:border-box;padding:2px 12px max(4px,env(safe-area-inset-bottom));margin:0;background:#12251e}
 .experience .bottom button{min-height:38px;padding:6px 10px;font-size:10px;max-width:none;border:0;background:transparent;color:#e2cda7}
 .experience .bottom #stage,.experience .bottom .track-line,.experience .disclosure{display:none!important}
 .experience #intro{transition:none}
 .experience .material-points{transition:none}

 .experience .intro{background:transparent;border:0;box-shadow:none;text-shadow:none;max-width:none;left:auto;right:auto;bottom:auto}
 .experience .intro:before{display:none}
 .experience #room-title{color:#fff}
 .experience .point,.experience .point.label-left{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;transform:translate(-50%,-50%)}
 .experience .point i{width:32px;height:32px;font-size:20px}
 .experience .point span{display:none}
 .experience .mobile-materials:not([hidden]){left:auto;right:auto;overflow-x:auto;z-index:4}
 .experience .mobile-materials button,.experience #room-nav button{font-size:12px;min-height:44px;padding:8px 12px}
 .experience .mobile-materials button{border:1px solid #ffffff33;background:#1e382deb;color:#e8dfcf;white-space:nowrap;flex:none}
 .experience:not(.in-room) #zoom-photo{border:1px solid #e2cda744;background:#173327;color:#e2cda7;border-radius:3px}
 .experience .bottom button,.experience:not(.in-room) #zoom-photo{font-size:12px;min-height:44px}
 .experience .panorama-entry{position:relative;inset:auto!important;top:auto!important;grid-column:1/-1;grid-row:2;justify-self:start;width:auto;max-width:none;min-height:44px;padding:8px 14px;font-size:12px;border-radius:3px;transform:none}
 .experience .pano-inline-tools{position:relative;inset:auto!important;grid-column:1/-1;grid-row:2;width:auto;max-width:none;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}
 .experience .pano-inline-tools button{width:auto;flex:none;min-height:44px;padding:8px 12px;font-size:12px}
 .experience .pano-inline-tools [data-pano-group]{display:none}
 .experience .room-photo-action{min-height:44px;font-size:12px;padding:8px 12px}
 .experience .panel{width:min(510px,100%)}

 .experience,.experience.in-room{grid-template-rows:62px 62px minmax(0,1fr) 50px 50px 46px}
 .experience .room-controls,.experience.in-room .room-controls{height:62px;min-height:62px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:44px;padding:6px 18px}
 .experience .panorama-entry,.experience .pano-inline-tools{grid-column:2;grid-row:1}
 .experience .room-photo-action{grid-column:3;grid-row:1}
 .experience #room-title,.experience.panorama-inline #room-title{font-size:25px;max-width:none}
 .experience .facade img,.experience .inside img,.experience .settled-room img{mask-image:none}
 .experience .intro{padding:2px 18px}
 .experience .intro .eyebrow{display:none}
 .experience .intro h1{font-size:22px;line-height:1.1;margin:0;display:flex;gap:6px}
 .experience .intro h1 br{display:none}
 .experience .intro p{font-size:10px;margin-top:3px}
}