/* Match the Cape / Coastal charcoal surface and optional immersive mobile view. */
.mobile-panorama-view-toggle{display:none}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 html:has(#panoramas.active),html:has(#panoramas.active) body,html:has(#panoramas.active) main,#panoramas.panorama-panel,#panoramas.panorama-panel>iframe{background:#171b1d}
 html:has(#panoramas.active) main{top:0!important;left:0;width:100%;height:var(--panorama-viewport-height,var(--ra-viewport-height,100vh))!important;max-height:var(--panorama-viewport-height,var(--ra-viewport-height,100vh))}
 html:has(#panoramas.active) .site{height:var(--panorama-viewport-height,var(--ra-viewport-height,100vh))}
 #panoramas.panorama-panel{position:fixed!important;top:var(--panorama-viewport-top,0px)!important;left:0;right:0;bottom:auto!important;height:var(--panorama-viewport-height,var(--ra-viewport-height,100vh))!important;max-height:none!important;transform:none!important}
 #panoramas .mobile-panorama-view-toggle{display:block;position:absolute;z-index:42;top:calc(48px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));min-height:36px;min-width:44px;padding:6px 12px;border:1px solid rgba(223,231,234,.35);border-radius:20px;background:rgba(23,27,29,.85);color:#f7f7f5;font:400 12px/1.4 'IBM Plex Sans',Arial,sans-serif;touch-action:manipulation}
 #panoramas .mobile-panorama-view-toggle:focus-visible{outline:2px solid #00e5e5;outline-offset:3px}
 html.mobile-panorama-immersive .menu{visibility:hidden!important;pointer-events:none!important}
 #panoramas.mobile-panorama-immersive>iframe{bottom:0!important;height:100%!important}
 #panoramas.mobile-panorama-immersive .mobile-panorama-footer{display:none}
 #panoramas.mobile-panorama-immersive .mobile-panorama-view-toggle{top:calc(8px + env(safe-area-inset-top,0px));bottom:auto;background:rgba(23,27,29,.65)}
}

/* Panoramas use the site's shared information-badge pulse and native modal layer. */
#panoramas .panorama-info-badge{position:absolute;z-index:43;top:auto;bottom:72px;right:calc(50% - 18px);display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(0,229,229,.8);border-radius:50%;background:rgba(17,27,29,.78);color:#00e5e5;font:500 24px/1 'IBM Plex Sans',Arial,sans-serif;pointer-events:auto;touch-action:manipulation;cursor:pointer}
#panoramas .panorama-info-badge:hover{background:rgba(0,95,102,.9)}
#panoramas .panorama-info-badge:focus-visible{outline:2px solid #f7f7f5;outline-offset:4px}
.panorama-info-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-width:calc(100% - 24px);max-height:calc(var(--ra-viewport-height,100vh) - 24px);padding:0;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid rgba(0,229,229,.45);border-radius:10px;background:rgba(17,27,29,.92);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#f7f7f5;box-shadow:0 24px 100px #0008;font-family:'IBM Plex Sans',Arial,sans-serif}
.panorama-info-dialog::backdrop{background:rgba(13,17,19,.38);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.panorama-info-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 8px;background:rgba(17,27,29,.96)}
.panorama-info-heading h2{margin:0;color:inherit;font:500 24px/1.25 'IBM Plex Sans',Arial,sans-serif}
.panorama-info-heading [data-close]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:inherit;font:30px/1 Arial,sans-serif;cursor:pointer}
.panorama-info-copy{padding:0 24px 24px;min-width:0;overflow-wrap:anywhere}
.panorama-info-copy p{margin:0 0 1em;font-size:15px;line-height:1.65}
.panorama-info-copy p:last-child{margin-bottom:0}
.panorama-info-copy a{color:#00e5e5;text-decoration:underline;text-underline-offset:3px}
.panorama-info-dialog :focus-visible{outline:2px solid #00e5e5;outline-offset:3px}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 #panoramas .panorama-info-badge{top:auto;bottom:var(--panorama-button-bottom,112px);right:calc(12px + env(safe-area-inset-right,0px))}
 #panoramas.mobile-panorama-immersive .panorama-info-badge{top:auto;bottom:calc(68px + env(safe-area-inset-bottom,0px))}
 .panorama-info-heading{padding:16px 16px 8px;gap:12px}
 .panorama-info-heading h2{font-size:22px}
 .panorama-info-copy{padding:0 18px 20px}
}
@media(prefers-reduced-motion:reduce){.panorama-info-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* The native tour owns the badge once its control bar is ready. */
#panoramas.native-panorama-info-ready .panorama-info-badge{display:none}

/* Guided tours already hide navigation; restore its toggle when cinematic mode ends. */
body:is(.ra-fall-cinematic,.ra-high-tide-cinematic,.ra-merchants-cinematic,.ra-sandy-cinematic,.ra-scorton-cinematic,.ra-washburn-cinematic,.ra-winter-cinematic) #panoramas .mobile-panorama-view-toggle{display:none!important}