.video-hero {
  padding: 50px 0 42px;
  border-bottom: 1px solid var(--border);
  background-color: rgba(0,0,0,0.14);
}

.video-hero h1 {
  font-size: clamp(28px, 4.5vw, 40px);
  max-width: 800px;
  margin: 0 0 14px;
}

.video-hero p {
  color: var(--muted);
  max-width: 720px;
  margin: 0;
}

.video-article h2 {
  font-size: 24px;
}

.video-article h3 {
  font-size: 18px;
}

.video-article p {
  font-size: 16px;
}

.video-rail {
  margin: 26px 0;
}

.video-rail img {
  max-width: min(500px, 100%);
  max-height: 320px;
  width: auto;
  height: auto;
  border-radius: 12px;
  border: 1px solid var(--border);
  display: block;
  margin: 0 auto;
}