The Chamber Triptych

01The design direction

Champions Retreat is the only property on earth with individually designed courses by Jack Nicklaus, Arnold Palmer and Gary Player — three nines, three temperaments, and (uniquely in the 248 library) three anthems. The site is composed the way a chamber piece is: one grid, three keys. The school is Swiss editorial modernism per the 248 Brand System v2 — numbered sections, mono data labels, hairline rules, condensed display type on a bone page — but the page moves through three tonal movements, one per nine, each with a micro-tint drawn from its actual landscape:

Each tint lives ONLY inside its movement band — until that nine’s anthem plays. Then a body class (key-island / key-bluff / key-creek) carries the tint site-wide as quiet accents: the masthead hairline, the section rules, the player’s top edge, the key dot. The page literally changes key with the music. Signal Lime stays the one system signal everywhere (active states, targets, the conversion 8); Accent Orange appears exactly once — the V-shaped oak in the 4th fairway of the Island, the hole’s actual strategic pivot.

Each movement’s diagram uses its own landscape grammar, all hand-drawn or seeded SVG — no raster imagery anywhere: braided river lines and an island plan for Palmer; a vertical loblolly pine-stroke field standing on ridge contours for Nicklaus; a meander line, marsh tufts and hardwood canopy stipple for Player. Every mark explains a verified feature of the nine it belongs to.

Type is the brand trio: Barlow Condensed (display, standing in for DIN Condensed), Inter Variable (text), IBM Plex Mono (data). Motion follows rhythm: the frames ribbon and pulse ring run at the true 112 BPM cycle (1½ beats back, ½ beat down), river/creek flow lines and grove breathing are locked to beat multiples, and the pulse ring breathes on the brand tempo when silent but is driven by the live RMS level when audio plays. Reduced-motion users get a fully composed static page with instant key swaps.

02How it was built

• Hand-written static HTML/CSS/JS — no framework, no authoring build step. ES modules only.
• All internal references are relative, so the site works from a domain root or a subpath.
• The triptych art is inline SVG. The Bluff pine field and Creek stipple are generated at runtime by a seeded PRNG (seeds 1999 and 2005 — the Champions Dinner and the opening year), so they are deterministic, not random decoration. Draw-on reveals use pathLength="1" so CSS can animate normalized dash offsets.
• Fonts are self-hosted woff2 (latin subsets) from @fontsource packages; build.mjs restores them from npm at deploy time via the deployAssets map, so deploy uploads stay text-only.
• The ratio stripe is 32 real units — 24 graphite, 8 lime — and the copy in the player panel encodes actual playback progress across those units.
• Deployed as its own Vercel project (248-anthems-champions-retreat) from the series monorepo.

03The audio pipeline

The player is the shared 248 core (player.js), skinned for this site and mounted with an explicit three-track playlist: The Island, The Bluff, The Creek — Island first, matching the triptych order. Masters stream from the shared CORS-enabled audio host (248-anthems-audio.vercel.app); its manifest.json is the single source of truth, with a committed fallback copy for resilience. Each movement’s “PLAY THIS NINE” control goes through the player’s public API — it finds the track in the queue (re-adding it if the listener removed it) and calls playQueueIndex; the player remains the single source of playback. The spectrum behind the player and the pulse ring draw only from the live Web Audio analyser — no fake waveforms, ever. Tracks not yet synced to the host are badged “sync pending,” never faked.

04The facts rule

Every course number and claim on the page comes from docs/facts/champions-retreat.md, verified against multiple independent sources; tempo claims come from docs/facts/tempo-science.md. Verified and used: the “only property in the world” claim; the corrected designer mapping (Island = Palmer, Bluff = Nicklaus, Creek = Player); 1999 Champions Dinner origin; opened 2005; over 365 acres; roughly 14–15 miles from Augusta National; par 36 per nine with two par 3s and two par 5s; yardages 3,620 / 3,710 / 3,598; the five-hole island stretch; the par-4 4th with its V-shaped oak (453 yds reported); the Bluff’s loblolly corridors, ridges and doglegs; the Creek’s wetland opening four, wide fairways, large greens and 9th over the lake; ANWA first two rounds since the inaugural 2019 event on an Island+Bluff composite (par 72, 6,365 yds reported), cut to the low 30 before Augusta National; Arcis Golf 2023; 13 Masters titles among the trio (6·4·3, arithmetic).

Omitted because unverified: which nine plays as the ANWA front vs back; “every year since 2019” phrasing; property elevation range; course rating and slope; membership and fee figures; the “34 combined majors” framing as an official club quote. 112 BPM is presented as engineering arithmetic, never as a research finding. Track data comes only from the audio manifest.

05Iteration passes