@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}*{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}section{margin-top:96px}section h2{margin-bottom:28px}.intro{color:#50504d;max-width:600px}.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)}footer{margin-top:96px}a{color:var(--ink);text-underline-offset:4px;text-decoration-color:#b9b9b4;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}}