/* Opt-in layout for the three feature films. */
.feature-page .fs-intro.fs-intro--video {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(32px, 4vw, 72px);
  height: auto;
  min-height: 740px;
  max-height: none;
  padding: 170px 5% 80px;
  background: #111318;
}
.feature-page .fs-intro--video::after { display: none; }
.feature-page .fs-intro--video .fs-intro-copy {
  width: auto;
  max-width: none;
  min-width: 0;
}
.feature-page .fs-intro--video h1 {
  max-width: 640px;
  font-size: clamp(42px, 4.4vw, 68px);
  line-height: 1.06;
}
.feature-page .fs-intro--video .feature-hero-video {
  width: 100%;
  min-width: 0;
  padding: 0;
  background: transparent;
}
.feature-hero-video .launch-video__frame { max-width: none; }
.feature-hero-video .launch-video__controls {
  position: static;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  background: #191c23;
}
.feature-hero-video .launch-video__frame { aspect-ratio: auto; }
.feature-hero-video .launch-video__frame video {
  height: auto;
  aspect-ratio: 16 / 9;
}
@media (max-width: 1000px) {
  .feature-page .fs-intro.fs-intro--video {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    min-height: 0;
    padding: 145px 6% 60px;
  }
  .feature-page .fs-intro--video .fs-intro-copy { max-width: 680px; }
  .feature-page .fs-intro--video h1 { font-size: clamp(40px, 7vw, 64px); }
}
@media (max-width: 600px) {
  .feature-page .fs-intro.fs-intro--video { padding: 125px 20px 48px; }
  .feature-page .fs-intro--video h1 { font-size: clamp(36px, 9vw, 48px); }
  .feature-page .fs-intro--video .fs-feature-icon { margin-bottom: 16px; }
  .feature-hero-video .launch-video__controls { padding: 10px; }
}