/* Per-game artwork only. Layout and components come from the homepage template. */
.series-page .brand img,
.series-page .footer-brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.series-page--two .hero {
  background-image:
    linear-gradient(180deg, rgba(3, 17, 63, 0.2), rgba(6, 27, 78, 0.58)),
    url('/assets/aviamasters2/bg-islands.webp');
  background-position: center;
  background-size: cover;
}

.series-page--xmas .hero {
  background-image:
    linear-gradient(180deg, rgba(2, 25, 76, 0.14), rgba(5, 47, 100, 0.48)),
    url('/assets/aviamasters-x-mas/moon.webp'),
    url('/assets/aviamasters-x-mas/sky.webp');
  background-position: center, 88% 15%, center;
  background-repeat: no-repeat;
  background-size: cover, min(62vw, 980px) auto, cover;
}

.series-page--two .hero::before,
.series-page--xmas .hero::before {
  background: linear-gradient(90deg, rgba(3, 17, 61, 0.62), rgba(5, 39, 105, 0.04) 62%);
}

.series-page--two .demo-flight-art {
  background: linear-gradient(155deg, #071a50, #154da8 58%, #0a2c70);
}

.series-page--xmas .demo-flight-art {
  background: linear-gradient(155deg, #07376e, #087ba7 58%, #052452);
}

.series-page--two .demo-plane {
  top: 31%;
  left: 20%;
  width: 205px;
}

.series-page--xmas .demo-plane {
  top: 28%;
  left: 14%;
  width: 230px;
  transform: rotate(-5deg) scale(1.35);
}

.series-page--two .demo-flight-art .demo-carrier,
.series-page--xmas .demo-flight-art .demo-carrier {
  right: -5%;
  bottom: -4%;
  width: 78%;
}

.series-page--xmas .demo-flight-art .demo-rocket {
  width: 62px;
  transform: rotate(18deg);
}

.series-page .step-plane,
.series-page .step-rocket,
.series-page .step-carrier {
  object-fit: contain;
}

.series-page--two .step-plane,
.series-page--xmas .step-plane {
  width: 124px;
  height: 100px;
}

.series-page--xmas .step-plane {
  transform: scale(1.25) rotate(-5deg);
}

.series-page--two .step-carrier,
.series-page--xmas .step-carrier {
  width: 185px;
  height: 85px;
}

.series-page--two .mechanic-danger img,
.series-page--xmas .mechanic-danger img {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.series-page--two .landing-plane {
  width: 235px;
}

.series-page--xmas .landing-plane {
  width: 260px;
  transform: rotate(-6deg) scale(1.35);
}

.series-page--two .landing-carrier,
.series-page--xmas .landing-carrier {
  right: -7%;
  width: min(720px, 72vw);
}

@media (max-width: 820px) {
  .series-page--two .hero {
    background-position: 58% center;
  }

  .series-page--xmas .hero {
    background-position: center, 68% 22%, center;
    background-size: cover, 760px auto, auto 100%;
  }
}

@media (max-width: 560px) {
  .series-page--two .hero {
    background-image:
      linear-gradient(180deg, rgba(2, 17, 66, 0.32), rgba(12, 45, 121, 0.48)),
      url('/assets/aviamasters2/bg-islands.webp');
    background-position: 58% center;
  }

  .series-page--xmas .hero {
    background-image:
      linear-gradient(180deg, rgba(2, 22, 76, 0.26), rgba(6, 49, 105, 0.54)),
      url('/assets/aviamasters-x-mas/moon.webp'),
      url('/assets/aviamasters-x-mas/sky.webp');
    background-position: center, 66% 25%, center;
    background-size: cover, 650px auto, auto 100%;
  }

  .series-page--two .demo-plane,
  .series-page--xmas .demo-plane {
    width: 180px;
  }

  .series-page--two .landing-carrier,
  .series-page--xmas .landing-carrier {
    width: 510px;
  }
}