/* ============================================================
   PROOF. Gallery Page — filter bar + 2-column grid
   CSS column-count masonry (global.css .gallery-grid) collapses
   to a single column when there are only a couple of tall photos,
   so this page splits posts into two explicit columns instead
   (same reliable approach as the Top page, just without the offset).
   .tile rules still come from global.css.
   ============================================================ */

.work-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-8);
  align-items: start;
}
.work-col {
  display: flex;
  flex-direction: column;
  gap: var(--sp-8);
}
@media (max-width: 620px) {
  .work-cols { grid-template-columns: 1fr; }
}

.work-filters {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--c-bg);
  padding: var(--sp-4) 0 var(--sp-5);
  margin-bottom: var(--sp-8);
  border-bottom: var(--border);
}
.work-filters-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.filter-label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--c-mute);
  margin-right: var(--sp-5);
}