/* Hero parallax test — grows the hero background so hero-parallax.js can drift
   it without exposing an edge. The class is added by the script, so with no JS
   the hero stays exactly as it was. Remove this file + js/hero-parallax.js and
   their <link>/<script> tags to drop the effect entirely. */

/* Grown 20% each side while the drift only ever reaches 16% (js/hero-parallax.js),
   so there is a 4% margin and the edge never shows. Applies to the page heroes
   and to the quote band's photo, which gets the same treatment. */
.hero .hero-bg.px-on,
.quote-band .qb-bg.px-on {
  top: -20%;
  bottom: -20%;
  will-change: transform;
}