/* ===================== GALLERY ===================== */
#gallery { padding: 100px 56px; background: var(--bg2); border-top: 1px solid var(--border); }
.gallery-intro { margin-bottom: 48px; }
.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 12px; }
.gallery-item {
  background: var(--bg3); border: 1px solid var(--border-gold);
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 3/4; position: relative; overflow: hidden; cursor: pointer;
}
.gallery-item.wide { grid-column: span 2; aspect-ratio: 16/9; }
.gallery-item.tall { grid-row: span 2; aspect-ratio: unset; }
.gallery-placeholder { font-size: 11px; font-family: var(--ff-sans); color: var(--text-dim); letter-spacing: 0.2em; text-transform: uppercase; text-align: center; padding: 20px; }
.gallery-item-label {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(6,4,8,0.9)); padding: 20px 14px 10px;
  font-family: var(--ff-sans); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-dim);
}
.gallery-item-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
/* placeholder art */
.gi-portrait { background: radial-gradient(ellipse at 40% 30%, #2a1a08 0%, #0e0804 60%); }
.gi-city { background: linear-gradient(180deg, #04080e 0%, #0a1520 50%, #1a0e04 100%); }
.gi-detail { background: radial-gradient(circle at 60% 70%, #1a1204 0%, #060408 70%); }
.gi-mood { background: linear-gradient(135deg, #0a0614 0%, #14080a 100%); }
.gi-scene { background: linear-gradient(180deg, #080610 0%, #100808 100%); }