/* Promotional film between the orbit hero and the center introduction. */
.space-center-film {
  overflow: hidden;
  padding: clamp(54px, 6.5vw, 104px) 0 clamp(48px, 5.5vw, 88px);
  color: #fff;
  background: var(--space-black, #090d12);
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.space-center-film > .wrap { max-width: 1280px; }
.space-film-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  margin-bottom: 34px;
}
.space-film-heading .eyebrow { margin: 0 0 20px; color: var(--brand-orange-light); font-size: 14px; }
.space-film-heading h2 { margin: 0; font-size: clamp(30px, 3.2vw, 50px); line-height: 1.25; letter-spacing: -.045em; }
.space-film-heading h2 span { color: var(--brand-orange-light); }
.space-film-heading > p { max-width: 320px; margin: 0 0 4px; color: var(--space-silver, #aebac3); font-size: 16px; line-height: 1.8; }
.space-film-figure { margin: 0; }
.space-film-player {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  border-top: 2px solid var(--brand-orange);
  background: #000;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
.space-film-player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #000; }
.space-film-player:focus-within { outline: 2px solid var(--brand-orange-light); outline-offset: 5px; }
.space-film-caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 22px 0 0;
  font-size: 14px;
  line-height: 1.7;
}
.space-film-caption > span { display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, .9); }
.space-film-caption > span::before { content: ""; width: 24px; height: 1px; background: var(--brand-orange-light); }
.space-film-caption p { margin: 0; color: var(--space-silver, #aebac3); }
@media (max-width: 767px) {
  .space-center-film { padding: 42px 0; }
  .space-film-heading { display: block; margin-bottom: 26px; }
  .space-film-heading .eyebrow { font-size: 13px; margin-bottom: 16px; }
  .space-film-heading h2 span { display: block; margin-top: 4px; }
  .space-film-heading > p { margin-top: 16px; font-size: 16px; }
  .space-film-caption { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 18px; }
}