The Apiary Papers. Built from one prompt.

Build a scroll story for urban beekeeping co-op "THE APIARY PAPERS" with React + Tailwind. A fixed CSS hex grid (clip-path hexagons, 9 columns) sits behind everything on #171207; hexes fill with #f2b418 progressively with total scroll (fill order deterministic by index). Display font "Fraunces" italic, body "Work Sans", text #f7ead0. Five frames: "March — 8,000 sleepy tenants", "May — The nectar commute", "June — A queen decides to leave" (with a swarm of 40 dots animating across once when in view), "August — 38°C inside, always", "October — The rent: one third of the honey, never more." Each frame: headline, two sentences, one number chip. CTA end: "Sponsor a rooftop hive — jars with your name on them."

scrollhexgrid