/* Offense hero scene. peel-site.css lifts every .peel-hero child into the flow
   (`.peel-site .peel-hero > :not(.peel-hero-fx)`), which would push the stage above the text;
   this puts it back behind the text, and feathers its edges so the scene has no hard box. */
.peel-site .d3-hero > .d3-stage { position: absolute; inset: 0; z-index: 0; }
.d3-hero > .d3-stage {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%),
                      linear-gradient(to bottom, transparent 0, #000 10%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%),
              linear-gradient(to bottom, transparent 0, #000 10%, #000 86%, transparent 100%);
  mask-composite: intersect;
}
/* a soft scrim behind the headline and lede on top of the edge vignette: the scene glows around the words */
.d3-hero::after {
  background:
    radial-gradient(ellipse 44% 26% at 50% 50%, rgba(4, 6, 11, .62) 0%, rgba(4, 6, 11, .35) 55%, rgba(4, 6, 11, 0) 100%),
    radial-gradient(ellipse at center, rgba(4, 6, 11, .08) 0%, rgba(4, 6, 11, .66) 78%);
}