Patience as an interface
The page treats attention as an input. The forest begins in disagreement, and the most spectacular state arrives only after the visitor has stayed. Chartreuse is rationed so every appearance reads as biological light, while dusk mauve marks human notes and the edge of evening. Long sections, low contrast borders, and asymmetrical annotations turn scrolling into a quiet descent through Vallon Creux rather than a tour of interface components.
A chorus that is actually computed
In main.js, each Firefly receives a random phase, natural frequency, depth, and nine nearest neighbors. connectNeighbors() makes that local listening network. Every frame, update() advances the Kuramoto equation: an insect keeps its tempo while the sine of each phase difference pulls it toward nearby clocks. orderParameter() measures agreement as r. Coupling rises gently, so order emerges over roughly twenty seconds instead of appearing on cue.
perturb() scatters phases and adds a short positional impulse around the pointer. Nothing resets to a canned sequence; the same coupling repairs the break, while updateRepairRecord() draws the measured fall and recovery as a live field trace. The Neighbor Pull range calls setCoupling(), multiplying K across those same oscillators so visitors can loosen or accelerate consensus rather than watching a fake demo.
drawField() reuses pre-rendered glow sprites for the hero and stillness lens, avoiding hundreds of radial gradients per frame. Intersection observers stop the loop when the hero, watch, and theory views are all offscreen. Reduced motion receives a quiet state change rather than continuous simulation.
Notebook specimens and nocturnal depth
The notebook insects are CSS assemblies: paired border-drawn wings, segmented abdomens, antennae, and luminous organs. Fourteen custom properties shape the season curve. The call-and-answer scene combines a dashed flight arc, curved grass borders, and timed signal animations. Crucially, updatePhaseDiagram() samples the same live phases as the hero; the explanatory diagram is evidence, not decoration.
Atmosphere comes from radial gradients, mauve dusk fields, canopy silhouettes, contour lines, and fixed SVG turbulence embedded as a data URI. No downloaded image, video, or third-party script is present. Chartreuse stays rare enough that a tiny flash can command the dark.
Two voices in the field book
Crimson Pro carries measured observation in large, light shapes with tight tracking. Caveat appears only where a hand could plausibly intervene: species aliases, observation times, margin notes, and the turn inside a headline. Motion explains signal, reply, synchronization, or disturbance. Focus rings use chartreuse, interactive targets stay at least 44 pixels, live state changes are announced, and the phone layout replaces desktop navigation with a compact field map.
Reproduce this
Prompt an AI agent to build a self-contained nocturnal field study in semantic HTML, CSS, and JavaScript. Ask for one real emergent system—not a prerecorded imitation—with a visible measure of its state and a pointer disturbance that the system must heal. Specify one near-black dominant field, one biologically plausible signal color, one dusk accent, a literary serif, and a handwritten annotation face. Require every visual to be code-made, every animation to pause offscreen or when hidden, reduced-motion behavior, and responsive screenshots at phone, tablet, and desktop widths.