@charset "utf-8";
/* GPU Hypha | Hero background (canvas)
   Ported from temporary-top/assets/css/hypha-hero-bg.css.
   Requires: assets/js/hypha-hero-bg.js and <canvas id="cv"> placed inside .hero (position: relative).
   Colors are driven by the JS (Forest = B / Gold = C, switched by <html data-theme="gold">);
   the scrim uses --color-base from theme.css. */
.hero #cv {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.hero__scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--color-base) 0%, rgba(0, 0, 0, 0) 55%);
  opacity: 0.82;
}

@media screen and (max-width: 999px) {
  .hero__scrim {
    background: linear-gradient(0deg, var(--color-base) 0%, rgba(0, 0, 0, 0) 60%);
  }
}