/* A cena dourada pertence à hero inteira; a arte continua uma peça lateral. */
.fortnite-hero {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 84% 18%, rgba(195, 137, 34, .16), transparent 25%),
    radial-gradient(ellipse at 59% 83%, rgba(120, 74, 18, .14), transparent 33%),
    linear-gradient(112deg, #070503 0%, #0b0703 48%, #080503 100%) !important;
}

.fortnite-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .92;
  background:
    radial-gradient(circle, rgba(255, 210, 100, .62) 0 1px, transparent 1.8px) 8px 12px / 83px 89px,
    radial-gradient(circle, rgba(222, 151, 39, .48) 0 1px, transparent 1.7px) 38px 42px / 61px 71px,
    radial-gradient(circle, rgba(153, 89, 18, .36) 0 1px, transparent 1.6px) 12px 36px / 109px 97px,
    radial-gradient(ellipse at 82% 24%, rgba(228, 169, 56, .13), transparent 20%),
    radial-gradient(ellipse at 28% 80%, rgba(147, 85, 20, .13), transparent 31%);
}

.fortnite-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .74;
  background:
    linear-gradient(126deg, transparent 0 45%, rgba(175, 112, 22, .14) 45.2% 45.35%, transparent 45.7%),
    linear-gradient(142deg, transparent 0 69%, rgba(233, 176, 61, .12) 69.15% 69.3%, transparent 69.7%),
    linear-gradient(158deg, transparent 0 80%, rgba(156, 94, 22, .1) 80.2% 80.35%, transparent 80.7%),
    radial-gradient(ellipse at 74% 72%, rgba(210, 145, 31, .16), transparent 27%);
}

.fortnite-hero-copy {
  position: relative !important;
  z-index: 3 !important;
  width: 52% !important;
}

/* Sem crop: a imagem mantém a arte, o logo e os personagens no tamanho original. */
.fortnite-hero-art {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 38% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background: transparent !important;
  filter: none !important;
}

.fortnite-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
}

/* Fade curto: somente esconde a união entre a imagem e o cenário contínuo. */
.fortnite-hero-art::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 15%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to right, #070503 0%, rgba(7, 5, 3, .82) 35%, rgba(7, 5, 3, .32) 70%, transparent 100%);
}

@media (max-width: 820px) {
  .fortnite-hero-copy { width: 62% !important; }
  .fortnite-hero-art { width: 46% !important; opacity: .72; }
}

@media (max-width: 620px) {
  .fortnite-hero-copy { width: 100% !important; }
  .fortnite-hero-art { opacity: .28; width: 75% !important; }
}