.panorama-entry{display:none;position:absolute;right:5%;top:105px!important;z-index:4;background:#e2cda7;color:#18392b;border:0;min-height:44px;padding:11px 16px;font:500 11px 'Be Vietnam Pro';cursor:pointer}.experience.in-room[data-room="living"] .panorama-entry{display:block}.panorama-view{position:absolute;inset:0;z-index:30;background:#18261e;color:#fff;overflow:clip}.panorama-view[hidden]{display:none}.panorama-stage{position:absolute;inset:0;overflow:hidden;perspective-origin:50% 50%;touch-action:none;cursor:grab;outline:none}.panorama-stage:active{cursor:grabbing}.panorama-stage:focus-visible{outline:2px solid #d8bc88;outline-offset:-3px}.panorama-cube{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.cube-face{position:absolute;width:770px;height:770px;left:-385px;top:-385px;transform-style:preserve-3d}.cube-face img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}.panorama-top{position:absolute;top:0;left:0;right:0;padding:25px 4%;display:flex;justify-content:space-between;gap:10px;pointer-events:none;background:linear-gradient(#0b231bc9,transparent)}.panorama-top small{font-size:9px;letter-spacing:.15em}.panorama-top h2{font:400 30px 'Playfair Display';margin:8px 0}.panorama-view button{pointer-events:auto;min-height:44px;padding:10px 14px;border:1px solid #e7d4b577;background:#173326d9;color:white;font-size:11px;cursor:pointer}.panorama-top>button{align-self:flex-start}.panorama-bottom{position:absolute;bottom:0;left:0;right:0;padding:28px 4% max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0b231be8);pointer-events:none}.panorama-bottom p{font-size:11px}.panorama-bottom div{display:flex;gap:7px;flex-wrap:wrap}.panorama-bottom small{display:block;margin-top:12px;max-width:700px;font-size:9px;line-height:1.6;color:#e7dcc5}.panorama-open{overflow:hidden}.panorama-open .panel{z-index:42}.panorama-open .panel-backdrop{z-index:41}@media(max-width:700px) and (orientation:portrait){.panorama-entry{left:16px;right:auto;top:auto!important;font-size:10px;padding:10px 12px;bottom:calc(50% + 15px + 28.125vw);transform:translateY(0)}.panorama-top{padding:18px 16px}.panorama-top h2{font-size:22px;max-width:200px}.panorama-top small{font-size:7px}.panorama-view button{font-size:10px;padding:9px 11px}.panorama-bottom{padding-left:16px;padding-right:16px}.panorama-bottom small{font-size:8px}.panorama-top>button{max-width:100px}}@media(max-height:700px) and (orientation:portrait){.panorama-entry{bottom:calc(54% + 28.125vw)}}
.cube-face{width:784px;height:784px;left:-392px;top:-392px}.panorama-stage{background:#8b7251 url('assets/panorama/down.webp') center/cover}

/* Panorama is now the room's background, rather than an opt-in modal. */
.panorama-view{z-index:2;touch-action:none}.panorama-top,.panorama-bottom{display:none}.room-heading{z-index:4}.panorama-inline #material-points{display:none}.pano-inline-tools{display:none;position:absolute;z-index:4;top:105px;right:5%;gap:6px}.panorama-inline .pano-inline-tools{display:flex}.pano-inline-tools button{min-height:44px;background:#173326e0;color:#f1e3cb;border:1px solid #d7bb8766;padding:10px 12px;font:10px 'Be Vietnam Pro';cursor:pointer}.panorama-inline #room-heading p{max-width:270px}
@media(max-width:700px) and (orientation:portrait){.panorama-view{inset:auto 0;top:var(--photo-top);width:100%;height:auto;aspect-ratio:16/9;transform:translateY(-50%)}.pano-inline-tools{top:auto;right:auto;left:16px;bottom:calc(50% + 15px + 28.125vw)}.pano-inline-tools [data-pano-group]{display:none}.pano-inline-tools button{font-size:10px}.panorama-inline #room-heading p{max-width:none}}
@media(max-height:700px) and (orientation:portrait){.pano-inline-tools{bottom:calc(54% + 28.125vw)}}
@media(max-width:950px) and (orientation:landscape) and (max-height:500px){.pano-inline-tools{top:62px;right:16px}.pano-inline-tools button{font-size:9px;padding:8px}}

/* Surface markers share the camera projection and remain separate from drag input. */
.panorama-markers{position:absolute;inset:0;pointer-events:none;z-index:2}
.panorama-markers .panorama-point{pointer-events:auto;background:transparent;border:0;padding:0;color:white;min-height:44px;touch-action:manipulation}
.panorama-point[hidden]{display:none}
.panorama-point:focus-visible{outline:3px solid #e2cda7;outline-offset:5px}
.panorama-view{transition:filter 1s}
.is-night .panorama-view{filter:brightness(.55) saturate(.78)}
.panorama-stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 18%,#ffc17433,transparent 55%),linear-gradient(#08163144,#06152b22);transition:opacity 1s}
.is-night .panorama-stage:after{opacity:1}
.experience header .mode{position:relative;z-index:1;flex-shrink:0;background:#173326e8}
@media(prefers-reduced-motion:reduce){.panorama-view,.panorama-stage:after{transition:none}}

/* Keep the approved photo as the default; panorama is an optional view. */
.panorama-entry{display:block}
.panorama-entry[hidden]{display:none!important}
.pano-inline-tools{flex-wrap:wrap;max-width:65%;justify-content:flex-end}
@media(max-width:700px) and (orientation:portrait){.pano-inline-tools{max-width:calc(100% - 32px);justify-content:flex-start;gap:5px}.pano-inline-tools button{padding:9px 10px}}
@media(max-width:950px) and (orientation:landscape) and (max-height:500px){.panorama-entry{top:62px!important;right:16px;font-size:9px;padding:8px}}
@media(min-width:701px) and (min-height:501px){.panorama-view{inset:90px 24px 145px}}

@media(min-width:701px) and (min-height:501px){
 .panorama-view{inset:6px}
 .panorama-entry{top:72px!important;right:3%}
 .pano-inline-tools{top:72px;right:3%;max-width:70%}
}
/* Keep portrait panorama actions in the green area below the header. */
@media(max-width:700px) and (orientation:portrait){
 .panorama-entry{left:auto;right:16px;top:max(78px,calc(env(safe-area-inset-top) + 74px))!important;bottom:auto;max-width:136px;min-height:44px;padding:8px 11px;font-size:10px;box-shadow:none}
 .pano-inline-tools{left:auto;right:16px;top:max(78px,calc(env(safe-area-inset-top) + 74px));bottom:auto;width:120px;max-width:120px;flex-direction:column;gap:6px}
 .pano-inline-tools button{width:100%;min-height:44px;padding:8px;font-size:9px}
 .panorama-inline #room-title{max-width:calc(100% - 128px);font-size:26px}
}

@media(max-width:700px) and (orientation:portrait){
 .in-room .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:38px;padding:6px 12px;font-size:10px;border-radius:3px;transform:none}
 .in-room .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:6px;justify-content:flex-start}
 .in-room .pano-inline-tools button{width:auto;flex:none;min-width:0;min-height:38px;padding:6px 10px;font-size:10px;border-radius:3px}
 .in-room .pano-inline-tools [data-pano-group]{display:none}
}