:root{--paper:#ede6d6;--chart-paper:#d8c8af;--surround:#c9bba2;--ink:#4a3c2e;--ink-soft:#5e4e3d;--rust:#9c4a2e;--rust-deep:#86391f;--bone:#ece2ce;--ember:#f0a27e;--night:#15110d;--display:"IM Fell English", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--gutter-l:max(20px, env(safe-area-inset-left,0px));--gutter-r:max(20px, env(safe-area-inset-right,0px));--bar-h:68px;color-scheme:light}html{background:var(--surround)}body{background:var(--surround);color:var(--ink);font-family:var(--display);font-size:16px}*{box-sizing:border-box}.voyage{height:3320svh;position:relative}.stage{background:var(--chart-paper);width:100%;max-width:560px;height:100svh;margin:0 auto;position:sticky;top:0;overflow:hidden}#chart{width:100%;height:100%;display:block;position:absolute;inset:0}.grain{mix-blend-mode:multiply;opacity:.55;pointer-events:none;background:url(/media/grain.png) 0 0/110px 110px;position:absolute;inset:0}.chrome{pointer-events:none;position:absolute;inset:0}.chrome.ink{color:var(--ink)}.chrome.bone{color:var(--bone)}.head{padding:16px var(--gutter-r) 0 var(--gutter-l);justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{font-size:18px;line-height:1.2}a.wordmark{color:inherit;pointer-events:auto;text-decoration:none}.tiny{font-family:var(--mono);letter-spacing:.06em;font-size:11px;line-height:1.5}.ink .tiny{color:var(--ink-soft)}.stop{left:calc(var(--gutter-l) - 10px);right:calc(var(--gutter-r) - 10px);border:1px solid #0000;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:58px}.ink .stop{background:#ede6d6ed;border-color:#4a3c2e80}.stop .eyebrow{font-family:var(--mono);letter-spacing:.08em;font-size:11px}.ink .stop .eyebrow{color:var(--ink-soft)}.stop h2{letter-spacing:-.01em;text-wrap:balance;align-items:baseline;gap:12px;margin:0;font-weight:400;line-height:.96;display:flex}.stop h2 .no{flex:none;font-size:.5em}.ink .stop h2 .no{color:var(--rust)}.bone .stop h2 .no{color:var(--ember)}.stop .place{margin:0;font-size:21px;font-style:italic;line-height:1.2}.stop .meta{font-family:var(--mono);letter-spacing:.06em;margin:0;font-size:11px}.stop .now{font-family:var(--mono);letter-spacing:.03em;border-top:1px solid;border-bottom:1px solid;margin:4px 0 0;padding:7px 0;font-size:11px;line-height:1.55}.ink .stop .now{border-color:#4a3c2e73}.bone .stop .now{border-color:#ece2ce73}.ink .stop .now span{color:var(--ink-soft)}.bone .stop .now span{opacity:.8}.hero,.outro{left:0;right:0;bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 18px);padding:0 var(--gutter-r) 0 var(--gutter-l);flex-direction:column;gap:10px;display:flex;position:absolute}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(34px,10.2vw,46px);font-weight:400;line-height:.98}.hero p,.outro p{margin:0;font-size:18px;font-style:italic}.outro h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(32px,9.6vw,44px);font-weight:400;line-height:1}.row{border-top:1px solid #4a3c2e73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}.row .plate{flex-direction:column;gap:2px;display:flex}.row .plate b{color:var(--rust-deep);font-size:15px;font-weight:400}.row .plate span{font-size:25px;line-height:1}.go{pointer-events:auto;border:0;border-bottom:1px solid var(--rust);cursor:pointer;min-height:48px;font-family:var(--display);color:var(--ink);background:0 0;align-items:center;gap:8px;padding:0 2px;font-size:18px;text-decoration:none;display:inline-flex}.go:hover{color:var(--rust-deep)}@media (height<=599.98px){.outro #again{display:none}}.go:focus-visible,.sound:focus-visible,a.wordmark:focus-visible{outline:2px solid var(--rust-deep);outline-offset:3px}.scene{visibility:hidden;background:var(--night);will-change:clip-path;position:absolute;inset:0}.scene video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scrim{background:linear-gradient(#120e0aa8 0%,#120e0a80 30%,#120e0a14 52%,#120e0a33 100%);position:absolute;inset:0}.ring{border:1.5px solid var(--rust);pointer-events:none;opacity:0;border-radius:50%;width:0;height:0;position:absolute;top:0;left:0}.bar{height:calc(var(--bar-h) + env(safe-area-inset-bottom,0px));padding:0 var(--gutter-r) env(safe-area-inset-bottom,0px) var(--gutter-l);background:var(--paper);color:var(--ink);border-top:1px solid #4a3c2e80;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.bar .prog{background:var(--rust);width:0;height:3px;position:absolute;top:-2px;left:0}.sound{border:1px solid var(--ink);width:46px;height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.sound[aria-pressed=true]{background:var(--ink);color:var(--paper)}.bar .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bar .trk{white-space:nowrap;text-overflow:ellipsis;font-size:17px;line-height:1.15;overflow:hidden}.bar .trk b{color:var(--rust-deep);font-weight:400}.bar .state{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.bar .count{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);flex:none;font-size:11px}.fade{opacity:0}
