/* Original scroll-edge-fade from the supplied Yondervast project. */
  @property --band {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
  }
  @property --edge-fade-top {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
  }
  @property --edge-fade-bottom {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
  }
  .scroll-edge-fade {
    --edge: var(--chrome-h, var(--header-h));
    --band: 0;
    transition: --band 300ms ease-out;
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--surface-base) calc(88% * var(--band)), transparent) 0,
      color-mix(in srgb, var(--surface-base) calc(72% * var(--band)), transparent) var(--edge),
      color-mix(in srgb, var(--surface-base) calc(34% * var(--band)), transparent) calc(var(--edge) + 2.5rem),
      color-mix(in srgb, var(--surface-base) calc(10% * var(--band)), transparent) calc(var(--edge) + 5rem),
      color-mix(in srgb, var(--surface-base) calc(2% * var(--band)), transparent) calc(var(--edge) + 7.5rem),
      transparent calc(var(--edge) + 9rem)
    );
  }
  .scroll-edge-fade[data-on] {
    --band: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .scroll-edge-fade {
      transition: none;
    }
  }
  .scroll-edge-fade::before,
  .scroll-edge-fade::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: var(--band);
  }
  .scroll-edge-fade::before {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 var(--edge), #0006 calc(var(--edge) + 2rem), transparent calc(var(--edge) + 4rem));
    mask-image: linear-gradient(to bottom, #000 0, #000 var(--edge), #0006 calc(var(--edge) + 2rem), transparent calc(var(--edge) + 4rem));
  }
  .scroll-edge-fade::after {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(var(--edge) + 1.5rem), #0008 calc(var(--edge) + 4rem), #0002 calc(var(--edge) + 7rem), transparent calc(var(--edge) + 9rem));
    mask-image: linear-gradient(to bottom, #000 0, #000 calc(var(--edge) + 1.5rem), #0008 calc(var(--edge) + 4rem), #0002 calc(var(--edge) + 7rem), transparent calc(var(--edge) + 9rem));
  }


@media(min-width:0px){
 body>header,.site-header{--chrome-h:84px;--surface-base:#f4f3ed;position:sticky;top:0;z-index:50;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important}
 body>header:after,.site-header:after{content:none!important}
 .intelligence-page>header{--surface-base:#181818;background:transparent!important}
 .site-scroll-edge{position:absolute;left:0;right:0;top:0;height:calc(var(--chrome-h) + 10rem);z-index:-1;pointer-events:none}
}

/* Original animated YonderMark recipes from the supplied source. */
@keyframes yv-wingrow-down {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(68.36px); }
}
@keyframes yv-wingrow-up {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-68.36px); }
}
.yv-yonder-wingrow--down {
  animation: yv-wingrow-down 7s ease-in-out infinite;
}
.yv-yonder-wingrow--up {
  animation: yv-wingrow-up 7s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .yv-yonder-wingrow--down,
  .yv-yonder-wingrow--up {
    animation: none;
  }
}

@keyframes yv-yonder-blink {
  0%, 100% { opacity: var(--yonder-dot-rest, 0.22); }
  50%      { opacity: 1; }
}
.yv-yonder-dot {
  opacity: var(--yonder-dot-rest, 0.22);
  animation: yv-yonder-blink var(--yonder-dot-dur, 4.2s) ease-in-out
             var(--yonder-dot-delay, 0s) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .yv-yonder-dot { animation: none; }
}