#filters a.active {
  color: var(--color-darkest);
}

#grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

#grid a {
  background-image: none;
}

.item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.item:not(a) {
  opacity: 0.3;
}

.item strong {
  margin: 0;
}

.thumb {
  aspect-ratio: 4/3;
  background: var(--thumb, var(--color-lighter)) center/cover no-repeat;
  border-radius: 0.75rem;
}