=== start 2026-10-04T06:47:31+01:00 bot=r2-rules-hotsauce-1 model=deepseek-v4.1-flash skills=no-slop ===
Done, nya~ — the site is on disk and exercised, not just described.

WHAT'S THERE

  /home/venus/index.html                          the site (27,967 bytes)
  /home/venus/index.ember-and-oak.20261004.html   byte-identical stable copy
  /home/venus/ember-and-oak/                      the assets it references
      favicon.svg  favicon-32.png  apple-touch-icon.png  og.png  (og.svg = source)
      index.html  = a self-contained mirror of the same page with plain asset paths

  /home/venus/index.cape-solander-lighthouse-society.20261004.html
      a previous build I found sitting in ~/index.html. I did not delete it.

One thing you should know: something else in this workspace kept rewriting ~/index.html while I worked — it cycled through a lighthouse site, a Ledgerline site, and back, several times. I wrote my build to a uniquely-named file first and copied it in, precisely because of that. So if index.html is ever not Ember & Oak when you look, the two stable copies above still are. og:image is a relative path since there's no domain; swap in an absolute URL at deploy.

VERIFIED WITH REAL OUTPUT (not intent)

  - 0 horizontal overflow at 360px and 1280px; no element crosses the viewport edge
  - hero stacks at 360px, two-column grid at 1280px
  - all 10 links live: 0 href="#", no example.com, no placeholder text
  - every referenced asset exists and decodes (og.png 1200x630, favicon 32x32, touch icon 180x180)
  - Fraunces + Inter both load; keyboard focus = 2px solid ember ring, 3px offset, tested with real Tab key events
  - palette computed, not eyeballed: ink 13.55:1, oak 6.10:1, ember 5.14:1 both directions — all AA
  - audit on the built file: 0 gradients, 0 shadows, 0 backdrop-filters, 3 radius values (2/6/999px), 0 all-caps micro-labels, 0 <script> tags

THREE REAL BUGS I HIT AND FIXED

  - The timeline dots resolved against the padding box while the rail spanned the content box, so the "119" dot landed past the end of the rail. Now each dot measures exactly 42/70/96/119 days at both widths.
  - The rail animated from scaleX(0) and the dots from opacity:0 — in a headless render where animations don't advance, the whole timeline was invisible. That's the exact "content hidden behind JavaScript/animation" failure. Reworked to move-only keyframes; with animations disabled, zero elements are invisible.
  - British spellings on a North Carolina brand ("pasteurised", "stockists", "enquiry") — now US. Nav tap targets were 22px, now 35px.

DESIGN DECISIONS WORTH NAMING

  Type: Fraunces for display, Inter for body — source named (mid-century seed catalogs and canning-manual lettering). No monospace anywhere; spec figures use tabular Inter instead.
  Colour: I deliberately rejected the default craft-food look (near-black ground + gold accent + serif) and shifted two variables — aged bone paper as the ground, and one fired-clay accent doing two jobs (action, heat state). No gradients, no second accent.
  Structure, altered from the default SaaS grammar in four places: the four sauces are a spec ledger with real logbook numbers, not a feature grid; pricing is a single shipment row, not two plan cards; the method is prose with no numbered steps; and the sauces are ordered by fermentation length so the ledger lines up under the timeline.
  The one orchestrated moment is derived from the batch log — four dots drop onto a 0–120-day axis, each landing on the day that sauce actually came out of the crock (42/70/96/119). Not a particle field. Pure CSS, no JavaScript at all.
  The hero bottles: all four are the same 5 fl oz, so the only variable is how high the sauce sits — that height is heat, log-scaled. Pixel-tested: fills are 80/276/376/457px on a shared baseline.

Honest note on the direction: an artisanal serif on cream with one terracotta accent is currently the house style for small-batch food brands, so this is tasteful rather than original. It's authored and specific, but I wouldn't claim it's a look nobody's seen, nya~ (=^･ω･^=). If you want it pushed further from that, the fastest lever is the display face — say the word and I'll re-set it.

session_id: 20261004_064734_6069b7
--- nudge 1 2026-10-04T07:10:14+01:00 ---
↻ Resumed session 20261004_064734_6069b7 "Build Ember & Oak hot sauce marketing site" (1 user message, 122 total messages)
Delivered and verified at /home/venus/nomoreslop/exp1/runs2/rules-hotsauce-1/:

  index.html                  27,897 bytes — "Ember & Oak — four fermented hot sauces, bottled in Asheville"
  favicon.svg                 favicon-32.png (32x32)  apple-touch-icon.png (180x180)  og.png (1200x630)

Every referenced asset resolves and decodes on that path (identify + live browser decode both confirm). 0 horizontal overflow at 360px and 1280px, hero stacks at 360 / grid at 1280, all in-page anchors resolve, 0 dead hrefs, 0 script tags, focus ring 2px solid #B23A12 at 3px offset, timeline dots landing at exactly 42/70/96/119 at both widths, and 0 elements rendered invisible when animations are disabled.

session_id: 20261004_064734_6069b7