@charset "utf-8";
/* GPU Hypha | Hero background (canvas) — 参照: hypha-hero-bg.css の [REQUIRED] 部分のみ抽出
   Requires: assets/js/hypha-hero-bg.js / <canvas id="cv"> を .f-hero（position:relative）内に配置
   カラー: B(green) base #0D1114 / main #6FF0D8 / highlight #D2F4F9 */
:root {
  --acc: 111, 240, 216;
  --tip: 210, 244, 249;
}
.f-hero #cv {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.f-scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--bg) 0%, rgba(0, 0, 0, 0) 55%);
  opacity: .82;
}
@media screen and (max-width: 999px) {
  .f-scrim {
    background: linear-gradient(0deg, var(--bg) 0%, rgba(0, 0, 0, 0) 60%);
  }
}