/* Keep native pinch zoom and avoid large composited image surfaces on touch devices. */
html{background:#080a0f;color-scheme:dark}
#gallery-grid .photo,#gallery-grid .photo:first-child,#gallery-grid .photo:nth-child(even){
 transform:none;will-change:auto;transition:none
}
#gallery-grid .photo[data-depth-active="true"]{will-change:transform}
.stage-frame,.stage-memory,.hero-content,.hero-image{will-change:auto}
#full-photo{touch-action:auto;max-height:calc(90vh - 160px);max-height:calc(90svh - 160px)}
#lightbox{max-height:94vh;max-height:94svh;overflow:auto;overscroll-behavior:contain}
html[data-effects="static"] .stage-space,
html[data-effects="static"] .hero-viewport,
html[data-effects="static"] .music-layout,
html[data-effects="static"] .album-visual,
html[data-effects="static"] .story,
html[data-effects="static"] .story-photo,
html[data-effects="static"] #gallery-grid{perspective:none;transform-style:flat}
html[data-effects="static"] .stage-frame,
html[data-effects="static"] .stage-memory,
html[data-effects="static"] .hero-content,
html[data-effects="static"] .album-visual,
html[data-effects="static"] .album-art,
html[data-effects="static"] .story-photo img,
html[data-effects="static"] #gallery-grid .photo,
html[data-effects="static"] #gallery-grid .photo img{
 transform:none!important;will-change:auto!important;transition:none!important
}
html[data-effects="static"] .hero-image,
html[data-effects="static"] .band-performance,
html[data-effects="static"] #gallery-grid .photo img{filter:none}
html[data-effects="static"] .hero-content .native,
html[data-effects="static"] header,
html[data-effects="static"] .player,
html[data-effects="static"] #accessibility-trigger,
html[data-effects="static"] #lightbox::backdrop,
html[data-effects="static"] #accessibility-dialog::backdrop{
 backdrop-filter:none;-webkit-backdrop-filter:none
}
html[data-effects="static"] .band-stage::before{display:none}
html[data-effects="static"] #lightbox[open]{animation:none;transform:none}
html[data-touch-effects="true"] .hero{height:auto;min-height:0;max-height:none;overflow:hidden}
html[data-touch-effects="true"] .hero-viewport{position:relative}
html[data-touch-effects="true"] .story-photo{position:relative;top:auto}
@media (any-pointer:coarse),(hover:none){
 .hero{height:auto;min-height:0;max-height:none;overflow:hidden}
 .hero-viewport{position:relative;perspective:none;isolation:auto}
 .stage-space,.music-layout,.album-visual,.story,.story-photo,#gallery-grid{perspective:none;transform-style:flat}
 .stage-frame,.stage-memory,.hero-content,.album-visual,.album-art,.story-photo img,#gallery-grid .photo,#gallery-grid .photo img{
  transform:none!important;will-change:auto!important;transition:none!important
 }
 .story-photo{position:relative;top:auto}
 .hero-image,.band-performance,#gallery-grid .photo img{filter:none}
 .hero-content .native,header,.player,#accessibility-trigger,#lightbox::backdrop,#accessibility-dialog::backdrop{
  backdrop-filter:none;-webkit-backdrop-filter:none
 }
 .band-stage::before{display:none}
 #lightbox[open]{animation:none;transform:none}
}
@media(max-height:500px) and (orientation:landscape){
 #full-photo{height:calc(90vh - 130px);height:calc(90svh - 130px);max-height:calc(90vh - 130px);max-height:calc(90svh - 130px)}
}