/* more white below the roles list before the dark CTA band */
html body #roles#roles,html body main #roles#roles{padding-bottom:clamp(110px,11vw,180px)!important}

/* [careers-hero-deep-blue] Darker, less sky-like careers header. */
html body .pghero.skyhero{
  --sk-glow1:rgba(120,158,206,.34); --sk-glow2:rgba(96,132,178,.26); --sk-low:rgba(72,108,158,.6);
  --sk-a:#0A1526; --sk-b:#0F1E36; --sk-c:#152945; --sk-d:#1C3557; --sk-e:#26456E; --sk-f:#2E5180;
  --sk-wisp1:rgba(210,228,248,.26); --sk-wisp2:rgba(160,196,236,.2); --sk-cap:rgba(6,12,22,.8);
}
html body .pghero.skyhero .skymist i:nth-child(1),
html body .pghero.skyhero .skymist i:nth-child(3){opacity:.28}
html body .pghero.skyhero{
  background:
    radial-gradient(80rem 40rem at 82% 8%,rgba(120,158,206,.3),transparent 62%),
    radial-gradient(64rem 34rem at 12% 26%,rgba(96,132,178,.22),transparent 58%),
    radial-gradient(70rem 30rem at 38% 78%,rgba(150,180,214,.14),transparent 62%),
    radial-gradient(90rem 46rem at 60% 120%,rgba(64,102,152,.5),transparent 66%),
    linear-gradient(158deg,#0A1526 0%,#0F1E36 24%,#152945 46%,#1C3557 66%,#22406A 86%,#2A4C79 100%)!important;
}