/* Topography.vanilla.css — original .topography-container rule kept, plus a token-driven CSS contour fallback
   (shown until the first WebGL frame, and permanently if WebGL2 / OGL is unavailable). */
.topography-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
.topography-container--fallback {
  background:
    repeating-radial-gradient(ellipse 60% 80% at 22% 28%, transparent 0 26px, color-mix(in srgb, var(--accent) 22%, transparent) 26px 27px),
    repeating-radial-gradient(ellipse 70% 60% at 82% 72%, transparent 0 34px, color-mix(in srgb, var(--text-3) 18%, transparent) 34px 35px);
}
.topography-container canvas { opacity: 0; animation: topography-in var(--dur-slow, 420ms) var(--ease-out, ease-out) forwards; }
@keyframes topography-in { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .topography-container canvas { animation: none; opacity: 1; } }
:root[data-reduced-motion] .topography-container canvas { animation: none; opacity: 1; }