.page-topbar{z-index:50;min-height:var(--topbar-height);-webkit-backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--rule);background:#f5f2ebd9;justify-content:space-between;align-items:center;gap:24px;padding:12px 32px;display:flex;position:sticky;top:0}.page-brand{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;white-space:nowrap;transition:opacity var(--transition-base);font-size:28px;font-weight:500;text-decoration:none}.page-brand:hover{opacity:.7}.page-nav{align-items:center;gap:28px;display:flex}.page-nav-link{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);transition:color var(--transition-base);padding:4px 0;font-size:12px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.page-nav-link:hover,.page-nav-link[aria-current=page]{color:var(--ink)}.page-nav-link[aria-current=page]:hover{opacity:.7}.page-nav-link[aria-current=page]:after{content:"";background:var(--ink);height:1px;position:absolute;bottom:-2px;left:0;right:0}@media (width<=600px){.page-topbar{gap:10px;min-height:56px;padding:10px 14px}.page-brand{text-overflow:ellipsis;min-width:0;font-size:16px;overflow:hidden}.page-nav{flex-shrink:0;gap:14px}.page-nav-link{letter-spacing:.14em;font-size:10px}}@media (width<=380px){.page-topbar{gap:8px;padding:10px 12px}.page-brand{font-size:14px}.page-nav{gap:10px}.page-nav-link{letter-spacing:.1em}}