/* ─────────────────────────────────────────────────────────────
   v36.106 — Hero Art Layer (Path C integration)
   Underlying hero PNGs were swapped at their existing paths:
     • assets/hero/hub_sd_fullbleed.png  -> orb v3
     • assets/hero/funding_flash.png     -> sprinter v9
     • assets/verdict_hero_tron.jpg      -> holo card v2 (subtle B)
   This file only neutralises legacy overlays / tunes legibility
   so the new art reads correctly.
   ───────────────────────────────────────────────────────────── */

/* ── HUB — orb on cream, H1 needs DARK ink ──────────────── */
/* Orb art is bright/cream. Suppress the dark gradient overlay
   entirely so the orb reads cleanly, then force H1+lede ink-dark
   with subtle light text-shadow for separation. */
.hub-hero::after {
  background:
    linear-gradient(180deg, rgba(244,246,248,0) 0%, rgba(244,246,248,0) 65%, rgba(244,246,248,0.55) 100%) !important;
}
.hub-hero .chrome-bg {
  background-position: center center !important;
  background-size: cover !important;
}
/* Force dark text on light orb background.
   Inline rule uses .hub-hero h1 span:not(.a-amber):not(.a-slime):not(.a-blue)
   which has specificity (0,4,2). We need to beat that with chained
   classes + html/body prefix to reach (0,5,3)+ for all spans incl. .hl-line
   without modifier class. */
html body.hub-page .hub-hero.hub-hero h1,
html body.hub-page .hub-hero.hub-hero .hub-hero__title,
html body.hub-page .hub-hero.hub-hero .v79-card__content h1,
html body.hub-page .hub-hero.hub-hero h1 span,
html body.hub-page .hub-hero.hub-hero h1 span.hl-line,
html body.hub-page .hub-hero.hub-hero h1 span.hl-line.a-amber,
html body.hub-page .hub-hero.hub-hero h1 span.hl-line.a-slime,
html body.hub-page .hub-hero.hub-hero h1 span.hl-line.a-blue,
html body.hub-page .hub-hero.hub-hero h1 .a-amber,
html body.hub-page .hub-hero.hub-hero h1 .a-slime,
html body.hub-page .hub-hero.hub-hero h1 .a-blue {
  color: #000000 !important;
  text-shadow: none !important;
}
body.hub-page .hub-hero .lede,
body.hub-page .hub-hero .lede *,
body.hub-page .hub-hero .v79-card__content p,
body.hub-page .hub-hero .v79-card__content p * {
  color: #1f2328 !important;
  text-shadow: 0 1px 8px rgba(244,246,248,0.75) !important;
}
/* HUB — LEFT-align H1 + lede (overrides hub-mockB-override's right-align) */
body.hub-page .hub-hero h1,
body.hub-page .hub-hero .hub-hero__title,
body.hub-page .hub-hero .v79-card__content h1,
body.hub-page .hub-hero .lede,
body.hub-page .hub-hero .v79-card__top {
  text-align: left !important;
  align-items: flex-start !important;
}
body.hub-page .hub-hero .v79-card__content {
  max-width: 64rem !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  padding-left: clamp(20px, 6vw, 80px) !important;
  padding-right: 0 !important;
}
@media (min-width:1024px){
  body.hub-page .hub-hero .v79-card__content { max-width: 64% !important; }
}
body.hub-page .hub-hero .tag-row { justify-content: flex-start !important; }

/* ── FUNDING — sprinter, dark overlay is already correct ───── */
/* Position H1 + lede: 72px left padding (~0.75in), 30px top padding,
   flush-left within the hero so the H1 stack reads as deliberate margin. */
body.funding-page #hero .relative.mx-auto.max-w-7xl {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 72px !important;
  padding-right: 0 !important;
  padding-top: 30px !important;
}
body.funding-page #hero .funding-hero__h1,
body.funding-page #hero h1 {
  margin-left: 0 !important;
}
@media (max-width: 640px) {
  body.funding-page #hero .relative.mx-auto.max-w-7xl {
    padding-left: 24px !important;
    padding-top: 24px !important;
  }
}

