/* hero.css — styling + fallback-contract voor het Three.js hero-visual */
.hero-stage {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 420px;
  overflow: hidden;
  background: #07090c;
}
.hero-stage canvas { display: block; }

/* Fallback: CDN/WebGL faalde → puur CSS-gradient hero (site blijft volledig functioneel) */
.hero--css-fallback,
.hero-stage.hero--css-fallback {
  background:
    radial-gradient(60% 50% at 50% 62%, rgba(102, 224, 255, 0.22), transparent 70%),
    linear-gradient(180deg, #0b1220 0%, #0a0f18 60%, #05070b 100%);
}