.top{z-index:20;height:64px;padding:0 var(--gutter);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0000009e;align-items:center;gap:clamp(12px,2vw,28px);display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand-mark{width:38px;height:40px;filter:drop-shadow(0 0 6px rgb(var(--lime-rgb) / .18));transition:transform var(--dur) var(--ease-out);display:block}.brand:hover .brand-mark{transform:rotate(-12deg)scale(1.06)}.brand-name{color:var(--text);font-family:var(--font-display);font-size:1.1875rem;font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1}.brand-sub{color:var(--muted);font-weight:400}.nav{gap:2px;min-width:0;display:flex}.nav-link{border-radius:var(--r-pill);color:var(--muted);font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur-fast), background-color var(--dur-fast);padding:8px 12px;font-weight:550;position:relative}.nav-link:hover{color:var(--text)}.nav-link[aria-current=page]{color:var(--text);background:#ffffff0f}.nav-link:after{content:"";background:var(--lime);width:22px;height:2px;box-shadow:0 0 12px rgb(var(--lime-rgb) / .9);transition:transform var(--dur) var(--ease-out);border-radius:2px;margin-left:-11px;position:absolute;bottom:-13px;left:50%;transform:scaleX(0)}.nav-link[aria-current=page]:after{transform:scaleX(1)}@media (width<=900px){.top{flex-wrap:wrap;row-gap:6px;height:auto;padding-top:12px}.nav{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 8px;scrollbar-width:none;order:3;overflow-x:auto}.nav-link:after{bottom:-7px}}@media (width<=440px){.brand-sub{display:none}}.skip{z-index:50;border-radius:var(--r-sm);background:var(--lime);color:var(--lime-ink);padding:10px 14px;font-weight:650;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}