.after-dark-gallery {
  grid-area: photos;
  min-width: 0;
  --photo-gap: 12px;
  container-type: inline-size;
}
.after-dark-window {
  overflow-x: auto;
  scrollbar-width: thin;
}
.after-dark-track,
.after-dark-set {
  display: flex;
  width: max-content;
  gap: var(--photo-gap);
}
.after-dark-frame {
  width: calc((100cqi - var(--photo-gap)) / 2);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 18px;
}
.after-dark-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.after-dark-frame .after-dark-red-bar {
  transform: scale(1.16);
}
.after-dark-frame .after-dark-skyline {
  object-position: center 76%;
}
/* Frame the riverside scene inside the camera branding. */
.after-dark-frame .after-dark-riverside {
  object-position: center 63%;
  transform: scale(1.09);
}
@media (prefers-reduced-motion: reduce) {
  .after-dark-set[aria-hidden="true"] { display: none; }
}
@media (pointer: fine) {
  .after-dark-window { cursor: grab; }
  .after-dark-window:active { cursor: grabbing; }
}
button.after-dark-frame {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
button.after-dark-frame:focus-visible {
  outline: 3px solid #ffd889;
  outline-offset: -3px;
}
.after-dark-lightbox {
  position: fixed;
  inset: 0;
  width: min(94vw, 960px, 112dvh);
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #111;
}
.after-dark-lightbox::backdrop { background: #000d; }
.after-dark-lightbox .after-dark-frame { width: 100%; border-radius: 0; }
.after-dark-lightbox form { position: absolute; z-index: 1; top: 8px; right: 8px; margin: 0; }
.after-dark-lightbox button {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #fff8;
  border-radius: 50%;
  color: white;
  background: #111c;
  font-size: 26px;
  cursor: pointer;
}
@media (max-width: 760px) {
  .after-dark-gallery .after-dark-frame { width: 64cqi; }
}
.interest-detail.layout-4 {
  grid-template-areas: "lead lead" "photos photos" "highlights highlights" "footer footer";
}
.slow-life-gallery .after-dark-frame {
  flex: none;
  width: min(100cqi, 320px);
  aspect-ratio: 4 / 5;
}
.slow-life-lightbox { width: min(94vw, 690px); }
.slow-life-lightbox .after-dark-frame { aspect-ratio: auto; }
.slow-life-lightbox img {
  height: auto;
  max-height: 86dvh;
  object-fit: contain;
}
@media (max-width: 760px) {
  .slow-life-gallery .after-dark-frame { width: min(65cqi, 200px); }
}
/* Trim the photo's bottom margin in both the gallery and the enlarged view. */
.slow-life-gallery .slow-life-river-photo { object-position: center top; }
.slow-life-lightbox .slow-life-river-photo { clip-path: inset(0 0 2% 0); }