:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f7f6f2;--ink:#18181a;--muted:#76767a;--line:#e2e0da;--accent:#4f6b00;--tiny:#7a5af5;--map:#0e8a7e;--ink-hue:#6f8f00;--way:#e5623f;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sans:ui-sans-serif, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#111214;--ink:#ecebe6;--muted:#8d8d91;--line:#26272a;--accent:#c6f04f;--tiny:#a48bff;--map:#3ccfbe;--ink-hue:#c6f04f;--way:#ff7f5c}}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}h2,p{margin:0}.page{width:min(600px,100% - 48px);margin-inline:auto;padding:120px 0 64px}.wordmark{font:600 15px/1.4 var(--mono);letter-spacing:.02em}.site-header p{max-width:46ch;color:var(--muted);margin-top:20px;font-size:17px}#projects{margin-top:96px}.label{border-bottom:1px solid var(--line);color:var(--muted);font:400 12px/1.5 var(--mono);letter-spacing:.04em;text-transform:lowercase;padding-bottom:12px}.project-list{margin:0;padding:0;list-style:none}.project{--hue:var(--accent);border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;gap:2px 20px;padding:20px 0;display:grid}.project--tinysystems{--hue:var(--tiny)}.project--maplab{--hue:var(--map)}.project--inkling{--hue:var(--ink-hue)}.project--waypoint{--hue:var(--way)}.project-name{letter-spacing:-.01em;font-weight:500;transition:color .16s,transform .24s cubic-bezier(.2,.8,.2,1)}.project-host{color:var(--muted);font:12px/26px var(--mono);transition:color .16s}.project-host:after{content:"↗";margin-left:.5ch;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:inline-block}.project-description{color:var(--muted);grid-column:2/-1;font-size:15px}.project:hover .project-name{color:var(--hue);transform:translate(3px)}.project:hover .project-host{color:var(--ink)}.project:hover .project-host:after{transform:translate(2px,-2px)}.site-footer a:hover{color:var(--accent)}.glyph{fill:none;width:24px;height:24px;stroke:var(--hue);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3;margin-top:2px;overflow:visible}.glyph circle{fill:var(--hue);stroke:none}.glyph path{stroke-dasharray:80;stroke-dashoffset:80px;animation:1.2s cubic-bezier(.6,0,.2,1) forwards draw}.project--maplab .glyph path{animation-delay:.5s}.project--inkling .glyph path{animation-delay:.65s}.project--waypoint .glyph path{animation-delay:.8s}.project--tinysystems circle{transform-box:fill-box;transform-origin:50%}.project--tinysystems:hover circle{animation:.6s cubic-bezier(.3,0,.3,1) infinite alternate hop}.project--tinysystems:hover circle:nth-child(2){animation-delay:.12s}.project--tinysystems:hover circle:nth-child(3){animation-delay:.24s}.project--maplab .pin{transform-box:fill-box;transform-origin:50%}.project--maplab:hover .fence{stroke-dasharray:3 3;animation:.6s linear infinite march}.project--maplab:hover .pin{animation:.9s ease-in-out infinite pulse}.project--inkling:hover .ink{animation:1.1s cubic-bezier(.6,0,.2,1) redraw}.project--waypoint:hover .route{stroke-dasharray:2 3;animation:.5s linear infinite march}@keyframes draw{to{stroke-dashoffset:0}}@keyframes redraw{0%{stroke-dashoffset:80px}to{stroke-dashoffset:0}}@keyframes march{to{stroke-dashoffset:-12px}}@keyframes hop{to{transform:translateY(-4px)}}@keyframes pulse{50%{transform:scale(1.5)}}.site-header,.label,.project-list li,.site-footer{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.site-header p{animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both rise}.label{animation-delay:.16s}.project-list li:first-child{animation-delay:.22s}.project-list li:nth-child(2){animation-delay:.28s}.project-list li:nth-child(3){animation-delay:.34s}.project-list li:nth-child(4){animation-delay:.4s}.site-footer{animation-delay:.48s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.caret{background:var(--accent);vertical-align:-1px;width:.55em;height:2px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#clock{font-variant-numeric:tabular-nums}.site-footer{color:var(--muted);font:12px/1.5 var(--mono);gap:24px;margin-top:96px;display:flex}.site-footer span{margin-left:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{z-index:10;background:var(--ink);color:var(--canvas);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (width<=600px){.page{padding-top:64px}#projects,.site-footer{margin-top:64px}.site-header p{font-size:16px}}@media (width<=360px){.site-footer{flex-wrap:wrap;gap:8px 20px}.site-footer span{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.glyph path{stroke-dashoffset:0}}