/* VMC homepage proof-image repair — 2026-07-31 */

/* Keep the anchored proof heading clear of the sticky navigation. */
#results {
  scroll-margin-top: 132px;
}

/* Give the four workshop examples enough width to read, and preserve their real 10:7 geometry. */
.mini-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mini-gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  background: #0b1518;
}

/* Present the three main proof images as equal, readable cards without cropping away component detail. */
.results-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.result-stack {
  display: contents;
}

.result-large,
.result-small {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.result-large img,
.result-small img {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #0b1518;
}

.result-large .caption,
.result-small .caption {
  margin-top: auto;
}

@media (max-width: 980px) {
  .results-grid {
    grid-template-columns: 1fr;
  }

  .result-stack {
    display: contents;
  }
}

@media (max-width: 620px) {
  .mini-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}