/* V42 — Television Work + Travel masonry layout
   Based on the supplied Pixieset reference: three editorial columns,
   natural image proportions, tight spacing, and no image distortion. */

body.tv-gallery .vertical-grid,
body.travel-gallery .vertical-grid {
  display: block !important;
  width: 100%;
  column-count: 3;
  column-gap: 8px;
  column-fill: balance;
}

body.tv-gallery .vertical-grid__item,
body.travel-gallery .vertical-grid__item {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  vertical-align: top;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

body.tv-gallery .vertical-grid__photo,
body.travel-gallery .vertical-grid__photo {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center;
}

/* Keep the existing cinematic reveal and lightbox behaviour intact. */
body.tv-gallery .vertical-grid__photo,
body.travel-gallery .vertical-grid__photo {
  cursor: pointer;
}

@media (max-width: 900px) {
  body.tv-gallery .vertical-grid,
  body.travel-gallery .vertical-grid {
    column-count: 2;
  }
}

@media (max-width: 600px) {
  body.tv-gallery .vertical-grid,
  body.travel-gallery .vertical-grid {
    column-count: 1;
    column-gap: 0;
  }

  body.tv-gallery .vertical-grid__item,
  body.travel-gallery .vertical-grid__item {
    margin-bottom: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tv-gallery .vertical-grid__photo,
  body.travel-gallery .vertical-grid__photo {
    transition: none !important;
  }
}