/* ── VERDICT — let the holo card show through ─────────────── */
/* Kill the heavy black top-down wash in v37g-backdrop and replace it
   with a horizontal gradient that protects H1 on the LEFT while
   letting the card on the RIGHT shine. Also silence the green
   tron grid-wave + horizon pulse overlays so the card isn't fighting
   neon-grid animations. */
#verdict-intro .v37g-backdrop {
  background:
    linear-gradient(to right,
      rgba(10,12,14,0.88) 0%,
      rgba(10,12,14,0.55) 35%,
      rgba(10,12,14,0.10) 65%,
      rgba(10,12,14,0.0) 100%
    ),
    url('./assets/verdict_hero_tron.jpg') center right / cover no-repeat,
    #0a0c0e !important;
  animation: none !important;
}
#verdict-intro .v37g-grid-wave,
#verdict-intro .v37g-grid-wave::before,
#verdict-intro .v37g-grid-wave::after {
  display: none !important;
}
/* Soften the central vignette so the card stays readable on the right */
#verdict-intro .v37g-vignette {
  background:
    radial-gradient(ellipse 55% 35% at 25% 45%, rgba(0,0,0,0.45), rgba(10,12,14,0) 78%) !important;
}
/* VERDICT — LEFT-align everything in the hero */
body.verdict-page #verdict-intro .v37g-content,
body.verdict-page #verdict-intro .v37g-hero,
body.verdict-page #verdict-intro h1,
body.verdict-page #verdict-intro h1.v37g-h1,
body.verdict-page #verdict-intro .v37g-eyebrow,
body.verdict-page #verdict-intro p,
body.verdict-page #verdict-intro .v37g-lede {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
body.verdict-page #verdict-intro .v37g-pill {
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
}
body.verdict-page #verdict-intro .v37g-content > * {
  margin-left: 0 !important;
  margin-right: auto !important;
}
/* Constrain H1 + lede width to LEFT two-thirds so card on right stays clear */
body.verdict-page #verdict-intro h1,
body.verdict-page #verdict-intro h1.v37g-h1,
body.verdict-page #verdict-intro .v37g-lede,
body.verdict-page #verdict-intro p {
  max-width: 62% !important;
}

/* MOBILE: stack everything — fade the holo image to background, keep text readable.
   On narrow viewports, the holo card art (which is baked into the backdrop png)
   would overlap H1 since there's no horizontal room. Strengthen the dark wash. */
@media (max-width: 900px) {
  body.verdict-page #verdict-intro h1,
  body.verdict-page #verdict-intro h1.v37g-h1,
  body.verdict-page #verdict-intro .v37g-lede,
  body.verdict-page #verdict-intro p {
    max-width: 100% !important;
  }
  body.verdict-page #verdict-intro .v37g-backdrop {
    background:
      linear-gradient(180deg,
        rgba(10,12,14,0.94) 0%,
        rgba(10,12,14,0.82) 38%,
        rgba(10,12,14,0.55) 62%,
        rgba(10,12,14,0.20) 100%
      ),
      url('./assets/verdict_hero_tron.jpg') center bottom / cover no-repeat,
      #0a0c0e !important;
  }
  body.verdict-page #verdict-intro .v37g-vignette {
    background:
      radial-gradient(ellipse 70% 40% at 50% 30%, rgba(0,0,0,0.55), rgba(10,12,14,0) 75%) !important;
  }
}

/* ── PARTNER — 72px / 30px hero padding ──────────────────── */
body.partner-page .partner-hero .relative.mx-auto.max-w-7xl {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 72px !important;
  padding-right: 0 !important;
  padding-top: 30px !important;
}
body.partner-page .partner-hero h1,
body.partner-page .partner-hero p.lede {
  margin-left: 0 !important;
}
@media (max-width: 640px) {
  body.partner-page .partner-hero .relative.mx-auto.max-w-7xl {
    padding-left: 24px !important;
    padding-top: 24px !important;
  }
}