.interlude {
  background: var(--black);
  padding: clamp(32px, 5vw, 56px) var(--col-pad);
  border-top: 1px solid var(--border);
}

.interlude__inner {
  max-width: 320px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.interlude__img {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  opacity: 0.72;
  filter: grayscale(100%) contrast(1.05);
  transition: opacity 400ms ease;
}

.interlude__img:hover {
  opacity: 0.88;
}

.interlude__caption {
  font-size: 9px;
  letter-spacing: 0.14em;
  line-height: 1.9;
  color: var(--muted);
  text-align: center;
  opacity: 0.55;
  text-transform: lowercase;
}

@media (max-width: 480px) {
  .interlude__inner {
    max-width: 240px;
  }
}