@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Fallback;src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:101.8%;ascent-override:98.2%;descent-override:29.8%;line-gap-override:0%}@font-face{font-family:Koi Mono;src:url(/fonts/koi-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--bg: #fff;--fg: #111;--muted: #6b6b6b;--line: rgb(17 17 17 / .3);--read: 40vh;--gutter: 24px;--k1: #557571;--k2: #575e60;--k3: #d23f22;--k4: #71797b;--k5: #262a2c;--k6: #b07c22;--k7: #6a7173;--k8: #262a2c}@media(prefers-color-scheme:dark){:root{--bg: #0e0e0e;--fg: #ececec;--muted: #9b9b9b;--line: rgb(236 236 236 / .32);--k1: #8fb0ab;--k2: #efebe2;--k3: #f2643c;--k4: #a3a59e;--k5: #8a9497;--k6: #e2ad4f;--k7: #687275;--k8: #7d8c8f}}html{background:var(--bg);color:var(--fg);font:400 14px/1.6 Hanken Grotesk,Hanken Fallback,system-ui,sans-serif;letter-spacing:-.004em;font-kerning:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0}h1,h2,p,ol,ul{margin:0;font:inherit}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-color:var(--line);padding-block:3px;transition:text-decoration-color .15s ease,color .15s ease}a:hover{text-decoration-color:currentColor}a:focus-visible{outline:1.5px solid currentColor;outline-offset:3px;border-radius:2px;text-decoration-color:currentColor}.pond{position:fixed;inset:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.pond{position:absolute;height:100vh}}html:not(.js) .pond{position:absolute;height:100vh}.pond canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}.live .pond canvas{opacity:1}.still{position:absolute;margin:0;font-family:Koi Mono,ui-monospace,monospace;white-space:pre;letter-spacing:0}.still--wide{left:0;top:16vh}.still--narrow,.js .still{display:none}.k1{color:var(--k1)}.k2{color:var(--k2)}.k3{color:var(--k3)}.k4{color:var(--k4)}.k5{color:var(--k5)}.k6{color:var(--k6)}.k7{color:var(--k7)}.k8{color:var(--k8)}.f{opacity:.55}.page{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr}main{grid-column:2;grid-row:1;padding:var(--read) var(--gutter) 45vh}main>section{max-width:52ch;scroll-margin-top:var(--read)}main>section+section{margin-top:4.5em}.w{display:inline-block}.role,.quiet,.date,.ph{color:var(--muted)}.ph-label{color:var(--fg)}.contact{display:flex;flex-wrap:wrap;gap:0 1.15em;margin-top:.8em;padding:0;list-style:none}.flow{margin-top:1.7em}.flow>*+*{margin-top:.85em}h2{margin-bottom:.85em}.log{padding:0;list-style:none;line-height:24px}.log li{display:grid;grid-template-columns:8.5ch 1fr}.entry+.entry,.entry+p,p+.entry{margin-top:.85em}.side{grid-column:3;grid-row:1;align-self:start;position:sticky;top:0;box-sizing:border-box;height:100vh;padding:var(--read) var(--gutter) 0 calc(var(--gutter) - 4px)}.clock{display:flex;gap:1.6em}.time{display:inline-block;min-width:8ch}.side nav{display:grid;justify-items:start;gap:.12em;margin-top:3.2em}.side nav a{color:var(--muted);text-decoration:none}.side nav a:hover,.side nav a[aria-current=true]{color:var(--fg)}.colophon{grid-column:1;grid-row:1;align-self:start;position:sticky;top:0;box-sizing:border-box;height:100vh;display:flex;align-items:flex-end;gap:.5em;padding:0 var(--gutter) var(--gutter);pointer-events:none}.colophon>*{pointer-events:auto}.sha{font:12px/1.6 Koi Mono,ui-monospace,monospace;color:var(--muted);text-decoration:none}@media not all and (min-width:768px){html{font-size:15px}:root{--read: 36svh;--gutter: 20px}.page{display:block}main{padding:var(--read) var(--gutter) 0}main>section{max-width:34rem;scroll-margin-top:var(--gutter)}.still--wide{display:none}.still--narrow{display:block;left:0;top:3.2em}.side{position:absolute;top:0;left:0;right:0;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3em 1em;padding:var(--gutter) var(--gutter) 0}.clock{gap:.6em}.clock span:first-child{color:var(--muted)}.side nav{display:flex;gap:0 1em;margin:0}.colophon{position:static;height:auto;padding:1.2em var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom))}}