.disco {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.disco a {
  padding: 16px;
  border-right: 1px solid var(--line);
  min-width: 0;
}

.disco a:last-child {
  border-right: 0;
}

.disco img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.2s;
}

.disco a:hover img,
.disco a:focus-visible img {
  filter: none;
}

.disco small {
  display: block;
  margin-top: 8px;
  color: var(--dim);
}

.disco b {
  color: #fff;
}

.disco a:hover b {
  color: var(--hot);
}

@media (max-width: 900px) {
  .disco {
    grid-template-columns: repeat(3, 1fr);
  }

  .disco a:nth-child(3n) {
    border-right: 0;
  }

  .disco a:nth-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }
}