:root { --background: oklch(0.12 0.025 265); --foreground: oklch(0.92 0.008 250); --muted-foreground: oklch(0.65 0.018 255); --primary: oklch(0.57 0.26 265); --primary-foreground: oklch(0.97 0 0); --border: oklch(0.92 0.008 250 / 24%); }
:root {
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Manrope", Arial, sans-serif;
  --gallery-glow: oklch(0.31 0.19 265);
  --gallery-light: oklch(0.42 0.24 264);
  --gallery-surface: oklch(0.17 0.035 265);
  --gallery-outline: oklch(0.67 0.08 262 / 15%);
  --gallery-gradient: radial-gradient(ellipse at 47% -30%, var(--gallery-light) 0%, transparent 61%), radial-gradient(ellipse at 60% 120%, var(--gallery-glow) 0%, transparent 65%);
}

.gallery-page { min-height: 100svh; position: relative; overflow: hidden; background-image: var(--gallery-gradient); }
.gallery-topline { max-width: 1440px; margin: auto; padding: 28px 56px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); }
.gallery-brand { font: 500 20px var(--font-display); }
.gallery-topline span { color: var(--muted-foreground); font-size: 10px; letter-spacing: 2px; }
.gallery-section { max-width: 1480px; padding: 120px 24px 56px; margin: auto; position: relative; z-index: 1; }
.gallery-heading { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 49px; min-height: 90px; }
.gallery-heading h1 { margin: 0; font: 400 54px/1.2 var(--font-display); letter-spacing: 0; }
.gallery-controls { display: flex; gap: 12px; position: absolute; right: 0; bottom: 3px; }
.gallery-arrow { width: 52px; height: 52px; border-radius: 50%; }
.gallery-arrow svg { width: 21px; height: 21px; }
.gallery-viewport { overflow: hidden; }
.gallery-track { display: flex; margin-left: -12px; touch-action: pan-y pinch-zoom; }
.gallery-column { flex: 0 0 calc(100% / var(--gallery-visible-columns, 4)); min-width: 0; padding-left: 12px; display: grid; grid-template-rows: repeat(var(--gallery-rows, 3), minmax(0, auto)); align-content: start; gap: 12px; }
.gallery-photo { display: block; position: relative; width: 100%; height: auto; aspect-ratio: 1.03; padding: 0; border-radius: 3px; overflow: hidden; }
.gallery-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s, filter .5s; }
.gallery-photo:hover img { transform: scale(1.045); filter: brightness(1.12); }
.gallery-photo:focus-visible { outline: 2px solid var(--foreground); outline-offset: -3px; }
.gallery-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 30px; color: var(--muted-foreground); font-size: 10px; letter-spacing: 2px; }
.gallery-footer .gallery-line { flex: 1; height: 1px; background: var(--border); max-width: 90px; }
.gallery-footer-label { display: flex; align-items: center; gap: 18px; }
.gallery-watermark { position: absolute; bottom: -42px; left: 50%; transform: translateX(-50%); white-space: nowrap; pointer-events: none; font: 500 220px/1 var(--font-display); color: transparent; -webkit-text-stroke: 1px var(--gallery-outline); }
.lightbox-overlay { position: fixed; inset: 0; z-index: 50; background: var(--background); background-image: var(--gallery-gradient); }
.lightbox { position: fixed; inset: 0; z-index: 51; display: flex; flex-direction: column; padding: 42px 7.6% 65px; outline: none; }
.lightbox-watermark { bottom: 0; font-size: 260px; }
.lightbox-header { display: grid; grid-template-columns: 1fr 5fr 1fr; align-items: center; gap: 15px; position: relative; z-index: 1; font: 400 21px var(--font-display); }
.lightbox-title { text-align: center; font: inherit; margin: 0; }
.lightbox-close { justify-self: end; width: 44px; height: 44px; padding: 0; }
.lightbox-close svg { width: 34px; height: 34px; stroke-width: 1.2; }
.lightbox-stage { flex: 1; min-height: 0; display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; gap: 5.5%; align-items: center; position: relative; z-index: 1; padding-top: 35px; }
.lightbox-stage .gallery-arrow { width: 64px; height: 64px; }
.lightbox-image-wrap { height: 100%; min-height: 0; display: flex; justify-content: center; align-items: center; touch-action: pan-y pinch-zoom; }
.lightbox-image { display: block; max-width: 100%; max-height: min(76svh, 900px); width: auto; height: auto; border-radius: 4px; object-fit: contain; animation: gallery-photo-in .25s ease; }
@keyframes gallery-photo-in { from { opacity: .4; } to { opacity: 1; } }
@media (min-width: 1500px) { .gallery-section { padding-top: 120px; } }
@media (max-width: 700px) {
  .gallery-topline { padding: 22px 22px; }
  .gallery-topline span { font-size: 8px; letter-spacing: 1px; }
  .gallery-brand { font-size: 17px; }
  .gallery-section { padding: 40px 22px 48px; }
  .gallery-heading { justify-content: flex-start; margin-bottom: 28px; min-height: 70px; }
  .gallery-heading h1 { font-size: 38px; }
  .gallery-controls { bottom: 14px; gap: 8px; }
  .gallery-arrow { width: 38px; height: 38px; }
  .gallery-column { flex-basis: 50%; gap: 8px; padding-left: 8px; }
  .gallery-track { margin-left: -8px; }
  .gallery-footer { font-size: 8px; letter-spacing: 1px; padding-top: 24px; }
  .gallery-line { display: none; }
  .gallery-watermark { font-size: 125px; bottom: -15px; }
  .lightbox { padding: 23px 18px 30px; }
  .lightbox-header { grid-template-columns: 40px 1fr 40px; font-size: 15px; gap: 8px; }
  .lightbox-title { max-width: 250px; justify-self: center; }
  .lightbox-stage { grid-template-columns: 1fr 1fr; gap: 15px; align-content: center; }
  .lightbox-image-wrap { grid-column: 1 / -1; grid-row: 1; height: auto; }
  .lightbox-image { max-height: 65svh; }
  .lightbox-stage .gallery-arrow { width: 48px; height: 48px; margin-top: 10px; }
  .lightbox-prev { justify-self: end; }
  .lightbox-next { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

.concert-gallery, .concert-gallery * { box-sizing: border-box; }
.concert-gallery { font-family: var(--font-body); color: var(--foreground); position: relative; overflow: hidden;z-index: 2;
  /* background: var(--background); background-image: var(--gallery-gradient);*/ }
.concert-gallery button, dialog.lightbox button { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; padding: 0; color: var(--foreground); background: transparent; border: 1px solid var(--border); }
.concert-gallery button:hover, dialog.lightbox button:hover { background-color: oklch(0.92 0.008 250 / 10%); }
.concert-gallery button svg, dialog.lightbox button svg { width: 22px; height: 22px; }
.concert-gallery .gallery-photo { border: 0; }
.concert-gallery .gallery-next, dialog.lightbox .lightbox-next { background: var(--foreground); color: var(--primary); }
button:focus-visible { outline: 2px solid var(--foreground); outline-offset: 3px; }
dialog.lightbox { width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; color: var(--foreground); background: var(--background); background-image: var(--gallery-gradient); box-sizing: border-box; }
dialog.lightbox::backdrop { background: var(--background); }
dialog.lightbox:not([open]) { display: none; }
dialog.lightbox .lightbox-close { border: 0; }
dialog.lightbox .lightbox-close svg { width: 34px; height: 34px; }

.gallery-block-title {
   
    font: 400 54px / 1.2 var(--font-display);
    margin: 0;
    font-family: var(--hero-condensed-font);
    font-size: var(--headings-font-size);
    line-height: 1.2;
    overflow-wrap: anywhere;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #d9e6f2;
    margin-bottom: 30px;
}
@media(max-width:700px){ .gallery-block-title { font-size: 38px; } }

/* CSS reconstruction of Slice_5: normalized geometry, no bitmap. */
:root {
  --section-base: oklch(0.134156 0.017240 262.1660);
  --section-outline: oklch(0.27 0.019 265 / 0.30);
  --section-glow-1: 0.189843 0.094908 269.0162;
  --section-glow-2: 0.440352 0.185171 260.8191;
  --section-glow-3: 0.369111 0.207989 264.2866;
  --section-glow-4: 0.211065 0.108649 268.4992;
  --section-glow-5: 0.358836 0.179799 263.3678;
  --section-glow-6: 0.225730 0.125792 266.2688;
}

.reference-background {
 
  isolation: isolate;
  background-color: var(--section-base);
  background-image:
    radial-gradient(ellipse 90.7233% 45.5202% at 57.9981% 87.7420%, oklch(var(--section-glow-6) / 1.00000) 0.0%, oklch(var(--section-glow-6) / 0.94059) 10.0%, oklch(var(--section-glow-6) / 0.78270) 20.0%, oklch(var(--section-glow-6) / 0.57623) 30.0%, oklch(var(--section-glow-6) / 0.37531) 40.0%, oklch(var(--section-glow-6) / 0.21627) 50.0%, oklch(var(--section-glow-6) / 0.11025) 60.0%, oklch(var(--section-glow-6) / 0.04972) 70.0%, oklch(var(--section-glow-6) / 0.01984) 80.0%, oklch(var(--section-glow-6) / 0.00700) 90.0%, oklch(var(--section-glow-6) / 0.00000) 100.0%),
    radial-gradient(ellipse 104.3525% 35.3552% at 30.1757% 97.3869%, oklch(var(--section-glow-5) / 1.00000) 0.0%, oklch(var(--section-glow-5) / 0.94059) 10.0%, oklch(var(--section-glow-5) / 0.78270) 20.0%, oklch(var(--section-glow-5) / 0.57623) 30.0%, oklch(var(--section-glow-5) / 0.37531) 40.0%, oklch(var(--section-glow-5) / 0.21627) 50.0%, oklch(var(--section-glow-5) / 0.11025) 60.0%, oklch(var(--section-glow-5) / 0.04972) 70.0%, oklch(var(--section-glow-5) / 0.01984) 80.0%, oklch(var(--section-glow-5) / 0.00700) 90.0%, oklch(var(--section-glow-5) / 0.00000) 100.0%),
    radial-gradient(ellipse 79.9444% 28.3311% at 61.8991% 70.2282%, oklch(var(--section-glow-4) / 1.00000) 0.0%, oklch(var(--section-glow-4) / 0.94059) 10.0%, oklch(var(--section-glow-4) / 0.78270) 20.0%, oklch(var(--section-glow-4) / 0.57623) 30.0%, oklch(var(--section-glow-4) / 0.37531) 40.0%, oklch(var(--section-glow-4) / 0.21627) 50.0%, oklch(var(--section-glow-4) / 0.11025) 60.0%, oklch(var(--section-glow-4) / 0.04972) 70.0%, oklch(var(--section-glow-4) / 0.01984) 80.0%, oklch(var(--section-glow-4) / 0.00700) 90.0%, oklch(var(--section-glow-4) / 0.00000) 100.0%),
    radial-gradient(ellipse 77.6668% 27.5359% at 64.4480% 31.0537%, oklch(var(--section-glow-3) / 1.00000) 0.0%, oklch(var(--section-glow-3) / 0.94059) 10.0%, oklch(var(--section-glow-3) / 0.78270) 20.0%, oklch(var(--section-glow-3) / 0.57623) 30.0%, oklch(var(--section-glow-3) / 0.37531) 40.0%, oklch(var(--section-glow-3) / 0.21627) 50.0%, oklch(var(--section-glow-3) / 0.11025) 60.0%, oklch(var(--section-glow-3) / 0.04972) 70.0%, oklch(var(--section-glow-3) / 0.01984) 80.0%, oklch(var(--section-glow-3) / 0.00700) 90.0%, oklch(var(--section-glow-3) / 0.00000) 100.0%),
    radial-gradient(ellipse 50.2073% 17.1545% at 56.3557% 34.4216%, oklch(var(--section-glow-2) / 1.00000) 0.0%, oklch(var(--section-glow-2) / 0.94059) 10.0%, oklch(var(--section-glow-2) / 0.78270) 20.0%, oklch(var(--section-glow-2) / 0.57623) 30.0%, oklch(var(--section-glow-2) / 0.37531) 40.0%, oklch(var(--section-glow-2) / 0.21627) 50.0%, oklch(var(--section-glow-2) / 0.11025) 60.0%, oklch(var(--section-glow-2) / 0.04972) 70.0%, oklch(var(--section-glow-2) / 0.01984) 80.0%, oklch(var(--section-glow-2) / 0.00700) 90.0%, oklch(var(--section-glow-2) / 0.00000) 100.0%),
    radial-gradient(ellipse 89.1857% 9.0160% at 51.0911% 5.4309%, oklch(var(--section-glow-1) / 1.00000) 0.0%, oklch(var(--section-glow-1) / 0.94059) 10.0%, oklch(var(--section-glow-1) / 0.78270) 20.0%, oklch(var(--section-glow-1) / 0.57623) 30.0%, oklch(var(--section-glow-1) / 0.37531) 40.0%, oklch(var(--section-glow-1) / 0.21627) 50.0%, oklch(var(--section-glow-1) / 0.11025) 60.0%, oklch(var(--section-glow-1) / 0.04972) 70.0%, oklch(var(--section-glow-1) / 0.01984) 80.0%, oklch(var(--section-glow-1) / 0.00700) 90.0%, oklch(var(--section-glow-1) / 0.00000) 100.0%);
  container-type: inline-size;
}

.reference-lettering {
    display: block;
    position: relative;
    z-index: 1;

    width: 100%;
    min-height: 38vw;
    margin-top: -20%;

    background-image: url('/images/text-bg.png');
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;

    opacity: 0.5;
}




/* Mobile reference layout; existing desktop declarations above are unchanged. */

  .concert-gallery .gallery-mobile { display: none; }
  @media (max-width: 767px) {
    .reference-lettering {
    position: absolute;
    min-height: 200px;
    top: 0;

}
    .concert-gallery {
      /*--mobile-gallery-bg: var(--background);*/
      --mobile-gallery-text: var(--primary-foreground);
      --mobile-gallery-blue: oklch(0.64 0.21 253);
      --mobile-gallery-dot: var(--primary);
      --mobile-gallery-outline: var(--gallery-outline);
      --mobile-gallery-glow: oklch(0.37 0.21 264 / 48%);
      --mobile-gallery-backdrop: oklch(0 0 0 / 94%);
      position: relative;
      isolation: isolate;
      overflow: hidden;
      margin: 0;
      padding: 20px 20px 52px 15px;
      background: radial-gradient(ellipse at 5% 24%, var(--mobile-gallery-glow), transparent 48%), var(--mobile-gallery-bg);
      color: var(--mobile-gallery-text);
    }
    .concert-gallery::before {
      content: 'HANS ZIMMER';
      position: absolute;
      z-index: -1;
      top: 36px;
      left: 50%;
      transform: translateX(-50%);
      font: 120px/1 Arial, sans-serif;
      letter-spacing: 0;
      white-space: nowrap;
      color: transparent;
      -webkit-text-stroke: 1px var(--mobile-gallery-outline);
      pointer-events: none;
    }
    .concert-gallery .gallery-section {
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      background: none;
      border: 0;
    }
    .concert-gallery .gallery-heading {
      display: block;
      min-height: 0;
      margin: 0 0 60px;
      padding: 0;
      text-align: center;
    }
    .concert-gallery .gallery-block-title {
      margin: 0;
      padding: 0;
      font-family: var(--hero-condensed-font, var(--font-display));
      font-size: 42px;
      font-weight: 400;
      line-height: 50px;
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--mobile-gallery-text);
      overflow-wrap: normal;
    }
    .concert-gallery .gallery-heading .gallery-controls,
    .concert-gallery .gallery-viewport,
    .concert-gallery .gallery-footer { display: none; }
    .concert-gallery .gallery-mobile { display: block; }
    .concert-gallery .gallery-mobile-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px 12px;
      touch-action: pan-y;
    }
    .concert-gallery .gallery-mobile-photo {
      display: block;
      min-width: 0;
      width: 100%;
      aspect-ratio: 178 / 195;
      overflow: hidden;
      padding: 0;
      border: 0;
      border-radius: 5px;
      background: var(--mobile-gallery-bg);
      cursor: pointer;
    }
    .concert-gallery .gallery-mobile-photo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .concert-gallery .gallery-mobile-navigation {
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr) 46px;
      align-items: center;
      gap: 12px;
      margin: 7px -4px 0;
      transform: translateX(-4px);
    }
    .concert-gallery .gallery-mobile-arrow {
      display: grid;
      place-items: center;
      width: 46px;
      height: 46px;
      flex-shrink: 0;
      padding: 0;
      border: 1px solid var(--mobile-gallery-text);
      border-radius: 50%;
      background: transparent;
      color: var(--mobile-gallery-text);
      cursor: pointer;
    }
    .concert-gallery .gallery-mobile-arrow svg { width: 24px; height: 24px; }
    .concert-gallery .gallery-mobile-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 0;
      gap: 1px;
    }
    .concert-gallery .gallery-mobile-dot {
      display: grid;
      place-items: center;
      width: 15px;
      height: 32px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
    }
    .concert-gallery .gallery-mobile-dot::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background: var(--mobile-gallery-dot);
    }
    .concert-gallery .gallery-mobile-dot[aria-current="true"] { width: 44px; }
    .concert-gallery .gallery-mobile-dot[aria-current="true"]::before {
      width: 37px;
      background: var(--mobile-gallery-blue);
    }
    .concert-gallery .gallery-mobile button:hover { background-color: transparent; }
    .concert-gallery .gallery-mobile-lightbox:not([open]) { display: none; }
    .concert-gallery .gallery-mobile button:focus-visible {
      outline: 2px solid var(--mobile-gallery-blue);
      outline-offset: 3px;
    }
    .concert-gallery .gallery-mobile-status {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
    }
    .concert-gallery .gallery-mobile-lightbox {
      position: fixed;
      inset: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
      margin: 0;
      padding: 64px 15px 24px;
      border: 0;
      background-color: var(--section-base);
    background-image: radial-gradient(ellipse 90.7233% 45.5202% at 57.9981% 87.7420%, oklch(var(--section-glow-6) / 1.00000) 0.0%, oklch(var(--section-glow-6) / 0.94059) 10.0%, oklch(var(--section-glow-6) / 0.78270) 20.0%, oklch(var(--section-glow-6) / 0.57623) 30.0%, oklch(var(--section-glow-6) / 0.37531) 40.0%, oklch(var(--section-glow-6) / 0.21627) 50.0%, oklch(var(--section-glow-6) / 0.11025) 60.0%, oklch(var(--section-glow-6) / 0.04972) 70.0%, oklch(var(--section-glow-6) / 0.01984) 80.0%, oklch(var(--section-glow-6) / 0.00700) 90.0%, oklch(var(--section-glow-6) / 0.00000) 100.0%), radial-gradient(ellipse 104.3525% 35.3552% at 30.1757% 97.3869%, oklch(var(--section-glow-5) / 1.00000) 0.0%, oklch(var(--section-glow-5) / 0.94059) 10.0%, oklch(var(--section-glow-5) / 0.78270) 20.0%, oklch(var(--section-glow-5) / 0.57623) 30.0%, oklch(var(--section-glow-5) / 0.37531) 40.0%, oklch(var(--section-glow-5) / 0.21627) 50.0%, oklch(var(--section-glow-5) / 0.11025) 60.0%, oklch(var(--section-glow-5) / 0.04972) 70.0%, oklch(var(--section-glow-5) / 0.01984) 80.0%, oklch(var(--section-glow-5) / 0.00700) 90.0%, oklch(var(--section-glow-5) / 0.00000) 100.0%), radial-gradient(ellipse 79.9444% 28.3311% at 61.8991% 70.2282%, oklch(var(--section-glow-4) / 1.00000) 0.0%, oklch(var(--section-glow-4) / 0.94059) 10.0%, oklch(var(--section-glow-4) / 0.78270) 20.0%, oklch(var(--section-glow-4) / 0.57623) 30.0%, oklch(var(--section-glow-4) / 0.37531) 40.0%, oklch(var(--section-glow-4) / 0.21627) 50.0%, oklch(var(--section-glow-4) / 0.11025) 60.0%, oklch(var(--section-glow-4) / 0.04972) 70.0%, oklch(var(--section-glow-4) / 0.01984) 80.0%, oklch(var(--section-glow-4) / 0.00700) 90.0%, oklch(var(--section-glow-4) / 0.00000) 100.0%), radial-gradient(ellipse 77.6668% 27.5359% at 64.4480% 31.0537%, oklch(var(--section-glow-3) / 1.00000) 0.0%, oklch(var(--section-glow-3) / 0.94059) 10.0%, oklch(var(--section-glow-3) / 0.78270) 20.0%, oklch(var(--section-glow-3) / 0.57623) 30.0%, oklch(var(--section-glow-3) / 0.37531) 40.0%, oklch(var(--section-glow-3) / 0.21627) 50.0%, oklch(var(--section-glow-3) / 0.11025) 60.0%, oklch(var(--section-glow-3) / 0.04972) 70.0%, oklch(var(--section-glow-3) / 0.01984) 80.0%, oklch(var(--section-glow-3) / 0.00700) 90.0%, oklch(var(--section-glow-3) / 0.00000) 100.0%), radial-gradient(ellipse 50.2073% 17.1545% at 56.3557% 34.4216%, oklch(var(--section-glow-2) / 1.00000) 0.0%, oklch(var(--section-glow-2) / 0.94059) 10.0%, oklch(var(--section-glow-2) / 0.78270) 20.0%, oklch(var(--section-glow-2) / 0.57623) 30.0%, oklch(var(--section-glow-2) / 0.37531) 40.0%, oklch(var(--section-glow-2) / 0.21627) 50.0%, oklch(var(--section-glow-2) / 0.11025) 60.0%, oklch(var(--section-glow-2) / 0.04972) 70.0%, oklch(var(--section-glow-2) / 0.01984) 80.0%, oklch(var(--section-glow-2) / 0.00700) 90.0%, oklch(var(--section-glow-2) / 0.00000) 100.0%), radial-gradient(ellipse 89.1857% 9.0160% at 51.0911% 5.4309%, oklch(var(--section-glow-1) / 1.00000) 0.0%, oklch(var(--section-glow-1) / 0.94059) 10.0%, oklch(var(--section-glow-1) / 0.78270) 20.0%, oklch(var(--section-glow-1) / 0.57623) 30.0%, oklch(var(--section-glow-1) / 0.37531) 40.0%, oklch(var(--section-glow-1) / 0.21627) 50.0%, oklch(var(--section-glow-1) / 0.11025) 60.0%, oklch(var(--section-glow-1) / 0.04972) 70.0%, oklch(var(--section-glow-1) / 0.01984) 80.0%, oklch(var(--section-glow-1) / 0.00700) 90.0%, oklch(var(--section-glow-1) / 0.00000) 100.0%);
      color: var(--mobile-gallery-text);
    }
    .concert-gallery .gallery-mobile-lightbox[open] {
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 20px;
    }
    dialog.gallery-mobile-lightbox .reference-lettering {
    margin-top: 50px;
    /* bottom: -3px; */
    /* position: absolute; */
    z-index: 1;
}
    .concert-gallery .gallery-mobile-lightbox::backdrop { background: var(--mobile-gallery-backdrop); }
    .concert-gallery .gallery-mobile-lightbox img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  touch-action: pan-y pinch-zoom;
  user-select: none;
  -webkit-user-drag: none;
}
    .concert-gallery .gallery-mobile-close {
      position: absolute;
      top: 8px;
      right: 12px;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--mobile-gallery-text);
      font: 36px/1 Arial, sans-serif;
      cursor: pointer;
    }
    .concert-gallery .gallery-mobile-lightbox-controls { display: flex; align-items: center; justify-content: space-between; }
  }
