TITLE: Ember & Oak Coffee Roasters FILE: 035-coffee-roasters.html === PROMPT (exact prompt used) === Design a landing page for "Ember & Oak Coffee Roasters" (fictional). Warm palette: espresso #2b1a12, roasted brown #5c3a21, crema #c8a27a, oat #efe5d6, copper #b87333. Hero: a large SVG coffee cup at a three-quarter angle with animated curling steam (turbulence-displaced SVG paths) and a latte-art rosetta in the crema that redraws on hover. Sections: "Our Beans" — a horizontal scroll-snap carousel of origin cards (fictional estates in real coffee-growing countries such as Ethiopia, Colombia and Guatemala), each with a custom SVG illustration and altitude/process notes; an interactive tasting-notes flavour wheel (SVG donut with sub-segments — fruity, floral, sweet, nutty, spices, roasted) where hovering expands segments and selecting one shows matching beans; a "Roast level" slider that shifts a bean illustration from green to dark roast with crackle particles at first crack; brew-guide steps with timers; and a subscription CTA. Typography: characterful serif headings (Cooper, Rockwell, Georgia, serif) with a clean sans for body text. Tactile hover states throughout. SHARED REQUIREMENTS (apply to every page in this 100-page collection): 1. One standalone HTML5 file. All CSS inline in