.gallery-topline{display:flex;align-items:center;justify-content:space-between;margin:3px 0 12px}.gallery-topline>span{font-size:11px;letter-spacing:2px;color:var(--muted)}.realism-frame{position:relative;overflow:hidden;border-radius:9px;background:#e8e1d5;min-height:240px}.realism-frame>img{width:100%;aspect-ratio:2/1;object-fit:contain;display:block}.realism-frame>button{position:absolute;bottom:17px;width:42px;height:42px;border-radius:50%;background:#fcfcf2e8;color:var(--ink);box-shadow:0 2px 12px #0002;font-size:19px;backdrop-filter:blur(6px)}#photo-prev{left:17px}#photo-next{left:68px}#photo-expand{right:17px;font-size:25px}.photo-links{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.photo-links button{background:transparent;padding:2px 0;border-bottom:1px solid #aeb8a4;color:#42583b;font-size:11px;text-align:left;min-height:27px}.realism-grid em{font-size:10px;color:var(--muted);font-style:normal;display:block;margin-top:7px}.realism-grid button:hover{border-color:#8f9c7d}.realism-hero figcaption{align-items:start}.realism-hero figcaption p{max-width:800px}#photo-dialog{border:0;background:#151b17;padding:0;max-width:96vw;max-height:94svh;border-radius:7px;color:white}#photo-dialog::backdrop{background:#101811e8}#photo-dialog img{display:block;max-width:96vw;max-height:92svh;object-fit:contain}#photo-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;background:#f7f7edeb;color:#273b2a;z-index:2;font-size:20px}#tour-section .cinema-toolbar{display:flex}#tour-section .tour-progress{display:block}
@media(max-width:650px){.gallery-topline{margin:0 0 10px}.realism-frame{min-height:0}.realism-frame>img{aspect-ratio:1.55/1;object-fit:contain}.realism-frame>button{bottom:11px;width:38px;height:38px;min-height:38px;font-size:18px}#photo-prev{left:11px}#photo-next{left:57px}#photo-expand{right:11px}.realism-hero figcaption{display:block}.photo-links{margin-top:15px;flex-direction:row;gap:22px}.photo-links button{font-size:10px;min-height:30px}.realism-grid em{font-size:9px;line-height:1.5}.realism-grid strong{font-size:12px}.realism-filters{padding-bottom:10px}.realism-filters button{min-height:38px}.gallery-topline .control-group button{min-width:55px}.realism-hero h2{font-size:29px}#realism-category{font-size:9px;letter-spacing:1px}.realism-grid{grid-template-columns:1fr 1fr}.realism-frame>img{border-radius:0}}
/* Immersive spherical panoramas */
.realism-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 14px}.realism-mode>span{font-size:11px;color:var(--muted)}.p360-pill{font-size:9px;margin-left:7px;border:1px solid #9ca98e;padding:2px 4px;border-radius:4px;white-space:nowrap}.realism-frame.has-panorama{background:#3d392b;min-height:0}.realism-frame>img[hidden],.p360[hidden],.realism-mode[hidden]{display:none}.p360{position:relative;width:100%;height:clamp(350px,57vw,650px);overflow:hidden;isolation:isolate;background:#383a2c;color:#fff}.p360 canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline-offset:-4px}.p360 canvas:active{cursor:grabbing}.p360-label{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;font-size:12px;pointer-events:none;text-shadow:0 1px 5px #0008}.p360-label b{padding:7px 10px;border:1px solid #ffffff75;border-radius:30px;background:#2f402a94;font-size:12px;letter-spacing:.7px}.p360-status{position:absolute;inset:40% 10%;text-align:center;font-size:13px;padding:15px;border-radius:8px;background:#283626e8;height:max-content}.p360-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #ffffff4d;border-radius:28px;background:#31412ae8;backdrop-filter:blur(8px)}.p360-controls button{width:40px;height:40px;min-height:40px;border:0;background:transparent;color:white;border-radius:50%;font-size:21px}.p360-controls button:hover{background:#ffffff24}.p360-controls button:disabled{opacity:.3;cursor:default}.p360-controls>span{width:1px;height:22px;background:#ffffff42;margin:0 4px}.p360-hint{position:absolute;bottom:76px;left:0;right:0;margin:0;text-align:center;pointer-events:none;font-size:11px;text-shadow:0 1px 5px #000;background:#26342380;padding:6px 8px;width:fit-content;max-width:90%;margin-inline:auto;border-radius:5px}.has-panorama>#photo-prev,.has-panorama>#photo-next{top:20px;bottom:auto}.has-panorama>#photo-prev{left:auto;right:69px}.has-panorama>#photo-next{left:auto;right:18px}.has-panorama>#photo-expand{bottom:22px}#panorama-dialog{margin:0;border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#171e16;color:white;overflow:hidden}#panorama-dialog::backdrop{background:#0f160f}#panorama-dialog .p360{height:100%;width:100%}#panorama-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:5;width:44px;height:44px;border-radius:50%;background:#f8f8ecef;color:#2d3c28;font-size:20px}#panorama-dialog .p360-controls{bottom:max(22px,env(safe-area-inset-bottom))}body:has(#panorama-dialog[open]){overflow:hidden}#panorama-dialog .p360-label{max-width:calc(100% - 100px)}
@media(max-width:650px){.realism-mode{display:block}.realism-mode>span{display:block;margin-top:8px;font-size:10px}.realism-mode .control-group{width:fit-content}.p360{height:clamp(360px,65svh,590px)}.p360-label{top:14px;left:12px;font-size:11px;gap:7px}.p360-label b{font-size:10px;padding:6px 8px}.has-panorama>#photo-prev{right:58px;top:14px}.has-panorama>#photo-next{right:12px;top:14px}.p360-controls{bottom:14px;left:12px;transform:none;gap:0;padding:4px}.p360-controls button{width:35px;height:38px;min-height:38px;font-size:20px}.has-panorama>#photo-expand{bottom:18px;right:12px}.p360-hint{bottom:74px;font-size:10px;max-width:95%}#panorama-dialog .p360-controls{left:50%;transform:translateX(-50%)}#panorama-dialog .p360-label{left:15px}}
.p360-rooms{display:flex;gap:4px;position:absolute;bottom:112px;left:50%;transform:translateX(-50%);border-radius:20px;padding:4px;background:#31412ae8;border:1px solid #ffffff4d;backdrop-filter:blur(8px)}.p360-rooms button{background:transparent;color:#ffffffb8;padding:6px 12px;min-height:30px;border-radius:16px;font-size:11px}.p360-rooms button.selected{background:#f6f7ea;color:#34452d}.p360-rooms button:hover{color:white;background:#ffffff25}.p360-rooms button.selected:hover{color:#34452d;background:white}@media(max-width:650px){.p360-rooms{bottom:109px}.p360-rooms button{font-size:10px;padding:5px 12px;min-height:30px}}