/* The Midway Goes Still — archival photographic presentation
   Subtle double pinlines, dark photographic mounts, and warmer, clearer prints.
   No content images are edited or replaced. */
:root { --photo-brass: rgba(214, 183, 140, .66); --photo-brass-soft: rgba(225, 201, 164, .22); }

/* The gallery reads like a box of carefully mounted found photographs. */
.gallery-grid--story, .gallery-grid--appendix { gap: 17px; }
.gallery-grid .photo-plate {
  padding: 5px;
  border: 1px solid var(--photo-brass);
  border-radius: 3px;
  background: linear-gradient(135deg, #534632 0%, #211f1b 27%, #141b1e 60%, #554634 100%);
  box-shadow:
    0 0 0 1px rgba(9, 14, 16, .88),
    0 0 0 3px rgba(190, 153, 104, .11),
    0 13px 30px rgba(0, 0, 0, .46),
    0 3px 8px rgba(0, 0, 0, .28);
  transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease;
}
.gallery-grid .photo-plate img {
  width: 100%; height: 100%; object-fit: cover;
  border: 1px solid rgba(234, 206, 162, .24);
  border-radius: 1px;
  filter: brightness(.97) saturate(.84) contrast(1.06);
}
.gallery-grid .photo-plate .gallery-item__caption {
  inset: auto 6px 6px;
  padding: 42px 15px 15px;
  background: linear-gradient(180deg, rgba(4,8,10,0),rgba(4,8,10,.88));
  text-shadow: 0 2px 10px rgba(0, 0, 0, .9);
}
.gallery-grid .photo-plate:hover,
.gallery-grid .photo-plate:focus-visible {
  border-color: rgba(251, 218, 172, .9);
  box-shadow: 0 0 0 1px rgba(9,14,16,.9), 0 0 0 3px rgba(202,166,113,.27), 0 18px 40px rgba(0,0,0,.54);
}
.gallery-grid .photo-plate:hover img { filter: brightness(1.055) saturate(.9) contrast(1.055); }
.gallery-grid--appendix .photo-plate { border-color: rgba(202,169,125,.48); }

/* The story pages feel like a genuine photograph set into an antique book. */
.book-spread__picture {
  border: 5px solid #28231c;
  background: linear-gradient(135deg, #6a563b, #201c19 20%, #181b1b 73%, #766042);
  box-shadow: inset 0 0 0 1px rgba(235, 208, 158, .42), 0 14px 32px rgba(0, 0, 0, .28);
}
.book-spread__picture img {
  top: 5px; left: 5px;
  width: calc(100% - 10px); height: calc(100% - 10px);
  border: 1px solid rgba(234,209,167,.28);
  filter: sepia(.08) saturate(.87) contrast(1.035) brightness(1.035);
}
.book-spread__picture:after { inset: 5px; }
.book-spread__picture .midway-picture-glimmers { inset: 5px; }

/* The origin photographs have a deeper mount, with a fine separation from their captions. */
.folklore-plate {
  padding: 5px;
  border: 1px solid rgba(212, 177, 125, .62);
  border-radius: 3px;
  background: linear-gradient(140deg,#51432f,#141a1c 40%,#423622);
  box-shadow: 0 0 0 1px rgba(4,9,12,.8), 0 12px 32px rgba(0,0,0,.3);
}
.folklore-plate img {
  border: 1px solid rgba(229,200,152,.27);
  filter: brightness(1.015) saturate(.84) contrast(1.045);
}
.folklore-plate figcaption {
  border-top: 1px solid rgba(204,175,127,.2);
  background: #10191c;
}
.folklore-plate--panorama figcaption { background: linear-gradient(135deg,#182328,#0e171a); border-top: 0; }

/* A museum print, not a generic image card. */
.entrance__photograph, .after-turn-archive figure {
  padding: 5px;
  border: 1px solid rgba(214, 180, 130, .65);
  border-radius: 3px;
  background: #24231d;
  box-shadow: 0 0 0 2px rgba(177,148,108,.12), 0 20px 48px rgba(0,0,0,.37);
}
.entrance__photograph img, .after-turn-archive img {
  border: 1px solid rgba(241,211,166,.25);
  filter: brightness(.98) saturate(.83) contrast(1.06);
}
.entrance__photograph figcaption, .after-turn-archive figcaption {
  left: 6px; right: 6px; bottom: 6px;
}

/* The album sleeve and the larger photo viewer get the same delicate brass keyline. */
.hero__art img, .soundtrack-aside img {
  border: 5px solid #1a1b19;
  outline: 1px solid rgba(219,187,144,.66);
  outline-offset: 2px;
  box-shadow: 0 23px 65px rgba(0,0,0,.55);
}
.recording-current__cover {
  border: 2px solid rgba(216,179,124,.64);
  box-shadow: 0 0 0 3px rgba(12,20,22,.65), 0 14px 30px rgba(0,0,0,.35);
}
.image-dialog--refined img {
  border: 5px solid #20211d;
  outline: 1px solid rgba(217,184,140,.62);
  outline-offset: 2px;
  box-shadow: 0 12px 34px rgba(0,0,0,.48);
}

/* Mobile frames are finer, avoiding crowded photographs on small screens. */
@media (max-width: 650px) {
  .gallery-grid--story, .gallery-grid--appendix { gap: 13px; }
  .gallery-grid .photo-plate { padding: 3px; }
  .gallery-grid .photo-plate .gallery-item__caption { inset: auto 4px 4px; padding: 32px 11px 11px; }
  .gallery-grid--story > .photo-plate--feature .gallery-item__caption { padding: 44px 14px 15px; }
  .book-spread__picture { border-width: 3px; }
  .book-spread__picture img { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); }
  .book-spread__picture:after, .book-spread__picture .midway-picture-glimmers { inset: 4px; }
  .folklore-plate { padding: 4px; }
  .entrance__photograph, .after-turn-archive figure { padding: 4px; }
  .hero__art img, .soundtrack-aside img { border-width: 4px; }
  .image-dialog--refined img { border-width: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .gallery-grid .photo-plate { transition: none !important; }
}