.series-page--film .film-series-hero{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
}

.series-page--film .film-series-hero-media{
  width:100%;
  aspect-ratio:5 / 1;
  max-height:360px;
  overflow:hidden;
  background:var(--series-paper-deep);
}

.series-page--film .film-series-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.series-page--film .film-series-hero-title{
  position:absolute;
  top:30%;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
}

.series-page--film .film-series-hero-title .eyebrow{
  display:block;
  margin:0 0 16px;
  color:var(--series-ink-faint);
  font-family:var(--series-sans);
  font-size:11px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.4em;
}

.series-page--film .film-series-hero-title h1{
  margin:0;
  color:var(--series-ink);
  font-family:var(--series-serif);
  font-size:48px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:.18em;
}

.series-page--film .film-series-hero-intro{
  max-width:720px;
  padding-top:46px;
  padding-bottom:10px;
  color:var(--series-ink-soft);
  font-size:15.5px;
  line-height:1.95;
  text-align:center;
}

.series-page--film .film-series-hero-intro p{margin:0}

@media (max-width:600px){
  .series-page--film .film-series-hero-media{
    aspect-ratio:2 / 1;
    max-height:none;
  }

  .series-page--film .film-series-hero-title{
    position:static;
    transform:none;
    padding:32px 22px 0;
    text-align:center;
  }

  .series-page--film .film-series-hero-title .eyebrow{margin-bottom:18px}

  .series-page--film .film-series-hero-title h1{
    font-size:25px;
    letter-spacing:.13em;
  }

  .series-page--film .film-series-hero-intro{
    padding-top:26px;
    padding-bottom:4px;
    font-size:15px;
    text-align:left;
  }
}