.sponsors {
  background: var(--ivory);
  padding: clamp(6rem, 11vw, 11rem) var(--page-pad);
}

.sponsors__heading {
  margin: 0 auto clamp(5rem, 9vw, 9rem);
  max-width: var(--content);
}

.sponsors h2 {
  color: var(--navy);
  margin-bottom: 0;
}

.sponsor-logos {
  margin: 0 auto;
  max-width: 78rem;
}

.sponsor-row {
  align-items: center;
  border-top: 1px solid rgba(11, 31, 59, 0.14);
  display: flex;
  gap: clamp(3rem, 10vw, 10rem);
  justify-content: center;
  min-height: 12rem;
  padding: 5rem 0 3rem;
  position: relative;
}

.sponsor-tier {
  color: var(--gold);
  font-size: 0.62rem;
  font-weight: 600;
  left: 50%;
  letter-spacing: 0.2em;
  position: absolute;
  text-transform: uppercase;
  top: 1.7rem;
  transform: translateX(-50%);
  white-space: nowrap;
}

.sponsor-row img {
  height: auto;
  max-height: 8.2rem;
  object-fit: contain;
  width: min(29rem, 42%);
}

.sponsor-row--platinum {
  min-height: 17rem;
}

.sponsor-row--platinum img {
  max-height: 10rem;
  width: min(32rem, 44%);
}

.sponsor-row--gold {
  gap: clamp(2rem, 5vw, 5rem);
  min-height: 15rem;
}

.sponsor-row--gold img:nth-of-type(1) {
  max-height: 5.4rem;
  width: min(27rem, 34%);
}

.sponsor-row--gold img:nth-of-type(2) {
  max-height: 6.6rem;
  width: min(22rem, 27%);
}

.sponsor-row--gold img:nth-of-type(3) {
  max-height: 5.2rem;
  width: min(23rem, 29%);
}

.sponsor-row--welcome img {
  max-height: none;
  width: min(14rem, 28%);
}

.sponsor-row--institutional {
  border-bottom: 1px solid rgba(11, 31, 59, 0.14);
  flex-direction: column;
  gap: 1.25rem;
}

.sponsor-row--institutional .sponsor-tier {
  color: var(--gold);
}

.sponsor-row--institutional img {
  max-height: 8.5rem;
  width: min(17rem, 62%);
}

@media (max-width: 700px) {
  .sponsors__heading {
    margin-bottom: 4rem;
  }

  .sponsor-row,
  .sponsor-row--platinum {
    flex-direction: column;
    gap: 3rem;
    min-height: 0;
    padding: 5rem 0 4rem;
  }

  .sponsor-row img,
  .sponsor-row--platinum img,
  .sponsor-row--welcome img {
    max-height: 7rem;
    width: min(23rem, 84%);
  }

  .sponsor-row--welcome img {
    max-height: none;
    width: min(12rem, 48%);
  }

  .sponsor-row--gold img:nth-of-type(1),
  .sponsor-row--gold img:nth-of-type(2),
  .sponsor-row--gold img:nth-of-type(3) {
    max-height: 6.5rem;
    width: min(23rem, 84%);
  }

  .sponsor-row--institutional img {
    width: min(17rem, 72%);
  }
}