/* Cabal Etherial visual identity. */
body {
  background:
    radial-gradient(circle at 50% 7%, rgba(230, 35, 18, .24), transparent 29%),
    linear-gradient(180deg, rgba(7, 3, 7, .08) 28%, #070305 96%),
    url('/assets/etherial-citadel.png') top center / cover fixed no-repeat !important;
}

.cg-brand,
.cg-footer-brand {
  background: url('/assets/cabal-etherial-logo.png') center / contain no-repeat;
}

.cg-brand img,
.cg-footer-brand img { opacity: 0; }
.cg-brand img { transform: scale(1.12) !important; }

.hero-logo {
  width: min(620px, 58vw) !important;
  max-height: 385px !important;
  filter: drop-shadow(0 0 22px rgba(255, 38, 18, .58));
}

.hero-characters {
  display: none;
}

main {
  position: relative;
  isolation: isolate;
}

main::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -80px 0 0;
  pointer-events: none;
  background-image: url('/assets/season2-warrior.png'), url('/assets/season2-mage.png');
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: min(34vw, 510px) auto, min(34vw, 510px) auto;
  opacity: .34;
}

.hero::before {
  background: linear-gradient(90deg, rgba(7, 3, 5, .74), transparent 36% 64%, rgba(7, 3, 5, .74)) !important;
}

.tagline {
  color: #ffe0c7;
  text-shadow: 0 0 18px #e32c16, 0 2px 6px #000;
}

@media (max-width: 820px) {
  main::before {
    inset: -20px 0 0;
    background-size: 48vw auto, 48vw auto;
    opacity: .2;
  }
}