html:root{--nav-h:64px}@media (min-width:1024px){html:root{--nav-h:80px}}.site-nav{--nav-fg:#f3f1ec;--nav-muted:#b9bccb;--nav-line:#ffffff1a;--nav-scribble:var(--color-gold);--focus:#c4bbff;z-index:50;color:var(--nav-fg);transition:translate .45s var(--ease-out-quint), background-color .3s, color .3s, border-color .3s;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-nav.is-solid{border-bottom-color:var(--nav-line);background:#07080d}.site-nav.is-light{--nav-fg:var(--color-ink);--nav-muted:var(--color-ink-2);--nav-line:#15151a1f;--nav-scribble:var(--color-gold-deep);--focus:var(--color-violet-deep)}.site-nav.is-light.is-solid{background:var(--color-ivory)}.site-nav.is-hidden{translate:0 -100%}@media (prefers-reduced-motion:reduce){.site-nav{transition:none}}.site-nav-bar{height:var(--nav-h);padding-inline:var(--gutter);align-items:center;gap:20px;display:flex;position:relative}.site-nav-brand{border-radius:8px;align-items:center;min-height:44px;margin-right:auto;display:inline-flex}.site-nav-links{display:none}.site-nav-links ul{gap:4px;display:flex}.site-nav-links a{height:44px;color:var(--nav-muted);border-radius:8px;align-items:center;padding:0 14px;font-size:.95rem;transition:color .25s;display:inline-flex;position:relative}.site-nav-links a:hover,.site-nav-links a[aria-current]{color:var(--nav-fg)}.nav-scribble{fill:none;width:calc(100% - 20px);height:9px;stroke:var(--nav-scribble);stroke-width:2px;stroke-linecap:round;position:absolute;bottom:5px;left:10px;overflow:visible}.nav-scribble path{vector-effect:non-scaling-stroke}.site-nav-links .nav-scribble{opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--ease-out-quint), opacity .15s}.site-nav-links a:hover .nav-scribble,.site-nav-links a[aria-current] .nav-scribble{opacity:1;clip-path:inset(-50% -5%)}.brand{align-items:center;gap:12px;display:inline-flex}.brand-badge{background:#0d1019;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-badge img{width:30px;height:30px}.brand-name{font-family:var(--font-hand);letter-spacing:.005em;white-space:nowrap;font-size:1.75rem;font-weight:600;line-height:1;translate:0 1px}.site-nav-talk{display:none}.site-nav-talk span{font-family:var(--font-hand);font-size:1.6rem;font-weight:600;line-height:1}.talk-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:21px;transition:translate .35s var(--ease-out-quint)}.site-nav-talk:hover .talk-arrow{translate:3px -3px}.site-nav-talk .nav-scribble{width:calc(100% - 34px);bottom:4px;left:6px}.site-nav-toggle{min-width:44px;min-height:44px;color:var(--nav-fg);border-radius:8px;justify-content:center;align-items:center;margin-right:-11px;display:inline-flex}.site-nav-toggle>span:first-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-nav-burger{width:22px;height:12px;position:relative}.site-nav-burger i{height:1.6px;transition:top .3s var(--ease-out-quint), rotate .3s var(--ease-out-quint);background:currentColor;border-radius:2px;position:absolute;left:0;right:0}.site-nav-burger i:first-child{top:0}.site-nav-burger i:last-child{top:10px}.site-nav-burger.is-open i{top:5px}.site-nav-burger.is-open i:first-child{rotate:45deg}.site-nav-burger.is-open i:last-child{rotate:-45deg}.site-nav-sheet{inset:var(--nav-h) 0 0 0;background:var(--color-night);position:fixed;overflow-y:auto}.site-nav-sheet[hidden]{display:none}.site-nav-sheet-inner{min-height:100%;padding:8px var(--gutter) max(36px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;gap:40px;display:flex}.site-nav-sheet li{border-bottom:1px solid #ffffff17}.site-nav-sheet li a{letter-spacing:-.035em;color:#f3f1ec;justify-content:space-between;align-items:center;padding:18px 0;font-size:clamp(2rem,8vw,2.7rem);font-weight:500;display:flex}.site-nav-sheet li a svg{color:var(--color-haze)}.site-nav-sheet-mail{color:#f3f1ec;text-underline-offset:5px;overflow-wrap:anywhere;align-items:center;min-height:44px;font-size:1.2rem;font-weight:500;text-decoration:underline;display:inline-flex}@media (min-width:1024px){.site-nav-links{display:block;position:absolute;left:50%;translate:-50%}.site-nav-talk{min-height:44px;color:var(--nav-scribble);border-radius:8px;align-items:center;gap:4px;padding:0 6px;display:inline-flex;position:relative}.site-nav-toggle,.site-nav-sheet{display:none}}@media (max-width:359px){.site-nav-bar{gap:8px}.brand{gap:9px}.brand-name{font-size:1.45rem}}