/* Feather the background layers only; keep the offer and form fully opaque. */
body.home #manager.manager-1 {
  --manager-feather: clamp(90px, 8vw, 150px);
  background: transparent;
}
body.home #manager.manager-1::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--manager-feather)) 0 0;
  width: auto; height: auto;
  transform: none;
  background: linear-gradient(to bottom,
    rgb(35 24 66 / 0) 0,
    rgb(35 24 66 / .08) calc(var(--manager-feather) * .2),
    rgb(35 24 66 / .28) calc(var(--manager-feather) * .4),
    rgb(35 24 66 / .62) calc(var(--manager-feather) * .65),
    rgb(35 24 66 / .9) calc(var(--manager-feather) * .85),
    var(--dark) var(--manager-feather),
    var(--dark) 100%);
  filter: none; will-change: auto;
  z-index: -1; pointer-events: none;
}
/* The cyan haze keeps its original colour, size and centre, with soft edges. */
body.home #manager.manager-1::after {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle 10.75rem at 50% calc(100% - 8.6rem),
    rgb(0 200 255 / .61) 0 99.5%, transparent 100%);
  filter: blur(250px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--manager-feather), #000 calc(100% - var(--manager-feather)), transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 var(--manager-feather), #000 calc(100% - var(--manager-feather)), transparent);
  z-index: 1; pointer-events: none;
}
body.home #manager .manager__img::before { content: none; }
body.home #manager > .container-fluid { z-index: 2; }
@media (max-width: 499px) {
  body.home #manager .manager__img::before { content: ""; }
  body.home #manager.manager-1::after {
    inset: auto 0 0; height: var(--manager-feather);
    background: linear-gradient(to bottom, rgb(35 24 66 / 0), var(--dark));
    filter: none; -webkit-mask-image: none; mask-image: none;
  }
}

/* Dissolve the jacket into the section without fading the city or face. */
body.home #manager .manager__img img {
  -webkit-mask-image: linear-gradient(to bottom,
    #000 0%, #000 76%,
    rgb(0 0 0 / .97) 80%, rgb(0 0 0 / .87) 84%,
    rgb(0 0 0 / .65) 88%, rgb(0 0 0 / .35) 92%,
    rgb(0 0 0 / .1) 96%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    #000 0%, #000 76%,
    rgb(0 0 0 / .97) 80%, rgb(0 0 0 / .87) 84%,
    rgb(0 0 0 / .65) 88%, rgb(0 0 0 / .35) 92%,
    rgb(0 0 0 / .1) 96%, transparent 100%);
}