/* V6.4 Phase 3.3 - Fit the COMPLETE official stage artwork without cropping.
   Staff lookup and reservation pages only; no change to functionality/admin/pass.
   At standard HD width the asset is capped at 1240 CSS pixels and centered;
   surrounding page keeps the original deep-burgundy background. */
.staff-shell.stage-fit {
  --mgee-stage-width: min(100vw, 1240px);
  --mgee-stage-height: calc(var(--mgee-stage-width) * 772 / 1525);
}
.staff-shell.stage-fit::before {
  top: 76px;
  left: 0;
  right: 0;
  height: var(--mgee-stage-height);
  min-height: 0;
  background: url('official-mgee-stage.webp') center top / var(--mgee-stage-width) auto no-repeat;
  opacity: 1;
}
/* Begin content BELOW the image, rather than placing a form over the word
   BLOCKBUSTERS. The page may scroll vertically; no artwork is cropped. */
.staff-shell.stage-fit > main.staff-main,
.staff-shell.stage-fit > main.reserve-shell {
  margin-top: calc(var(--mgee-stage-height) + 12px);
}
@media(max-width:750px) {
  .staff-shell.stage-fit::before { top: 65px; }
  .staff-shell.stage-fit > main.staff-main,
  .staff-shell.stage-fit > main.reserve-shell {
    margin-top: calc(var(--mgee-stage-height) + 10px);
  }
}