.site-nav{z-index:50;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-block-end:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:fixed;inset-block-start:0;inset-inline:0}.site-nav-inner{align-items:center;gap:var(--s5);block-size:var(--nav-h);display:flex}.brand{align-items:center;gap:var(--s2);color:var(--ink);text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;direction:ltr;font-size:1.45rem}.brand-sock{color:var(--ink-soft)}.nav-links{align-items:center;gap:var(--s4);margin:0;margin-inline-start:auto;padding:0;list-style:none;display:flex}.nav-links>li{position:relative}.nav-links a{padding:var(--s2) var(--s1);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--accent-deep)}.has-menu .mega{background:var(--card);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:var(--s2);min-inline-size:11rem;margin:0;list-style:none;display:none;position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(50%)}.has-menu:hover .mega,.has-menu:focus-within .mega{display:block}.mega a{padding:var(--s2) var(--s3);border-radius:var(--r-s);display:block}.mega a:hover{background:var(--paper)}@media (max-width:48rem){.site-nav-inner{gap:var(--s3);overflow-x:auto}.nav-links{gap:var(--s3)}.nav-links a{white-space:nowrap;font-size:.9rem}}