.site-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1020px;margin:0 auto;padding:18px 24px;padding-top:max(18px,env(safe-area-inset-top,0px))}.site-nav-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:var(--text-xl);letter-spacing:-.022em;color:var(--gold);flex:none}.site-nav-brand:hover{color:var(--gold-bright)}.site-nav-pills{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--hair);border-radius:30px}.site-nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ctrl-h-sm);padding:0 14px;border-radius:var(--ctrl-radius-pill);border:1px solid transparent;color:var(--ink-3);text-decoration:none;font-size:var(--ctrl-fs-sm);font-weight:var(--fw-semi);position:relative;transition:color var(--dur-2) var(--ease),background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.site-nav-pill:hover{color:var(--ink-2)}.site-nav-pill.on{color:var(--gold);background:var(--gold-10);border-color:#e8b24a73}.site-nav-pill.on:after{content:"";position:absolute;left:50%;bottom:3px;width:14px;height:2px;border-radius:1px;background:var(--gold);transform:translate(-50%)}.site-nav-enter{flex:none}@media(max-width:720px){.site-nav{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,0px));gap:10px}.site-nav-pills{display:none}}