@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;background:#08151c;color:#fff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}.tour{position:relative;width:100%;height:100svh;min-height:320px;overflow:clip;background:#08151c}.backdrop{position:absolute;inset:-35px;background-position:center;background-size:cover;filter:blur(25px);opacity:.22;transition:background-image .5s}.shade{position:absolute;inset:0;background:linear-gradient(#08151cbb,transparent 28%,transparent 70%,#08151ccc)}.stage{position:absolute;inset:104px 84px 102px}.photo{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;opacity:0;transition:opacity 1s ease}.photo.current{opacity:1}.photo:not([src]){display:none}header{position:absolute;top:0;left:0;right:0;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{display:block;font-size:9px;letter-spacing:.2em;color:#b6ccd7;margin-bottom:9px}h1{font-weight:500;font-size:clamp(13px,1.5vw,20px);margin:0;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff30;background:#1025329c;min-height:44px;transition:background .2s}button:hover{background:#267fba99}button:focus-visible{outline:3px solid #8ccaf3;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.icon-button{width:44px;border-radius:50%;font-size:25px;flex:none}.arrow{position:absolute;top:calc(50% - 30px);width:46px;height:60px;font:300 40px/1 Arial;border-radius:7px;display:grid;place-items:center}.previous{left:20px}.next{right:20px}footer{position:absolute;bottom:0;left:0;right:0;padding:0 36px max(22px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#08151c88)}.timeline{height:2px;background:#ffffff30;margin-bottom:16px;overflow:hidden}#progress{display:block;width:0;height:100%;background:#9ad4f4}.controls,.playback{display:flex;align-items:center;gap:24px}.controls{justify-content:space-between}.controls button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:24px;font-size:11px;letter-spacing:.02em}.controls button[aria-pressed=true]#music{background:#267fba75}#play-icon{min-width:10px;font-family:Arial;font-size:14px}#music>span:first-child{font-size:18px}#count{color:#d0dce2;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}#notice,#error{position:absolute;left:50%;transform:translateX(-50%);bottom:110px;max-width:calc(100% - 40px);width:max-content;padding:12px 18px;background:#102532e8;border:1px solid #ffffff35;border-radius:8px;font-size:12px;line-height:1.6;text-align:center}#error{top:45%;bottom:auto}[hidden]{display:none!important}
@media(max-width:700px){header{padding:max(22px,env(safe-area-inset-top)) 20px 18px;align-items:flex-start}.property{max-width:calc(100% - 54px)}.eyebrow{font-size:8px;margin-bottom:7px}h1{font-size:14px;line-height:1.6}.stage{inset:112px 12px 112px}.arrow{top:calc(50% - 24px);width:34px;height:48px;background:#102532bb;font-size:32px}.previous{left:10px}.next{right:10px}footer{padding-left:20px;padding-right:20px}.controls,.playback{gap:14px}.controls button{padding:10px 13px}.photo{transition-duration:.65s}#notice{bottom:115px}}
@media(max-height:500px){header{padding:12px 20px}.eyebrow{display:none}.stage{inset:56px 74px 74px}footer{padding-bottom:10px}.timeline{margin-bottom:8px}.controls button{min-height:36px;padding:6px 13px}.icon-button{min-height:36px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.photo,.backdrop{transition:none}}

/* Photo previews stay below the image and above playback controls. */
.stage{bottom:192px}.arrow{top:calc(50% - 75px)}.thumbnails{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:5px 3px 10px;margin:0 0 12px;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent;overscroll-behavior-x:contain;touch-action:pan-x}.thumbnail{position:relative;flex:0 0 92px;height:62px;min-height:0;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;opacity:.55;background:#102532}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail:hover{opacity:.85}.thumbnail[aria-current=true]{opacity:1;border-color:#9ad4f4}.thumbnail:focus-visible{outline-offset:1px;outline:2px solid white;opacity:1}
@media(max-width:700px){.stage{bottom:204px}.arrow{top:calc(50% - 70px)}.thumbnails{gap:8px;margin-bottom:12px;padding-bottom:8px}.thumbnail{flex-basis:66px;height:48px}}
@media(max-height:500px){.stage{bottom:143px}.arrow{top:calc(50% - 55px)}.thumbnails{margin-bottom:7px;padding-bottom:5px;gap:8px}.thumbnail{flex-basis:66px;height:44px}}

/* Compact landscape player: the photo uses the whole browser viewport. */
#photos-toggle{display:none}
@media(orientation:landscape) and (max-height:600px){
 .tour{height:100dvh;min-height:0}.stage{inset:0}.arrow{top:calc(50% - 24px);height:48px;width:36px;font-size:32px}.previous{left:max(12px,env(safe-area-inset-left))}.next{right:max(12px,env(safe-area-inset-right))}
 header{padding:12px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left));background:linear-gradient(#08151caa,transparent)}.eyebrow{display:none}h1{font-size:13px;text-shadow:0 1px 4px #000}.property{max-width:80%}
 footer{padding:22px max(20px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(transparent,#08151ccc)}.controls{gap:12px}.playback{gap:14px;margin-right:auto}.controls button{min-height:36px;padding:6px 13px}.timeline{margin-bottom:8px}#photos-toggle{display:flex}
 .thumbnails{display:none;height:58px;margin-bottom:8px;padding:3px 2px 7px}.thumbnail{flex-basis:70px;height:46px}.tour.photos-open .thumbnails{display:flex}
 header,footer,.arrow{transition:opacity .3s}.tour.controls-hidden header,.tour.controls-hidden footer,.tour.controls-hidden .arrow{opacity:0;pointer-events:none}.tour.controls-hidden :is(header,footer,.arrow):has(:focus-visible){opacity:1;pointer-events:auto}
 #notice{bottom:70px}
}