/* The archive's own: a thin banner, and each embedded form as a picture. */
.archive-banner {
  margin: 0;
  padding: 6px 16px;
  background: #171412;
  color: #fbf7f1;
  font: 500 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: center;
  letter-spacing: 0.01em;
}
.archive-frame img {
  display: block;
  width: 100%;
  height: auto;
}
.archive-frame picture {
  display: block;
}
.archive-frame--fill {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.archive-frame--fill img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
/* The carousel's fifth dot showed only on a phone. */
@media (min-width: 768px) {
  .archive-phone-only {
    display: none !important;
  }
}