line-height:.92; letter-spacing:.015em; margin:0; color:var(--ink); } #day .title .sub{ font-family:"Workbench",ui-monospace,monospace; font-size:clamp(12px,3.2vw,13px); letter-spacing:.13em; text-transform:uppercase; color:var(--muted); margin-top:.6rem; } #day .title .note{ font-size:clamp(12px,3vw,14px); color:var(--ink); margin-top:.55rem; max-width:54ch; line-height:1.45; } /* control deck — the instrument's own panel, floating over the field */ #day .deck{ position:absolute; left:50%; transform:translateX(-50%); bottom:calc(var(--safe-bottom,3.5rem) + .5rem); width:min(760px, calc(100% - 1.5rem)); background:var(--panel); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); border:1px solid rgba(22,22,22,.18); border-radius:5px; padding:.65rem .8rem .7rem; display:flex; flex-direction:column; gap:.55rem; box-sizing:border-box; } #day .deck .row{display:flex; flex-wrap:wrap; gap:.45rem; align-items:center;} #day .deck button{ font-family:"Workbench",ui-monospace,monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink); min-height:44px; padding:.5rem .75rem; background:transparent; border:1px solid var(--ink); border-radius:3px; cursor:pointer; } #day .deck button[aria-pressed="true"]{background:var(--ink); color:var(--canvas);} #day .deck button:active{background:var(--ink); color:var(--canvas);} #day .deck .knob{display:flex; align-items:center; gap:.45rem; min-height:44px;} #day .deck .knob span{font-family:"Workbench",ui-monospace,monospace; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted);} #day .deck .knob b{font-family:"Workbench",ui-monospace,monospace; font-weight:400; font-size:12px; color:var(--ink); min-width:2.4em;} #day .deck input[type=range]{width:clamp(72px,16vw,110px); accent-color:var(--ink); height:44px; cursor:pointer;} #day .deck .cap{ font-family:"Workbench",ui-monospace,monospace; font-size:12px; line-height:1.55; color:var(--muted); margin:0; } #day .deck .cap b{font-weight:400; color:var(--ink);}

360

the great fire of london · sunday 2 september 1666 → wednesday 2 september 2026

The city burned in four days; the record did not. This is that record, made playable.

tempo96 stamp9

a memory reel, 360 years after the fire. drag the tape to punch marks — the pulse strikes the strings it passes over, and the marks stay in the sequence. tempo — pulse speed · div — subdivision · stamp — mark size · space — play/stop · c — clear · s — sound. the page loads silent; sound stays off until you turn it on.