.archive-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding-bottom: 110px;
}

.archive-grid article {
  border: 1px solid #ffffff24;
  background: #ffffff08;
}

.archive-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.archive-grid small {
  display: block;
  padding: 12px;
  color: #bd9660;
}

.archive-media {
  max-width: 100%;
  height: auto;
}

@media (max-width: 760px) {
  .archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}