/* Additive archive plates: retain the site's existing brass, ink and typography. */
.marketing-media {
  --media-border: #59402b;
  --media-caption: #cfb698;
  margin: 0 0 48px;
  min-width: 0;
}
.marketing-media__heading {
  margin: 0 0 18px;
  color: #e8d7bc;
  font: normal clamp(22px, 3vw, 30px)/1.25 Georgia, serif;
}
.marketing-media__grid {display: grid; grid-template-columns: 1fr; gap: 24px}
.marketing-media figure {margin: 0; min-width: 0}
.marketing-media__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--media-border);
  border-radius: 3px;
  background: #17100b;
}
.marketing-media__frame img,
.marketing-media__frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marketing-media__frame video {position: absolute; inset: 0}
.marketing-media__frame video[hidden] {display: none}
.marketing-media figcaption {
  padding-top: 10px;
  color: var(--media-caption);
  font: 13px/1.6 Georgia, serif;
}
#welcome .marketing-media {margin: 22px 0 20px}
#welcome .marketing-media__heading {font-size: 22px; margin-bottom: 12px}
.marketing-testimonials {border-top: 1px solid #59402b; padding-top: 28px}
.marketing-testimonials blockquote {margin: 0 0 24px; max-width: 760px}
.marketing-testimonials blockquote p {font: 18px/1.65 Georgia, serif; color: #e8d7bc}
.marketing-testimonials cite {font: normal 13px/1.5 Georgia, serif; color: #cfb698}
@media (min-width: 768px) {
  .marketing-media__grid {grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (prefers-reduced-motion: reduce) {
  .marketing-media video {display: none !important}
}