/* Environmental layer only; accepted foreground layout and typography are inherited. */
.series-landing .series-hero {
  background-image:
    linear-gradient(110deg, rgba(7, 24, 32, .92) 0%, rgba(7, 24, 32, .84) 34%, rgba(18, 32, 39, .52) 65%, rgba(18, 32, 39, .42) 100%),
    url("/assets/mexico-modern/7c62e9a2eb24b8dd76ba.png");
  background-size: cover;
  background-position: center 56%;
  background-repeat: no-repeat;
}
@media (max-width: 900px) {
  .series-landing .series-hero {
    background-image:
      linear-gradient(180deg, rgba(7, 24, 32, .86) 0%, rgba(7, 24, 32, .78) 46%, rgba(18, 32, 39, .44) 100%),
      url("/assets/mexico-modern/7c62e9a2eb24b8dd76ba.png");
    background-position: 48% center;
  }
}
@media (max-width: 600px) {
  .series-landing .series-hero {
    background-position: 47% center;
  }
}