@font-face{font-family:spaceGrotesk;src:url(../media/space_grotesk_latin_wght_normal-s.p.0oxh562_148qc.woff2)format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_6656d300-module__ZTYwtG__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_6656d300-module__ZTYwtG__variable{--font-space-grotesk:"spaceGrotesk", "spaceGrotesk Fallback"}
:root{--paper:#fff;--ink:#242422;--muted:#73736f;--line:#e8e8e4;--focus:#5656d6;--intro:#50504d;--underline:#b9b9b4;--hover:#f5f4f4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#171716;--ink:#ececea;--muted:#9a9a94;--line:#30302d;--focus:#9a9af0;--intro:#b8b8b2;--underline:#4a4a46;--hover:#242423}}:root[data-theme=dark]{--paper:#171716;--ink:#ececea;--muted:#9a9a94;--line:#30302d;--focus:#9a9af0;--intro:#b8b8b2;--underline:#4a4a46;--hover:#242423}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-space-grotesk), sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page{width:min(100% - 48px,640px);margin:0 auto;padding:clamp(88px,16vh,152px) 0 72px;animation:.6s cubic-bezier(.22,1,.36,1) both arrive}.identity{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.identity>div{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.012em;font-size:1rem;font-weight:500}.identity p,.work-list p,footer p{color:var(--muted)}.identity p,p,.work-list li{font-size:1rem;line-height:1.55}p{text-wrap:pretty}.identity h1{margin-bottom:2px}.spider-bot{width:126px;height:108px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 126px;margin:-32px -14px 0 0;padding:0;position:relative}.spider-bot:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.spider-web{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spider-web g{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.9px;transform-box:fill-box;transform-origin:50%;transition:opacity .18s,transform .48s cubic-bezier(.22,1,.36,1)}.web-radials{opacity:.14}.web-rings{opacity:.22}.spider-bot:hover .spider-web g,.spider-bot:focus-visible .spider-web g,.spider-bot[aria-pressed=true] .spider-web g{opacity:.34;transform:rotate(2deg)scale(1.015)}.spider{transform-origin:50%;width:82px;height:68px;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.spider-bot:focus-visible .spider,.spider-bot[aria-pressed=true] .spider{transform:translate(-50%,calc(-50% - 5px))rotate(4deg)}.spider-bot:hover .spider{transform:translate(calc(-50% + var(--escape-x,0px)), calc(-50% + var(--escape-y,0px))) rotate(4deg)}.spider-legs{z-index:0;fill:none;width:100%;height:100%;stroke:var(--ink);stroke-linecap:round;stroke-width:2.15px;position:absolute;inset:0;overflow:visible}.spider-leg{transform-box:fill-box;transform-origin:50%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.spider-bot:hover .spider-leg:nth-child(odd),.spider-bot:focus-visible .spider-leg:nth-child(odd),.spider-bot[aria-pressed=true] .spider-leg:nth-child(odd){transform:rotate(5deg)}.spider-bot:hover .spider-leg:nth-child(2n),.spider-bot:focus-visible .spider-leg:nth-child(2n),.spider-bot[aria-pressed=true] .spider-leg:nth-child(2n){transform:rotate(-5deg)}.spider-bot:not(:hover):not(:focus-visible):not([aria-pressed=true]) .spider-leg:nth-child(odd){animation:2.6s ease-in-out infinite alternate spider-idle-a}.spider-bot:not(:hover):not(:focus-visible):not([aria-pressed=true]) .spider-leg:nth-child(2n){animation:2.6s ease-in-out infinite alternate spider-idle-b}.spider-bot.is-escaping .spider-leg:first-child,.spider-bot.is-escaping .spider-leg:nth-child(3),.spider-bot.is-escaping .spider-leg:nth-child(6),.spider-bot.is-escaping .spider-leg:nth-child(8){animation:.42s ease-in-out infinite alternate spider-step-a}.spider-bot.is-escaping .spider-leg:nth-child(2),.spider-bot.is-escaping .spider-leg:nth-child(4),.spider-bot.is-escaping .spider-leg:nth-child(5),.spider-bot.is-escaping .spider-leg:nth-child(7){animation:.42s ease-in-out infinite alternate spider-step-b}@keyframes spider-step-a{0%{transform:rotate(-7deg)translateY(0)}to{transform:rotate(7deg)translateY(1px)}}@keyframes spider-step-b{0%{transform:rotate(7deg)translateY(1px)}to{transform:rotate(-7deg)translateY(0)}}@keyframes spider-idle-a{0%{transform:rotate(-2.5deg)translateY(0)}to{transform:rotate(2.5deg)translateY(.5px)}}@keyframes spider-idle-b{0%{transform:rotate(2.5deg)translateY(.5px)}to{transform:rotate(-2.5deg)translateY(0)}}.spider-abdomen{z-index:1;background:radial-gradient(circle at 35% 24%, #666661 0 5%, #343432 30%, var(--ink) 72%);border-radius:52% 52% 46% 46%;width:24px;height:29px;position:absolute;top:5px;left:29px;box-shadow:inset -3px -4px 8px #00000038}.spider-avatar{z-index:2;width:44px;height:44px;display:block;position:absolute;top:20px;left:19px;overflow:visible}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spider-abdomen{background:radial-gradient(circle at 35% 24%,#d8d8d3 0 5%,#9a9a95 30%,#6e6e6a 72%);box-shadow:inset -3px -4px 8px #00000059}}:root[data-theme=dark] .spider-abdomen{background:radial-gradient(circle at 35% 24%,#d8d8d3 0 5%,#9a9a95 30%,#6e6e6a 72%);box-shadow:inset -3px -4px 8px #00000059}section{margin-top:96px}section h2{margin-bottom:28px}.intro{max-width:600px;color:var(--intro)}.work-list{gap:22px;margin:0;padding:0;list-style:none;display:grid}.work-list li{grid-template-columns:152px 1fr;gap:24px;padding-top:20px;display:grid;position:relative}.work-list li:before{background:linear-gradient(90deg, transparent, var(--line) 5%, var(--line) 94%, transparent);content:"";height:1px;position:absolute;top:0;left:0;right:0;transform:rotate(-.12deg)}.work-list li:nth-child(2):before{transform:rotate(.16deg)}.writing-list{gap:22px;margin:0;padding:0;list-style:none;display:grid}.writing-list li{padding-top:20px;position:relative}.writing-link{border-radius:6px;gap:4px;margin:0 -12px;padding:6px 12px;text-decoration:none;transition:background-color .16s;display:grid}.writing-link:hover{background:var(--hover)}.writing-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.writing-list li:before{background:linear-gradient(90deg, transparent, var(--line) 5%, var(--line) 94%, transparent);content:"";height:1px;position:absolute;top:0;left:0;right:0;transform:rotate(.14deg)}.writing-list li:nth-child(2):before{transform:rotate(-.12deg)}.writing-list p{color:var(--muted)}.back-link{margin-bottom:48px;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.post-header{gap:12px;display:grid}.post-header h1{letter-spacing:-.02em;font-size:1.4rem;line-height:1.3}.post-header time{color:var(--muted);font-size:.9rem}.post-body{max-width:600px;color:var(--intro);margin-top:40px}.post-body p+p{margin-top:1em}.post-footer{margin-top:48px}.theme-toggle{z-index:10;width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin:0;padding:0;transition:background-color .16s,color .16s;display:grid;position:fixed;top:20px;right:20px}.theme-toggle:hover{background:var(--hover);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-toggle svg{width:18px;height:18px}footer{margin-top:96px}a{color:var(--ink);-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}}@media (max-width:520px){.page{padding-top:72px}.identity{gap:16px}.spider-bot{flex-basis:100px;width:100px;height:88px;margin:-22px -10px 0 0}section,footer{margin-top:72px}.work-list li{grid-template-columns:1fr;gap:4px}}@media (max-width:360px){.spider-bot{flex-basis:84px;width:84px;height:76px;margin-top:-16px}}@media (prefers-reduced-motion:reduce){.page{animation:none}.spider,.spider-leg,.spider-web g,a{transition:none}.spider-leg{animation:none!important}}