/* ─── GALLERY ────────────────────────────────────── */
.gfilt {
  background: #111; display: flex; gap: 11px;
  padding: 18px 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.gf {
  background: transparent; border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.32); padding: 7px 18px;
  font-family: 'Archivo', sans-serif; font-size: 9.5px; font-weight: 800;
  letter-spacing: 2px; text-transform: uppercase;
  cursor: pointer; transition: all .18s; border-radius: 1px;
}
.gf.on, .gf:hover {
  background: var(--beige); border-color: var(--beige); color: var(--dark);
}

.ggrid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 3px; background: #0a0a0a; padding: 3px;
}

.gi { aspect-ratio: 4/3; position: relative; overflow: hidden; cursor: pointer; }
.gi.tall { grid-row: span 2; aspect-ratio: auto; }

.gi-bg {
  position: absolute; inset: 0; transition: transform .45s;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 7px;
}
.gi:hover .gi-bg { transform: scale(1.05); }

.gi-ov {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, transparent 55%);
  display: flex; flex-direction: column; align-items: flex-start;
  justify-content: flex-end; padding: 24px; opacity: 0; transition: opacity .3s;
}
.gi:hover .gi-ov { opacity: 1; }

.gtag {
  font-size: 9px; font-weight: 800; color: var(--beige);
  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px;
}
.gnm { font-size: 13.5px; font-weight: 800; color: #F5F5F5; }

.gph { font-size: 36px; opacity: .07; }
.gpt {
  font-size: 8px; color: rgba(255, 255, 255, 0.07);
  letter-spacing: 2px; text-transform: uppercase; font-weight: 700;
}

.gb1 { background: linear-gradient(135deg, #181818, #222) }
.gb2 { background: linear-gradient(135deg, #181820, #222228) }
.gb3 { background: linear-gradient(135deg, #181818, #202020) }
.gb4 { background: linear-gradient(135deg, #1c1818, #242020) }
.gb5 { background: linear-gradient(135deg, #181820, #202028) }
.gb6 { background: linear-gradient(135deg, #1c1c18, #242420) }