:root,[data-theme=light]{color-scheme:light;--site-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--paper: #f5f4ef;--ink: #171714;--muted: #6c6a62;--visited: #6f6d65;--line: #d7d5cc;--hover: #e8e6dc;--icon-size: 24px;--px-ink: #1b1a17;--px-white: #fdfcf6;--px-light: #d7d4c9;--px-mid: #9b978b;--px-dark: #5e5c54;--px-tan: #dfae6c;--px-oak: #ac723c;--px-bark: #6b4427;--px-yellow: #ffd447;--px-yellow-d: #e1a31d;--px-red: #ff5a36;--px-red-d: #c63a1f;--px-blue: #3679ff;--px-blue-d: #2552c6;--px-green: #38c98b;--px-green-d: #209962;--px-purple: #8b5cf6;--px-purple-d: #6439c8}[data-theme=dark]{color-scheme:dark;--paper: #161614;--ink: #f1f0ea;--muted: #a29f95;--visited: #8e8b81;--line: #3a3935;--hover: #2a2a26;--px-ink: #0a0a09;--px-white: #f4f2ea;--px-light: #cbc8bd;--px-mid: #908d83;--px-dark: #5a5851}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--site-font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:8px 11px;background:var(--ink);color:var(--paper);font-size:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}main{width:min(720px,calc(100% - 40px));margin-inline:auto}@supports (margin-left: round(down,1.5px,1px)){main{margin-left:round(down,calc((100% - min(720px,100% - 40px))/2),1px);margin-right:0}}.hero{position:relative;padding:40px 0 0}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(46px,7vw,58px);font-weight:700;line-height:1.05;letter-spacing:-.035em}@supports (line-height: round(up,60.9px,1px)){h1{line-height:round(up,calc(1.05*clamp(46px,7vw,58px)),1px)}}.intro{margin-bottom:10px;height:32px;font-size:20px;line-height:30px;letter-spacing:0}.intro a{color:var(--ink);text-decoration:none}.intro a:hover,.intro a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.muni-link{display:inline-flex;align-items:center;gap:5px}.muni-mark{width:17px;height:17px;flex:0 0 auto}.intro a:visited,.intro a.visited-link{color:var(--visited)}.intro a:active{color:var(--muted)}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:block;text-decoration:none;outline:none}.pixel-icon{display:block;width:var(--icon-size);height:var(--icon-size)}.pixel-icon svg{display:block;overflow:hidden;shape-rendering:crispEdges}.pixel-icon svg{width:var(--icon-size);height:var(--icon-size)}.px-ink{fill:var(--px-ink)}.px-white{fill:var(--px-white)}.px-light{fill:var(--px-light)}.px-mid{fill:var(--px-mid)}.px-dark{fill:var(--px-dark)}.px-tan{fill:var(--px-tan)}.px-oak{fill:var(--px-oak)}.px-bark{fill:var(--px-bark)}.px-yellow{fill:var(--px-yellow)}.px-yellow-d{fill:var(--px-yellow-d)}.px-red{fill:var(--px-red)}.px-red-d{fill:var(--px-red-d)}.px-blue{fill:var(--px-blue)}.px-blue-d{fill:var(--px-blue-d)}.px-green{fill:var(--px-green)}.px-green-d{fill:var(--px-green-d)}.px-purple{fill:var(--px-purple)}.px-purple-d{fill:var(--px-purple-d)}.strip{animation:none}:is(.list-item,.social-links a,.reading-line):is(:hover,:focus-visible) .strip{animation:sprite var(--dur, .5s) steps(var(--n),end) infinite}@keyframes sprite{to{transform:translate(calc(var(--n) * -16px))}}.slot{position:relative;display:block;width:var(--icon-size);height:var(--icon-size);flex:none}.slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:var(--hover);box-shadow:0 -2px 0 0 var(--ink),0 2px 0 0 var(--ink),-2px 0 0 0 var(--ink),2px 0 0 0 var(--ink)}:is(.list-item,.social-links a,.torch):is(:hover,:focus-visible) .slot:before{opacity:1}.slot .pixel-icon{position:relative}:is(.list-item,.social-links a,.torch):active .slot{transform:translate(2px,2px)}.reading{display:flex;align-items:center;gap:12px;margin-top:22px;padding-bottom:32px;color:var(--muted);font-size:15px;line-height:20px}.reading-line{display:flex;align-items:center;gap:10px;min-width:0}.reading-title{color:var(--ink)}.reading-line .slot:after{content:"";position:absolute;top:calc(var(--icon-size) * 12 / 16);left:calc(var(--icon-size) * 10 / 16);width:calc(var(--icon-size) * 2 / 16);height:calc(var(--icon-size) * 4 / 16);background:var(--px-yellow);box-shadow:calc(var(--icon-size) / -16) 0 0 var(--px-ink),calc(var(--icon-size) / 16) 0 0 var(--px-ink),0 calc(var(--icon-size) / 16) 0 var(--px-ink);opacity:0}.reading-line:hover .slot:after{opacity:1}.torch{position:absolute;top:44px;right:0;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;outline:none}.torch .slot,.torch .pixel-icon,.torch .pixel-icon svg{width:32px;height:32px}.torch-lit .strip,.torch-out:is(:hover,:focus-visible) .strip{animation:sprite var(--dur, .5s) steps(var(--n),end) infinite}.section{padding-top:26px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:4px}.section-heading:after{content:"";flex:1;height:2px;margin-top:4px;background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 6px)}h2{margin-bottom:0;font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.02em}.item-list{display:flex;flex-direction:column;gap:0}.list-item{position:relative;display:grid;grid-template-columns:var(--icon-size) minmax(0,1fr);column-gap:10px;align-items:center;padding:1px 0;text-decoration:none;outline:none}.list-item:before{content:"";position:absolute;top:50%;left:-22px;width:8px;height:14px;margin-top:-7px;background:var(--ink);clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 6px,8px 6px,8px 8px,6px 8px,6px 10px,4px 10px,4px 12px,2px 12px,2px 14px,0 14px);opacity:0}.list-item:is(:hover,:focus-visible):before{animation:pointer-blink 1s steps(1,end) infinite}@keyframes pointer-blink{0%,59%{opacity:1}60%,to{opacity:0}}.item-copy{min-width:0;display:flex;flex-direction:column;gap:0;line-height:22px}.item-title{color:var(--ink);font-size:16px;font-weight:700;line-height:inherit;letter-spacing:-.018em;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:2px}.list-item:is(:hover,:focus-visible) .item-title{text-decoration:underline}.work-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.writing-heading,.project-heading{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}.work-date{color:var(--muted);font-size:14px;font-weight:400}.writing-date,.project-date{color:var(--muted);font-family:inherit;font-size:14px;font-style:italic;font-weight:400;letter-spacing:0;line-height:inherit;white-space:nowrap}.list-item:visited .item-title,.list-item.visited-link .item-title{color:var(--visited)}.list-item:active .item-title{color:var(--muted)}.list-item:focus-visible .item-title{outline:1px dotted var(--ink);outline-offset:2px}.theme-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:var(--paper);-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-repeat:repeat;mask-repeat:repeat;image-rendering:pixelated}.theme-wipe[data-step="1"]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM0 2h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E")}.theme-wipe[data-step="2"]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h1v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM3 1h1v1H3zM0 2h1v1H0zM2 2h1v1H2zM1 3h1v1H1zM3 3h1v1H3z'/%3E%3C/svg%3E")}.theme-wipe[data-step="3"]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0zM0 1h1v1H0zM2 1h1v1H2zM0 3h1v1H0zM2 3h1v1H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0zM0 1h1v1H0zM2 1h1v1H2zM0 3h1v1H0zM2 3h1v1H2z'/%3E%3C/svg%3E")}.egg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow:hidden;pointer-events:none}.egg-runner{position:absolute;top:calc(var(--y) * (100% - var(--size)));left:0;width:var(--size);height:var(--size);animation:egg-run var(--dur) steps(30,end) var(--delay) both}.egg-runner.rtl{animation-name:egg-run-rtl}.egg-flip{position:relative;width:100%;height:100%}.rtl .egg-flip{transform:scaleX(-1)}.egg-runner .pixel-icon,.egg-runner .pixel-icon svg{width:var(--size);height:var(--size)}.egg-runner .strip{animation:sprite calc(var(--dur) / 15) steps(var(--n),end) infinite}.egg-bit{position:absolute;width:6px;height:6px;background:var(--bit);animation:egg-fall .4s steps(4,end) infinite;animation-delay:var(--delay)}@keyframes egg-run{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 40px))}}@keyframes egg-run-rtl{0%{transform:translate(calc(100vw + 40px))}to{transform:translate(-120px)}}@keyframes egg-fall{0%{transform:translateY(-28px)}to{transform:translateY(8px)}}@media(max-width:640px){.list-item:before{display:none}}@media(max-width:600px){main{width:min(100% - 28px,760px)}.hero{padding:32px 0 0}.torch{top:36px}h1{font-size:46px;line-height:49px}.section{padding-top:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.list-item:is(:hover,:focus-visible):before{opacity:1}.egg-runner{left:var(--rest);margin-left:calc(var(--size) / -2)}.egg-bit{display:none}}