/* Match the category galleries to the main gallery's width, spacing and framing. */
.work-page .work-gallery {
  width: min(1440px, 100%);
  margin-inline: auto;
  padding-inline: 2vw;
  display: block;
  column-count: 3;
  column-gap: clamp(16px, 1.5vw, 24px);
  font-size: 0;
  line-height: 0;
}
.work-page .work-gallery .gallery-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  break-inside: avoid;
  margin: 0 0 clamp(16px, 1.5vw, 24px);
  min-height: 0;
  font-size: 1rem;
  line-height: normal;
}
.work-page .work-gallery .gallery-item img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
}
.work-page .photo-series-title {
  width: min(1440px, 100%);
  margin-inline: auto;
}
@media (max-width: 900px) {
  .work-page .work-gallery {
    column-count: 2;
    padding-inline: 20px;
  }
}
@media (max-width: 560px) {
  .work-page .work-gallery { column-count: 1; }
}

.work-selection-note { margin: 0 0 36px; padding-block: 20px; border-block: 1px solid var(--line); display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px 28px; }
.work-selection-note p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.7; }
.work-selection-note a { min-height: 36px; color: var(--ink); font-size: .85rem; text-decoration: underline; text-underline-offset: 6px; }