Accessible Print-Fair Discovery Floor Plan

Create a high-fidelity responsive discovery page for INKWAY FAIR, a fictional independent print fair. The visitor wants to find makers by print method, avoid an indicated narrow aisle, and build a simple step-free route through Hall B before arriving. The first viewport must behave like a spatial marketplace tool: selecting Risograph identifies the matching booths, places them in visit order, and links the route to an equivalent text itinerary.

Compose the page as a working fair floor plan rather than a search hero and product grid. Use a compact fair masthead, a print-method rail, one dominant deterministic Hall B plan, a route ledger, accessibility filters, and a bottom visit summary. Avoid marketplace cards, product thumbnails, seller portraits, generic search results, recommendation carousels, review stars, countdowns, sponsor logos, decorative maps, or an ecommerce navigation bar.

Use this exact demonstrated content: INKWAY FAIR; Find the method. Walk the hall.; Hall B; Screenprint; Risograph; Relief; Etching; Digital; Build Risograph route; Booth B04 — Paper Tide; Booth B07 — Soft Circuit; Booth B11 — North Press; Step-free route; Avoid narrow aisle; 7 min scenario walk; 3 matching booths; Demo floor plan; No live availability. Add clearly labeled entrance, exit, rest area, and step-free access points as scenario plan data. Do not add real artists, prices, ticket sales, live booth status, attendance, accessibility certification, ratings, inventory, event partners, or venue claims.

Use newsprint #f3efe3, ink #151716, riso blue #1268a8, fluorescent orange #f15b3a, access green #39745a, and rule gray #b8b5ac. Pair assertive condensed fair signage with a neutral interface sans and tabular mono booth identifiers. Favor square zero-radius geometry, blunt plan rules, numbered checkpoints, and controlled blue/orange overprint only where it encodes the selected method. Draw the Hall B plan and route with deterministic Canvas and provide a complete semantic booth table and itinerary; do not use an external map, raster floor plan, SVG illustration, CSS-drawn fair scene, or placeholder map.

Start with Screenprint selected and make Build Risograph route the deterministic five-second preview action. During 0–1.0 seconds Risograph becomes selected and the plan announces that demo booths are being matched. During 1.0–2.4 seconds B04, B07, and B11 gain numbered non-color patterns in visit order. During 2.4–4.2 seconds the fixed step-free route draws from the entrance through all three booths while avoiding the marked narrow aisle. During 4.2–5.0 seconds the route ledger, 7 min scenario walk, and 3 matching booths settle, then the map holds. The sequence must be repeatable and render the same plan, path, and order every time.

Support method-selected, matching, route-drawing, route-ready, booth-focused, step-free-filtered, narrow-aisle-avoided, no-match, Canvas-fallback, loading, unavailable-plan, visible-focus, reduced-motion, and Save-Data states. Method controls use keyboard navigation. Every matching booth and numbered Canvas checkpoint maps to one focusable itinerary row. Filters include words and checked state, all material changes are announced politely, and route meaning never depends on color alone. Put one data-preview-ready marker on the settled root, exactly one data-preview-action marker on Build Risograph route, and set data-preview-action-complete only after the stable final state.

At 960×600, preserve the method rail, complete Hall B plan, three-booth itinerary, filters, route action, and summary in the first 16:10 frame. Below 760px, show fair identity, method controls, filters, action, itinerary, route facts, then simplified Canvas floor plan; retain the full booth table if Canvas is unavailable and never require horizontal scrolling at 320px. With prefers-reduced-motion or Save-Data, display the completed Risograph route immediately without line drawing while keeping methods, filters, booths, and itinerary usable.

Return one standalone responsive HTML document using internal CSS and JavaScript. Use no framework, external runtime, network request, map API, live event service, stock imagery, product placeholders, SVG or CSS illustration, emoji, lorem ipsum, copyrighted mark, or prose outside the marketplace. Include one quiet source-prompt link and visibly label the floor plan, route time, booths, and availability as demo or scenario data.