/* v1.5.6: Keep the video-format introduction balanced at wide desktop sizes. */
.video-formats > header {
  gap: clamp(28px, 6vw, 120px);
}

.video-formats header > span {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.video-formats h2 {
  grid-column: 1;
  max-width: 12ch;
}

.video-formats header > p {
  grid-column: 2;
}

@media (max-width: 700px) {
  .video-formats header > span,
  .video-formats h2,
  .video-formats header > p {
    grid-column: 1;
  }
}