/* Static V4 gallery: original photographs, original woodcut frame, no rotation. */
.gallery-page { min-height: 100svh; background: radial-gradient(ellipse at 50% 0, #45121f55, transparent 52%), var(--night); }
.gallery-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px max(20px, calc((100vw - 1400px) / 2)); background: #000; }
.gallery-brand { display: inline-flex; align-items: center; min-height: 44px; color: var(--text); font: 600 30px/1.1 "Helvetica Neue", Arial, sans-serif; letter-spacing: .12em; text-decoration: none; }
.gallery-topbar nav { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.gallery-topbar nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: var(--text); font: 14px/1.5 var(--mono); text-decoration: none; }
.gallery-topbar nav a:hover { color: var(--accent); }
.gallery-main { width: min(calc(100% - 40px), 1400px); margin: 0 auto; padding-block: 44px 48px; }
.gallery-main h1 { max-width: 900px; margin: 0 auto 36px; color: var(--text); font: 400 clamp(38px, 5.2vw, 68px)/1.1 var(--serif); letter-spacing: -.025em; text-align: center; text-wrap: balance; }
.gallery-collection { columns: 3; column-gap: 20px; }
.gallery-collection figure { display: inline-block; break-inside: avoid; width: 100%; margin: 0 0 20px; border: 24px solid transparent; border-image: url("./assets/branding/grave-tarot-frame-woodcut-v4.svg?v=ba8b2647e6f6") 64 fill / 1 / 0 round; background: transparent; vertical-align: top; }
.gallery-collection .photo-link { display: block; width: 100%; background: var(--night); }
.gallery-collection img { display: block; width: 100%; height: auto; object-fit: contain; }
.gallery-collection figcaption { padding: 10px 2px 1px; color: var(--muted); font: 15px/1.4 var(--serif); text-align: center; }
.gallery-bottom { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 22px; }
.gallery-bottom a { display: inline-flex; align-items: center; min-height: 44px; font: 14px/1.5 var(--mono); }
@media (max-width: 760px) {
  .gallery-topbar { gap: 12px; padding: 10px 20px; }
  .gallery-brand { font-size: 26px; }
  .gallery-topbar nav { gap: 14px; }
  .gallery-topbar nav a { font-size: 13px; }
  .gallery-main { padding-block: 32px; }
  .gallery-main h1 { margin-bottom: 28px; font-size: clamp(35px, 8vw, 48px); }
  .gallery-collection { columns: 2; column-gap: 12px; }
  .gallery-collection figure { margin-bottom: 12px; border-width: 14px; }
  .gallery-collection figcaption { padding-top: 8px; font-size: 13px; }
}
@media (max-width: 360px) {
  .gallery-topbar { padding-inline: 16px; }
  .gallery-brand { font-size: 23px; }
  .gallery-main { width: calc(100% - 28px); }
  .gallery-collection figure { border-width: 12px; }
}