/* V90 · LoLR Station first-screen banner only */

#page-station > .pd-hero {
  isolation: isolate;
  background-color: #07111c;
  background-image: url("/homepage/v157/assets/media/cf682ebca1dab10c38cc.webp");
  background-repeat: no-repeat;
  background-position: center 52%;
  background-size: cover;
}

/* Keep the new server-room image visible while protecting every text tier. */
#page-station > .pd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 8, 14, .91) 0%, rgba(2, 9, 16, .82) 39%, rgba(2, 9, 16, .61) 68%, rgba(2, 9, 16, .42) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .08) 44%, rgba(0, 0, 0, .34) 100%);
}

#page-station > .pd-hero .shell {
  position: relative;
  z-index: 1;
}

#page-station > .pd-hero h1 {
  max-width: 780px;
  color: #fff;
  text-shadow: none;
}

#page-station > .pd-hero .lead {
  max-width: 700px;
  color: rgba(255, 255, 255, .82);
}

#page-station > .pd-hero .pd-back,#page-station > .pd-hero .pd-kick .cn {
  color: rgba(255, 255, 255, .72);
}

#page-station > .pd-hero .pd-kick .en,#page-station > .pd-hero .pd-facts em {
  color: #79c4ff;
}

#page-station > .pd-hero .pd-facts {
  border-top-color: rgba(255, 255, 255, .26);
}

#page-station > .pd-hero .pd-facts span {
  color: rgba(255, 255, 255, .64);
}

@media (max-width: 1000px) {
  #page-station > .pd-hero {
    background-position: center center;
  }

  #page-station > .pd-hero::before {
    background:
      linear-gradient(90deg, rgba(2, 8, 14, .92) 0%, rgba(2, 9, 16, .78) 74%, rgba(2, 9, 16, .64) 100%),
      linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .14) 50%, rgba(0, 0, 0, .38) 100%);
  }
}

@media (max-width: 620px) {
  #page-station > .pd-hero {
    background-position: 50% center;
  }

  #page-station > .pd-hero .lead {
    box-sizing: border-box;
    padding-right: 64px;
  }

  #page-station > .pd-hero::before {
    background:
      linear-gradient(90deg, rgba(2, 8, 14, .88), rgba(2, 9, 16, .82)),
      linear-gradient(180deg, rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, .12) 46%, rgba(0, 0, 0, .45) 100%);
  }
}