.thumbnail-strip { flex-wrap: wrap; }

.metrics-grid span em {
  display: block;
  margin-top: .65rem;
  font: italic 400 .8rem/1.35 var(--sans);
  letter-spacing: 0;
  text-transform: none;
}

.card-media span { max-width: 100%; }

.metrics-grid { grid-template-columns: repeat(5, 1fr); }

.photo-samples {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: none;
  gap: .65rem;
  width: 100%;
}

.photo-samples a {
  display: block;
  min-width: 0;
}

.photo-samples img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  display: block;
  object-fit: cover;
}

.photo-samples a:first-child { grid-row: auto; }
.photo-samples a:first-child img { object-position: center 52%; }
.photo-samples a:nth-child(2) img { object-position: center; }
.photo-samples a:nth-child(3) img { object-position: center; }

.photo-samples span { display: none; }

.thumbnail-strip:not(.photo-samples) a { grid-template-columns: 116px auto; }
.thumbnail-strip:not(.photo-samples) img { width: 116px; height: 116px; }

/* Keep external-link arrows typographic—not emoji—on mobile browsers. */
.hero-links span,
.footer-links span,
.card-links span,
.thumbnail-strip span,
.text-link span {
  font-family: Arial, Helvetica, sans-serif;
  font-variant-emoji: text;
}

.hero-links a,
.footer-links a,
.card-links a,
.thumbnail-strip a,
.text-link {
  font-variant-emoji: text;
}

@media (max-width: 720px) {
  .thumbnail-strip a { grid-template-columns: 62px auto; }
  .thumbnail-strip img { width: 62px; height: 62px; }
  .metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .photo-samples { grid-template-rows: none; }
  .photo-samples img { aspect-ratio: 1 / 1; height: auto; }
  .thumbnail-strip:not(.photo-samples) a { grid-template-columns: 86px auto; }
  .thumbnail-strip:not(.photo-samples) img { width: 86px; height: 86px; }
  .gallery figure:nth-child(3) { display: block; }
  .gallery { grid-auto-rows: 180px; }
}