/* Match the heading/waveform rows of the opening and ending cards. */
.op-hero .main-segment {
  display:block;
  padding-block:19px;
}
.op-hero .main-segment-spacer {
  visibility:hidden;
}
.op-hero .main-segment h2 {
  margin:8px 0 0;
}
.op-hero .main-segment p {
  margin-inline:auto;
}

/* Equal card sizes, with the trailer description centered in its own row. */
.op-hero .sequence {
  align-items:stretch;
  grid-auto-rows:1fr;
}
.op-hero .trailer-row > p {
  text-align:center;
  text-wrap:balance;
}
@media (min-width:761px) {
  .op-hero .sequence {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .op-hero .trailer-row {
    display:grid;
    grid-template-columns:22px minmax(0,1fr) max-content minmax(0,1fr) 22px;
    gap:12px;
  }
  .op-hero .trailer-row > p {
    grid-column:3;
    grid-row:1;
    margin:0;
  }
  .op-hero .trailer-row > svg:last-child {
    grid-column:5;
    grid-row:1;
    margin-left:0;
    justify-self:end;
  }
}
@media (max-width:760px) {
  .op-hero .trailer-row > p {
    grid-column:1 / -1;
  }
}

.op-hero .trailer-phrase {
  display:inline-block;
  white-space:nowrap;
}