.site-nav{z-index:var(--z-nav);pointer-events:none;position:fixed;inset:0 0 auto}.site-nav-inner{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);height:var(--nav-h);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.site-nav-inner>*{pointer-events:auto}.nav-brand,.nav-links,.nav-circle{transition:box-shadow .4s var(--ease-out), background-color .4s ease}.site-nav:not(.is-scrolled) :is(.nav-brand,.nav-links,.nav-circle){box-shadow:none}.nav-brand{min-width:0;height:48px;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.55em;padding:0 22px;font-weight:600;display:inline-flex}.nav-brand-name{flex-shrink:0}.nav-brand-role{text-overflow:ellipsis;min-width:0;color:var(--ink-2);font-weight:500;overflow:hidden}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-links{border-radius:999px;align-items:center;height:48px;padding:4px;display:flex}.nav-link{z-index:1;height:100%;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 20px;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link:focus-visible{outline-offset:-2px}.nav-lens,.tab-lens{z-index:0;background:var(--glass-lens);box-shadow:var(--glass-lens-shadow);pointer-events:none;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.nav-circle{width:48px;height:48px;color:var(--ink);transition:box-shadow .4s var(--ease-out), background-color .4s ease, scale .12s ease;border-radius:50%;place-items:center;display:grid}.nav-circle:active{scale:.94}.nav-circle-icon{display:grid}.tab-bar{display:none}@media (max-width:760px){.nav-links{display:none}.nav-brand{letter-spacing:.12em;height:44px;padding:0 18px}.nav-circle{width:44px;height:44px}.tab-bar{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:var(--z-nav);background:color-mix(in oklch, var(--glass-solid) 84%, transparent);border-color:#0000;border-radius:999px;grid-template-columns:repeat(5,1fr);width:auto;max-width:420px;height:60px;margin-inline:auto;padding:4px;display:grid;position:fixed}.tab{z-index:1;min-width:0;color:var(--ink-2);-webkit-tap-highlight-color:transparent;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:color .3s;display:flex;position:relative}.tab.is-active{color:var(--ink)}.tab:focus-visible{outline-offset:-2px}.tab-label{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-inline:2px;font-size:.6875rem;font-weight:600;overflow:hidden}}@media (max-width:359px){.tab-bar{left:10px;right:10px}.tab-label{letter-spacing:0;padding-inline:0;font-size:.625rem}}@media (max-width:520px),(min-width:761px) and (max-width:900px){.nav-brand-role{display:none}}@media (min-width:761px) and (max-width:1100px){.nav-link{padding:0 14px}}@media (min-width:761px) and (max-width:900px){.nav-link[href=\#about]{display:none}}@media (min-width:761px) and (max-width:820px){.nav-link{letter-spacing:.08em;padding:0 12px}}@media (prefers-reduced-motion:reduce){.nav-circle:active{scale:none}}