@font-face{font-family:font;src:url(../media/AlteHaasGroteskRegular-s.p.0y1octq1eb04e.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:font;src:url(../media/AlteHaasGroteskBold-s.p.0pn35_yzvtv1p.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:font Fallback;src:local(Arial);ascent-override:93.91%;descent-override:21.01%;line-gap-override:2.76%;size-adjust:101.37%}.YGkzwa_className{font-family:font,font Fallback}
:root{--white:#fff;--black:#242322;--purple:#6b35f0;--yellow:#ffe91f;--bg:var(--white);--fg:var(--black);--muted:#8a8a93;--line:#bfbfc2;--pad:clamp(16px, 4vw, 40px);--accent:var(--muted) color-scheme: light}:root[data-theme=dark]{--bg:#0c0c0f;--fg:#ecebe6;--muted:#8a8a93;--line:#26262c;--accent:var(--muted) color-scheme: dark}:root[data-palette=color]{--bg:var(--yellow);--fg:var(--purple);--muted:#a3a513;--line:#a3a513;--accent:var(--muted)}:root[data-theme=dark][data-palette=color]{--bg:var(--purple);--fg:#ffe600;--muted:#b5b800;--line:#b5b800;--accent:#b5b800}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0c0c0f;--fg:#ecebe6;--line:#26262c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not([data-theme])[data-palette=color]{--bg:var(--purple);--fg:var(--yellow);--muted:#fff176;--line:#fff176}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--fg);line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}.section{padding:64px var(--pad)}.intro{padding:64px var(--pad) 16px;max-width:1100px}.intro h1{letter-spacing:-.03em;font-size:clamp(5.2rem,6vw,5rem);line-height:1}.intro p{max-width:40ch;color:var(--muted);margin-top:1rem}.status{border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-top:20px;padding:8px 16px;font-size:.95rem;transition:border-color .2s;display:inline-flex}.status:hover{border-color:var(--fg)}.statusDot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;position:relative}.statusDot:after{content:"";background:currentColor;border-radius:50%;animation:1.8s ease-out infinite statusPulse;position:absolute;inset:0}@keyframes statusPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.statusDot:after{animation:none}}.page{padding:64px var(--pad)}.page h1{letter-spacing:-.03em;font-size:clamp(2.2rem,6vw,5rem);line-height:1}.prose{max-width:62ch}
.navBar{z-index:50;height:64px;padding:0 var(--pad);background:var(--nav-bg,var(--bg));color:var(--nav-fg,var(--fg));grid-template-columns:repeat(12,1fr);align-items:center;display:grid;position:sticky;top:0}.navLinks{display:contents}.navItem{letter-spacing:-.01em;white-space:nowrap;width:fit-content;font-size:1.05rem;font-weight:700}.navLogo{grid-area:1/1/auto/4}.navWork{grid-area:1/4/auto/7}.navAbout{grid-area:1/7/auto/9}.navCount{vertical-align:top;margin-left:.35em;font-size:.6em;font-weight:700;position:relative;top:-.2em}.navWord{display:inline-grid}.navWord>*{grid-area:1/1}.navSizer{visibility:hidden}.navActive .navLive{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.navItem:focus-visible{outline-offset:6px;outline:2px solid}.navPanel{padding:8px var(--pad) 32px;background:var(--nav-bg,var(--bg));border-bottom:1px solid var(--line);opacity:0;visibility:hidden;grid-template-columns:repeat(12,1fr);transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:grid;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px)}.navPanel.open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.navList{flex-direction:column;grid-column:5/9;display:flex}.navProject{color:var(--muted);justify-content:space-between;gap:16px;padding:10px 0;font-size:1.05rem;font-weight:700;transition:color .15s;display:flex}.navProject span:last-child{font-weight:400}.navProject:hover,.navProject.on{color:var(--fg)}.navAll{color:var(--muted);margin-top:12px;display:inline-block}.navAll:hover{color:var(--fg)}.navPreview{margin-left:var(--pad);aspect-ratio:4/3;background:var(--line);grid-column:9/13;position:relative;overflow:hidden}.navPreview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.navPreview img.on{opacity:1}@media (hover:none),(max-width:760px){.navPanel{display:none}}.navTools{grid-area:1/11/auto/13;justify-self:end;align-items:center;gap:18px;display:flex}.navLangWrap{position:relative}.navLang{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;font-size:1.05rem;font-weight:700;display:inline-flex}.navCaret{transition:transform .2s}.navLang[aria-expanded=true] .navCaret{transform:rotate(180deg)}.navLangMenu{background:var(--nav-bg,var(--bg));border:1px solid var(--line);opacity:0;visibility:hidden;min-width:3rem;padding:6px 0;list-style:none;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:absolute;top:100%;right:0;transform:translateY(-4px)}.navLangMenu.open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.navLangMenu button{width:100%;font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:16px;padding:8px 14px;font-weight:700;display:flex}.navLangMenu button span{font-weight:400}.navLangMenu button:hover,.navLangMenu button[aria-current=true]{color:var(--fg)}.navTheme{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.navTheme svg{transition:transform .4s}:root[data-theme=dark] .navTheme svg{transform:rotate(180deg)}.navPalette{color:inherit;cursor:pointer;--drop:var(--yellow);background:0 0;border:0;align-items:center;margin:-4px;padding:4px;display:inline-flex}:root[data-theme=dark] .navPalette{--drop:var(--purple)}:root[data-palette=color] .navPalette{--drop:currentColor}.bucketDrop{fill:var(--drop);transition:fill .3s}.bucketTilt{transform-origin:8px 9px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}:root[data-palette=color] .navPalette .bucketTilt{transform:rotate(-16deg)}.bucketPaint{transition:transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}:root[data-palette=color] .navPalette .bucketPaint{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bucketTilt,.bucketPaint,.bucketDrop{transition:none}}@media (max-width:900px){.navBar{flex-wrap:wrap;align-items:center;row-gap:10px;height:auto;min-height:64px;padding-top:14px;padding-bottom:14px;display:flex}.navLogo{order:1}.navTools{order:2;gap:14px;margin-left:auto}.navLinks{flex-basis:100%;order:3;gap:24px;display:flex}}.navCols{grid-column:4/13;grid-template-columns:repeat(3,1fr);gap:0 32px;display:grid}.navColHead{border-bottom:1px solid var(--line);align-items:baseline;gap:.3em;margin-bottom:6px;padding:12px 0 10px;font-size:1.05rem;font-weight:700;display:flex}.navColHead sup{color:var(--muted);font-size:.65em}.navCol ul{flex-direction:column;display:flex}.navColItem{color:var(--muted);justify-content:space-between;gap:12px;padding:7px 0;transition:color .15s,padding-left .2s;display:flex}.navColItem:hover{color:var(--fg);padding-left:6px}.navCols.compact .navColHead{letter-spacing:-.03em;border-bottom:0;margin:0;padding:14px 0 18px;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1;transition:padding-left .2s}.navCols.compact .navColHead sup{font-size:.45em}.navCols.compact .navColHead:hover{padding-left:8px}.navColItem.navMore{color:var(--fg);margin-top:4px;font-weight:700}.navColItem.navMore:hover{padding-left:6px}.navDrop{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.navDrop>ul{flex-direction:column;min-height:0;display:flex;overflow:hidden}.navCol.hasPreview:hover .navDrop,.navCol.hasPreview:focus-within .navDrop{grid-template-rows:1fr}.navDrop .navColItem{letter-spacing:-.02em;padding:6px 0;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700}.navDrop .navColItem:first-child{margin-top:0}.navMeta{white-space:nowrap;flex:none;align-self:center;font-size:.7em;font-weight:400}@media (prefers-reduced-motion:reduce){.navDrop{transition:none}}