.sponsor-logo {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  background: #1c1a19;
  padding-top: 8.69rem;
  padding-bottom: max(3rem, 100px - 3.75rem);
}
.sponsor-logo-container {
  max-width: 106.25rem;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: center;
  column-gap: 2rem;
  row-gap: 3.5rem;
}
.sponsor-logo-container a {
  text-decoration: none;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sponsor-logo-container a img {
  width: 100%;
  max-width: 10.625rem;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 991px) {
  .sponsor-logo {
    padding: 3rem 1.25rem 0;
  }
  .sponsor-logo-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .sponsor-logo-container a {
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 17/12;
  }
}
@media (max-width: 600px) {
  .sponsor-logo-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
.sponsor-logo-container a img.is-raster {
  opacity: 0.55;
  transform: scale(1.35);
}

.sponsor-logo-container.is-reveal-ready a {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.7s cubic-bezier(0.25, 0.74, 0.22, 0.99), transform 0.7s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-delay: var(--reveal-delay, 0s);
}

.sponsor-logo-container.is-revealed a {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .sponsor-logo-container.is-reveal-ready a {
    opacity: 1;
    transform: none;
    transition: none;
  }
}