/* Keep the headline and turntable on the same page-center axis. */
.totm-listener-hero .intro {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
}
.totm-listener-hero .intro > div:first-child { width: 100%; }
.totm-listener-hero .intro-aside {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  min-width: 0;
  margin-top: 0;
  padding-bottom: 0;
}
.totm-listener-hero .intro-aside p { margin: 0; }
.totm-listener-hero .intro-aside a { min-width: 160px; }
.totm-listener-hero .flow {
  grid-template-columns: minmax(0, 1fr) minmax(110px, 1fr) minmax(0, 3.6fr) minmax(110px, 1fr) minmax(0, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.totm-listener-hero .flow > .person:not(:last-child) { grid-column: 1; grid-row: 1; }
.totm-listener-hero .flow > .services { grid-column: 2; grid-row: 1; }
.totm-listener-hero .flow > .deck-stage { grid-column: 3; grid-row: 1; }
.totm-listener-hero .flow > .person:last-child { grid-column: 5; grid-row: 1; }
.totm-listener-hero .caption { justify-content: center; flex-wrap: wrap; text-align: center; }
.totm-listener-hero .caption small { margin-left: 0; }
@media (min-width: 701px) and (max-width: 1000px) {
  .totm-listener-hero .flow {
    grid-template-columns: minmax(0, 1fr) minmax(90px, 1fr) minmax(0, 3.6fr) minmax(90px, 1fr) minmax(0, 1fr);
    gap: 16px;
  }
}
@media (max-width: 700px) {
  .totm-listener-hero .intro { display: flex; gap: 20px; }
  .totm-listener-hero .intro-aside { flex-direction: column; gap: 12px; }
  .totm-listener-hero .intro-aside p { flex: none; }
  .totm-listener-hero .intro-aside a { justify-content: center; gap: 24px; }
  .totm-listener-hero .flow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 14px; }
  .totm-listener-hero .flow > .person:not(:last-child) { grid-column: 1; grid-row: 1; }
  .totm-listener-hero .flow > .services { grid-column: 2; grid-row: 1; }
  .totm-listener-hero .flow > .deck-stage { grid-column: 1 / -1; grid-row: 2; }
  .totm-listener-hero .flow > .person:last-child { grid-column: 1 / -1; grid-row: 3; }
}