/* Warm amber glow behind the DESKTOP hero (#hero::before). z-index 0 keeps it
   under every hero child (all z-index 5); the bottom mask fades it out before
   the next section. No animation. */
  #hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      /* core: right under the card stack, not behind the headline */
      radial-gradient(
        38% 42% at 50% 72%,
        rgba(var(--amber-rgb), 0.18) 0%,
        rgba(var(--amber-rgb), 0) 100%
      ),
      /* wide wash: reaches the side windows, softer */
      radial-gradient(
        62% 58% at 50% 68%,
        rgba(var(--amber-rgb), 0.11) 0%,
        rgba(var(--amber-rgb), 0) 100%
      );
    -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
  }