/* ==========================================================================
   Krishen Khanna — /news/<slug>/ (with exhibitions.css: the split, eyebrow date, meta list and text)
   Builds on main.css tokens only; no new colours.
   ========================================================================== */

.news__media .figure__media { background: transparent; }
.news__media picture { width: 100%; }
.news__media img { width: 100%; height: auto; }
/* the portrait never runs past the window under the header (it is cropped near 4:5 as well) */
@media (min-width: 1024px) {
  .news__media img { width: auto; max-width: 100%; max-height: calc(100svh - var(--header-h) - 120px); }
}

/* the launch photographs: two up, a landscape frame may span both; one column on phones */
.news__photos {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-y) var(--gap-x);
  align-items: start;
  margin-top: var(--gap-y); padding-top: var(--gap-y); border-top: 1px solid var(--hairline);
}
.news__photo--wide { grid-column: 1 / -1; max-width: 768px; }   /* a 1536 px video still: no wider than it is sharp on retina */
.news__photo picture { width: 100%; }
.news__photo img { width: 100%; height: auto; }
/* portrait pairs fit a laptop window: each 2:3 frame is capped in height, so both captions share a line */
@media (min-width: 769px) {
  .news__photo:not(.news__photo--wide) img { width: auto; max-width: 100%; max-height: min(85svh, 1000px); }
}
@media (max-width: 768px) { .news__photos { grid-template-columns: minmax(0, 1fr); } }

/* the card's painting, centred under the text that names it, no wider than its 722 px file is sharp */
.news__artwork { margin: var(--gap-y) auto; max-width: 420px; text-align: center; }
.news__artwork picture { width: 100%; }
.news__artwork img { width: 100%; height: auto; }