site-nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:.9rem var(--gutter);background:color-mix(in srgb,var(--ink) 72%,transparent);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--outline);transition:background var(--dur-medium) var(--ease-standard),border-color var(--dur-medium) var(--ease-standard)}site-nav[tone=light]{background:color-mix(in srgb,var(--paper) 78%,transparent)}site-nav>a:first-child{display:flex;align-items:center;gap:.6rem;margin-right:auto}brand-mark{display:block;width:1.35rem;height:1.35rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--ink-deep) 0 26%,transparent 27%),radial-gradient(circle at 36% 32%,var(--iris-bright),var(--iris) 46%,var(--ink-soft) 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink-deep) 60%,transparent)}brand-word{display:block;font-family:var(--face-display);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;font-variation-settings:"wdth" 88,"opsz" 14;color:var(--on-surface)}site-nav nav{display:flex;gap:1.75rem;font-size:var(--label);letter-spacing:.02em;color:var(--on-surface-variant)}site-nav nav a{padding-bottom:2px;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}site-nav nav a:hover{color:var(--on-surface);border-bottom-color:var(--primary)}site-nav action-button{padding:.6rem 1.1rem;font-size:var(--micro)}@media(max-width:46rem){site-nav nav{display:none}}