/* mirror hero backgrounds onto the spacer area */
  #heroAfterSpacer{ position: relative; }
  #heroAfterSpacer::before{
    content:"";
    position:absolute; inset:0;
    background: var(--hero-bg, none);           /* full shorthand from hero */
    background-attachment: scroll;              /* avoid fixed jitter */
    pointer-events:none; z-index:0;
  }
  #heroAfterSpacer::after{
    content:"";
    position:absolute; inset:0;
    background: var(--overlay-bg, none);        /* overlay/gradient from .hero-overlay */
    pointer-events:none; z-index:1;
  }