/* GTA6FAN 1.1.3 — Sober editorial rhythm with in-world HomeIQ advertising.
   Only the legacy homepage is affected: Wiki, Guides, player area and map remain unchanged.
   The ads are embedded in the artwork; this stylesheet does not overlay an artificial ad. */

/* ONE vibrant image, with just enough contrast on the text side to preserve legibility. */
body.g6-home-inworld .hero {
  isolation: isolate;
  background-color: #1b1624;
  background-image: url('/assets/gta6fan-ads/homeiq-hero-dusk-v113.webp');
  background-position: center 52%;
  background-size: cover;
  background-repeat: no-repeat;
}
body.g6-home-inworld .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(17, 14, 26, .40) 0%,
    rgba(17, 14, 26, .23) 36%,
    rgba(17, 14, 26, .03) 68%,
    transparent 100%),
    linear-gradient(0deg, rgba(13, 11, 20, .18), transparent 45%);
}
body.g6-home-inworld .hero .hero-inner {
  position: relative;
  z-index: 1;
}
body.g6-home-inworld .hero h1 .g6-home-hero-promise em {
  color: #fff0dd;
}
body.g6-home-inworld .hero .g6-home-hero-promise strong {
  color: #f78fae;
}
body.g6-home-inworld .hero .hero-desc {
  color: #fff5f3;
  text-shadow: 0 2px 9px rgba(9, 6, 17, .76);
}
body.g6-home-inworld .hero .feature-card::after {
  content: '';
  position: absolute;
  inset: 35% 0 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(13, 11, 21, .68), transparent);
}

/* SECOND scene: a calm twilight exterior, not another bright orange panorama.
   The color grading is baked into the WebP: no global brightness filter. */
body.g6-home-inworld .g6-home-discover {
  background: #191721;
  border-top: 1px solid rgba(250, 174, 188, .16);
  padding-top: clamp(45px, 5vw, 78px);
  padding-bottom: clamp(48px, 5.5vw, 84px);
}
body.g6-home-inworld .g6-home-discover-background {
  background: none;
}
body.g6-home-inworld .g6-home-discover-background img {
  object-position: 63% center;
  opacity: .89;
  filter: none;
}
body.g6-home-inworld .g6-home-discover::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(18, 17, 29, .89) 0%,
    rgba(18, 17, 29, .79) 34%,
    rgba(18, 17, 29, .40) 61%,
    rgba(18, 17, 29, .07) 100%),
    linear-gradient(0deg, rgba(18, 17, 29, .45), transparent 45%);
}
body.g6-home-inworld .g6-home-discover-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  margin-bottom: 27px;
}
body.g6-home-inworld .g6-home-discover-heading p {
  max-width: 660px;
  color: #f5e9ec;
}
body.g6-home-inworld .g6-home-discover-heading h2 {
  text-shadow: 0 2px 14px rgba(11, 8, 18, .48);
}
body.g6-home-inworld .g6-home-discover-wiki {
  min-height: 40px;
  padding: 8px 15px;
  font-size: 12px;
  background: rgba(27, 23, 34, .72);
  border-color: rgba(233, 164, 190, .68);
}
body.g6-home-inworld .g6-home-discover-grid .quick-card img {
  filter: saturate(.87);
}
body.g6-home-inworld .g6-home-discover-stats a {
  background: rgba(24, 19, 33, .91);
}

/* THIRD section: intentional typographic breathing room; no third sunset photo. */
body.g6-home-inworld .g6m-home {
  background: #1a1721;
  border-top: 1px solid rgba(247, 197, 204, .13);
}
body.g6-home-inworld .g6m-home::before {
  background: linear-gradient(116deg, #191620 0%, #211c2a 66%, #17151f 100%);
}
body.g6-home-inworld .g6m-home::after {
  display: none;
}

@media (max-width: 760px) {
  body.g6-home-inworld .hero {
    background-position: 73% center;
  }
  body.g6-home-inworld .hero::before {
    background: linear-gradient(90deg,
      rgba(14, 12, 22, .57),
      rgba(14, 12, 22, .25) 77%,
      rgba(14, 12, 22, .11)),
      linear-gradient(0deg, rgba(14, 12, 22, .28), transparent 55%);
  }
  body.g6-home-inworld .hero .hero-inner {
    padding-top: 88px;
  }
  body.g6-home-inworld .g6-home-discover {
    padding-top: 42px;
    padding-bottom: 50px;
  }
  body.g6-home-inworld .g6-home-discover-background img {
    object-position: 70% center;
    opacity: .75;
  }
  body.g6-home-inworld .g6-home-discover::before {
    background: linear-gradient(90deg,
      rgba(18, 17, 29, .84) 0%,
      rgba(18, 17, 29, .48) 100%),
      linear-gradient(0deg, rgba(18, 17, 29, .50), transparent 56%);
  }
  body.g6-home-inworld .g6-home-discover-heading {
    gap: 14px;
    margin-bottom: 25px;
  }
}

/* Mon GTA 6 teaser: match the dark homepage palette and keep high text contrast. */
body.g6-home-inworld .g6-home-player-teaser {
  background: linear-gradient(112deg, #312334 0%, #251d2c 65%, #1a1721 100%);
  color: #fff4ee;
  border-top: 1px solid rgba(246, 163, 181, .34);
  border-bottom: 1px solid rgba(246, 163, 181, .22);
}
body.g6-home-inworld .g6-home-player-teaser .eyebrow {
  color: #ffabc0;
}
body.g6-home-inworld .g6-home-player-teaser .eyebrow::before {
  background: currentColor;
}
body.g6-home-inworld .g6-home-player-teaser h2 {
  color: #fff4ee;
}
body.g6-home-inworld .g6-home-player-teaser p {
  color: #e8d7e0;
  max-width: 720px;
}