@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* A viewport-sized layer keeps the gradient and symbols visible along the entire page. */
body { isolation: isolate; }
.ambient-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 85% 15%, var(--hero-glow-1), transparent 62%),
    radial-gradient(ellipse at 5% 70%, var(--hero-glow-2), transparent 60%),
    var(--bg);
}
.ambient-background canvas { display: block; width: 100%; height: 100%; opacity: .48; }
html[data-theme="light"] .ambient-background canvas { opacity: .34; }
.hero::before { background: none; }
.section-soft, .how, footer.site { background: transparent; }
@media (max-width: 760px) {
  .ambient-background canvas { opacity: .34; }
}