.source-note img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.source-note-moodboard {
  grid-column: 1 / 9;
}

.source-note-hands {
  grid-column: 9 / 13;
}

.source-note-moodboard img,
.source-note-hands img,
.source-note-spread img {
  aspect-ratio: auto;
}

.source-note-spread {
  grid-column: 1 / -1;
  width: calc(100% + 32px);
  margin: 24px -16px -1px;
  overflow: hidden;
}

.source-note-spread img {
  width: 100%;
  height: auto;
  object-fit: contain;
  mask-image: linear-gradient(to bottom, #000 0%, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 82%, transparent 100%);
}

.source-note-spread figcaption {
  padding-left: 16px;
}

.artist-archive {
  padding: 112px 18px 120px;
}

.artist-archive-heading {
  margin: 0 14px 52px;
}

.artist-archive-grid {
  display: block;
  columns: 4 280px;
  column-gap: 8px;
}

.artist-archive-grid figure:nth-child(n) {
  break-inside: avoid;
  grid-column: auto;
  aspect-ratio: auto;
  margin: 0 0 8px;
}

.artist-archive-grid img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.artist-archive-grid figcaption {
  padding: 6px 2px 1px;
}

.archive-caption-title {
  display: flex;
  gap: 10px;
  align-items: baseline;
  text-transform: none !important;
}

.archive-caption-title strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.archive-caption-title span {
  color: #665f57;
  font-size: 9px;
  letter-spacing: 0.08em;
}

@media (max-width: 720px) {
  .source-note-spread {
    width: calc(100% + 16px);
    margin: 20px -8px -1px;
  }

  .artist-archive-grid {
    columns: 2 150px;
    column-gap: 6px;
  }

  .artist-archive-grid figure:nth-child(n) {
    margin: 0 0 6px;
  }
}