/* Mobile alternatives share the desktop accordion and the same light frame. */
@media(max-width:900px) {
  .gallery-panel[data-mobile-layout] .accordion-stage {
    height:var(--mobile-stage-h,520px);
    overflow:visible;
    transition:height 720ms cubic-bezier(.22,1,.36,1);
  }
  .gallery-panel[data-mobile-layout] { overflow-anchor:none; }
  .gallery-panel[data-mobile-layout][data-variant="accordion"] .gallery-slide {
    z-index:var(--panel-z,1);
    transform:translate3d(var(--panel-x),var(--panel-y),0);
    transition:transform 720ms cubic-bezier(.22,1,.36,1),width 720ms cubic-bezier(.22,1,.36,1),height 720ms cubic-bezier(.22,1,.36,1),opacity 320ms;
    background:#eff3f7;
  }
  .gallery-panel[data-mobile-layout][data-variant="accordion"] .gallery-slide img {
    transition:width 720ms cubic-bezier(.22,1,.36,1),height 720ms cubic-bezier(.22,1,.36,1);
  }
  .gallery-panel[data-mobile-layout] .gallery-slide[data-mobile-hidden] {
    visibility:hidden;opacity:0;pointer-events:none;
  }
  .gallery-panel[data-mobile-layout] .gallery-slide[data-mobile-exiting] {
    visibility:visible;pointer-events:none;z-index:5;
  }
  .gallery-panel[data-mobile-layout="sequence"] .gallery-slide:not([data-active]) .gallery-expand { display:none; }
  .gallery-panel[data-mobile-layout="deck"] .gallery-slide:not([data-active]) img { opacity:.84; }
  .gallery-panel[data-mobile-layout="focus"] .gallery-slide { transition:none; }
  .gallery-panel[data-mobile-layout].is-resizing .gallery-slide,
  .gallery-panel[data-mobile-layout].is-resizing .gallery-slide img,
  .gallery-panel[data-mobile-layout].is-resizing .accordion-stage { transition:none; }
}
@media(prefers-reduced-motion:reduce) {
  .gallery-panel[data-mobile-layout] .gallery-slide,
  .gallery-panel[data-mobile-layout] .gallery-slide img,
  .gallery-panel[data-mobile-layout] .accordion-stage { transition:none!important; }
}