.archive-gallery {
  margin-top: 20px;
}

.archive-hero {
  margin-bottom: 100px;
}

.archive-hero img {
  width: 100%;
  display: block;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  column-gap: 40px;
  row-gap: 80px;
}

.archive-item {
  width: min(60%, 1200px);
  margin: 0 auto 120px;
}

.archive-item img {
  width: 100%;
  height: auto;
  display: block;
}

.archive-caption {
  margin-top: 12px;

  font-size: 0.75rem;
  line-height: 1.7;

  color: #444;
}

.archive-caption .lang-en {
  margin-top: 12px;
}