.page-home .hero {
  --first-size: 64px;
  --last-size: 114px;
}
.page-about .hero {
  --first-size: 64px;
  --last-size: 75px;
}
@media (min-width: 992px) {
  .page-about .hero-copy {
    left: -15px;
  }
}
.page-heroes .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-games .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-studios .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-studio .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-worldbuilding .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-careers .hero {
  --first-size: 64px;
  --last-size: 67px;
}
.page-news .hero {
  --first-size: 64px;
  --last-size: 75px;
}
.page-ventures .hero {
  --first-size: 64px;
  --last-size: 75px;
}
.page-collection .hero {
  --first-size: 64px;
  --last-size: 75px;
}
.page-characters .hero {
  --first-size: 64px;
  --last-size: 86px;
}
.page-wild-frontier .hero {
  --first-size: 42px;
  --last-size: 62px;
}
.page-shadow-ember .hero {
  --first-size: 42px;
  --last-size: 62px;
}
.page-distant-horizons .hero {
  --first-size: 42px;
  --last-size: 62px;
}
.page-wild-wonder .hero {
  --first-size: 42px;
  --last-size: 62px;
}
.page-news .hero-copy > p,
.page-about .hero-copy > p {
  position: relative;
  border-top-color: transparent;
}
.page-news .hero-copy > p::before,
.page-about .hero-copy > p::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: calc(100% - 30px);
  height: 2px;
  background: #fff;
}