/* Brand art preserved from the original Nicepage landing. */
.hero {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3, 7, 9, .96), rgba(3, 8, 10, .72) 46%, rgba(3, 8, 10, .28)),
    url("/assets/images/hero-sylvanas.webp") center / cover;
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 180px;
  background: linear-gradient(transparent, var(--bg));
  pointer-events: none;
}

.hero-grid {
  position: relative;
  z-index: 1;
}

.portal {
  opacity: .85;
}

.footer-copy {
  max-width: 760px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}

.footer-links a:hover {
  color: var(--fel);
}

@media (max-width: 580px) {
  .hero {
    background-position: 62% center;
  }
}