.reference-record {
  display: grid;
  grid-template-columns: minmax(18rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  margin-top: clamp(5rem, 9vw, 10rem);
  padding-top: clamp(2rem, 4vw, 4rem);
  border-top: 1px solid var(--line);
}

.reference-copy h3 {
  margin: .9rem 0 1.5rem;
  font-size: clamp(2rem, 4vw, 4.4rem);
  line-height: .94;
  text-transform: uppercase;
}

.reference-copy h3 span { color: var(--teal); }
.reference-copy > p:not(.eyebrow) { max-width: 34rem; color: var(--muted); }

.reference-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  align-items: end;
  background: var(--line);
}

.reference-strip figure { margin: 0; background: #000; }
.reference-strip img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }

@media (max-width: 850px) {
  .reference-record { grid-template-columns: 1fr; }
  .reference-strip { grid-template-columns: 1fr; }
  .reference-strip img { aspect-ratio: auto; }
}