Hero headline morph
Scroll past this h1 — it morphs into the first swimlane slot (same pipeline as Capablio landing heroes).
Why section swimlanes
Scroll past this heading — it collapses into the dock under the mock site header (garage-door transition). Up to three recent section titles stay visible.
Intersection-driven behavior
Each lane is clickable and scrolls back to the section. Reduced motion disables animation.
Cap at three lanes
Older lanes drop off when a fourth section scrolls past the dock.
Consumer landing pages
Capablio marketing uses this primitive on all layout: landing pages.
Kitchen Sink primitive
CSS: fs-section-swimlanes.css · JS: ks-section-swimlanes.js
Docs
Mark sections with data-fs-section-lane and a visible heading (h2 or h1 via data-fs-lane-heading). Inject #fsSectionSwimlanes after the site header. Call ForgeSectionSwimlanes.init({ maxLanes: 3 }).