/* ============================================================
   INFERNO — GALLERY PAGE
   ============================================================ */

.gallery-hero{
  padding: 160px 0 60px;
  text-align: center;
}
.gallery-hero .eyebrow{ display: block; margin-bottom: 14px; }
.gallery-hero h1{ font-size: clamp(40px, 6vw, 64px); }

.gallery-grid{
  padding: 20px 0 120px;
  column-count: 3;
  column-gap: 20px;
}
.gallery-item{
  break-inside: avoid;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--line);
}
.gallery-item img{
  width: 100%;
  display: block;
  transition: transform 0.5s ease;
}
.gallery-item:hover img{ transform: scale(1.04); }

.gallery-empty{
  text-align: center;
  padding: 80px 24px;
  color: var(--ink-soft);
  font-style: italic;
}

/* Lightbox */
#lightbox{
  position: fixed; inset: 0; z-index: 900;
  background: rgba(32,28,24,0.94);
  display: none;
  align-items: center; justify-content: center;
  padding: 40px;
}
#lightbox.open{ display: flex; }
#lightbox img{ max-width: 90vw; max-height: 85vh; }
#lightbox .lightbox-close{
  position: absolute; top: 28px; right: 36px;
  color: var(--cream);
  font-family: var(--font-label);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: none; border: none; cursor: pointer;
}

@media (max-width: 900px){
  .gallery-grid{ column-count: 2; }
}
@media (max-width: 560px){
  .gallery-grid{ column-count: 1; }
}