/* ============================================================
   LCFLCKS PHOTOGRAPHY — GALLERY PAGE
   ============================================================ */

/* ----------------------------------------------------------
   PAGE HEADER
---------------------------------------------------------- */
.gallery-header {
  padding-top: calc(var(--nav-height) + var(--space-12));
  padding-bottom: var(--space-10);
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
  max-width: var(--max-content);
  margin: 0 auto;
}

.gallery-header h1 {
  margin-bottom: var(--space-3);
}

.gallery-header p {
  font-size: var(--text-base);
  color: var(--color-stone);
  max-width: 48ch;
}

/* ----------------------------------------------------------
   MASONRY GRID
---------------------------------------------------------- */
.gallery-page {
  padding-top: var(--space-8);
}

.masonry-grid {
  columns: 3;
  column-gap: 3px;
}

.gallery-item {
  break-inside: avoid;
  margin-bottom: 3px;
  display: block;
}

.gallery-item .gallery-card {
  display: block;
  width: 100%;
}

.gallery-item .gallery-card img {
  width: 100%;
  height: auto;
  display: block;
}

/* Hidden state for filtering */
.gallery-item--hidden {
  display: none;
}

@media (max-width: 1024px) {
  .masonry-grid {
    columns: 2;
  }
}

@media (max-width: 600px) {
  .masonry-grid {
    columns: 1;
  }
}