.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}}