.site-nav{z-index:50;background:color-mix(in srgb, var(--sky-deep) 88%, transparent);-webkit-backdrop-filter:blur(12px);color:#fff;border-block-end:1px solid #ffffff24;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:#fff;text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:.02em;direction:ltr;font-size:1.6rem;font-weight:700}.brand-sock{color:#ffffffb3}.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);color:#ffffffe0;font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:#fff}.nav-links>li>a{background:linear-gradient(var(--accent), var(--accent)) no-repeat bottom / 0 2px;transition:background-size .14s}.nav-links>li>a:hover,.nav-links>li>a:focus-visible{background-size:100% 2px}.site-nav :focus-visible{outline-color:#fff}.has-menu .mega{background:var(--sky-deep);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:var(--s2);border:1px solid #ffffff29;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:#ffffff1a}@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}}