/* Edition 05 embeds share the site's existing type, colors, and native players. */
.product-film-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 48px;
}
.product-film-layout > div,
.campus-film-card {
  min-width: 0;
}
.operations-film {
  margin-top: 36px;
}
.campus-film-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px 32px;
  margin-top: 36px;
}
.campus-film-card {
  display: flex;
  flex-direction: column;
  scroll-margin-top: 110px;
}
.campus-film-card > .media-player {
  margin-top: auto;
}
.campus-film-card:first-child {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 1040px;
  margin-inline: auto;
}
.campus-film-card h3 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.3;
}
.campus-film-card > p {
  color: var(--ink-body);
  margin: 0 0 24px;
}
.video-surface video.campus-portrait-film {
  aspect-ratio: 4 / 5;
}
.video-surface video.campus-landscape-film {
  aspect-ratio: 16 / 9;
}
@media (max-width: 900px) {
  .product-film-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
@media (max-width: 650px) {
  .campus-film-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  /* Reserve the portrait ratio before the enhancement selects its source. */
  .js-ready .video-surface video[data-campus-film]:not(.campus-landscape-film) {
    aspect-ratio: 4 / 5;
  }
  .campus-film-card h3 {
    font-size: 22px;
  }
}