/* Mobile panorama lives in the browser's top layer, independently of hero height. */
.panorama-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#122539;color:white;overflow:hidden;overscroll-behavior:none}
.panorama-dialog::backdrop{background:#122539}
.panorama-dialog>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.panorama-dialog .experience-controls{position:absolute;inset:0;z-index:2;pointer-events:none}
.panorama-dialog .experience-top{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px}
.panorama-dialog .experience-top>span{font-size:10px;max-width:100px;min-width:0}
.panorama-dialog #leave{flex:none;margin-left:auto;min-height:48px;min-width:168px;white-space:nowrap;background:#102033;border:1px solid #ffffffb0;font-size:14px;padding:12px 16px;touch-action:manipulation;position:relative;z-index:3}
.panorama-dialog .experience-bottom{bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:8px}
.panorama-dialog .experience-bottom p{margin:0;text-align:center;padding:8px 12px;font-size:12px;line-height:1.4;background:#102033dc}
.panorama-dialog .experience-bottom small{display:none}
.panorama-dialog .view-buttons{display:flex;justify-content:center;gap:8px}
.panorama-dialog .view-buttons button{width:52px;height:48px;padding:0;touch-action:manipulation}
@media(max-width:700px){
 .immersive:not(.is-exploring){height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column}
 .hero-content{padding-top:clamp(145px,24svh,210px);padding-bottom:35px}
 .hero-meta{position:relative;bottom:auto;margin-top:auto;padding-bottom:22px;flex:none}
 .hero-kicker{line-height:1.7}
 .hero-content h1{font-size:clamp(34px,8.7vw,60px)}
 .hero-lower{min-width:0}
 .explore{max-width:100%;gap:14px}
 .explore-icon{flex:none}
 .explore>span:last-child{min-width:0}
 .explore small{white-space:normal;line-height:1.6;letter-spacing:.8px}
 .header{gap:12px}
 .header .button{margin-left:auto;white-space:nowrap;flex:none}
 .viewer-footer{align-items:start}
 .viewer-footer a,.viewer-footer button{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-height:450px){.panorama-dialog .experience-bottom{flex-direction:row;justify-content:space-between}.panorama-dialog .experience-bottom p{max-width:55%;text-align:left}}