button,p{all:unset}header{z-index:50;pointer-events:none;background:0 0;height:0;position:sticky;top:0;overflow:visible}header>*{pointer-events:auto}.NavigationMenuRoot{justify-content:center;height:60px;padding-top:8px;display:flex;position:relative;left:0;right:0}.NavigationMenuRoot:before{content:"";background:radial-gradient(ellipse at center,var(--color-primary-glow)0%,transparent 70%);opacity:.12;pointer-events:none;filter:blur(20px);width:60%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.NavigationMenuList{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#0f141ebf;border:1px solid #3b82f61f;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:6px 10px;list-style:none;transition:all .2s ease-out;display:flex;box-shadow:0 4px 24px #0006,0 1px 3px #0003,inset 0 1px #ffffff0f,inset 0 -1px #0000001a}.NavigationMenuList--scrolled{-webkit-backdrop-filter:blur(16px)saturate(200%);background:#0f141eeb;padding:5px 8px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14,0 0 0 1px #3b82f61f}.NavigationMenuRoot:has(.NavigationMenuList--subpage){justify-content:flex-start;padding-left:24px}.NavigationMenuList--subpage{padding:6px 8px}.NavigationMenuList--subpage .NavigationMenuLink{padding:8px 12px}.NavigationMenuList--subpage .brand-mark{width:28px;height:28px}.NavigationMenuList--subpage .brand-initials{font-size:12px}.NavigationMenuItemWrapper{position:relative}.NavigationMenuTrigger,.NavigationMenuLink{-webkit-user-select:none;user-select:none;font-family:var(--font-display);color:#ffffffb3;z-index:1;border-radius:999px;outline:none;padding:10px 16px;font-size:14px;font-weight:500;line-height:1;transition:all .2s;position:relative}.NavigationMenuLink{justify-content:center;align-items:center;font-size:14px;line-height:1;text-decoration:none;display:flex}.NavigationMenuLinkContent{z-index:1;position:relative}.NavigationMenuTrigger:focus-visible,.NavigationMenuLink:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary);outline:none}.NavigationMenuTrigger:hover,.NavigationMenuLink:hover{color:var(--color-text)}.NavigationMenuLink:hover:not(.NavigationMenuLink--active){background:#3b82f61a;box-shadow:inset 0 1px #ffffff0a}.active-indicator{z-index:0;background:#3b82f61f;border:1px solid #3b82f633;border-radius:999px;position:absolute;inset:0;box-shadow:0 0 16px #3b82f61a,inset 0 1px #ffffff0a}.NavigationMenuLink--active,.NavigationMenuLink--active:hover{color:var(--color-primary);background:0 0}.brand-mark{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.brand-geometry{width:100%;height:100%;color:var(--color-primary);opacity:0;transition:opacity .3s;position:absolute;inset:0}.NavigationMenuLink:hover .brand-geometry,.NavigationMenuLink--active .brand-geometry{opacity:.6}.brand-initials{font-family:var(--font-display,"Syne",sans-serif);letter-spacing:.08em;color:var(--color-text);z-index:1;font-size:13px;font-weight:500;transition:color .2s}.NavigationMenuLink--active .brand-initials{color:var(--color-primary)}.NavigationMenuTrigger{justify-content:space-between;align-items:center;gap:2px;display:flex}.NavigationMenuContent{width:100%;animation-duration:.25s;animation-timing-function:ease;position:absolute;top:0;left:0}.NavigationMenuContent[data-motion=from-start]{animation-name:enterFromLeft}.NavigationMenuContent[data-motion=from-end]{animation-name:enterFromRight}.NavigationMenuContent[data-motion=to-start]{animation-name:exitToLeft}.NavigationMenuContent[data-motion=to-end]{animation-name:exitToRight}@media only screen and (min-width:600px){.NavigationMenuContent{width:auto}}.NavigationMenuIndicator{z-index:1;justify-content:center;align-items:flex-end;height:10px;transition:width,transform .25s;display:flex;top:100%;overflow:hidden}.NavigationMenuIndicator[data-state=visible]{animation:.2s fadeIn}.NavigationMenuIndicator[data-state=hidden]{animation:.2s fadeOut}.NavigationMenuViewport{transform-origin:top;width:100%;height:var(--radix-navigation-menu-viewport-height);background-color:#fff;border-radius:6px;margin-top:10px;transition:width,height,all .3s;position:relative;overflow:hidden;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633}.NavigationMenuViewport[data-state=open]{animation:.2s scaleIn}.NavigationMenuViewport[data-state=closed]{animation:.2s scaleOut}@media only screen and (min-width:600px){.NavigationMenuViewport{width:var(--radix-navigation-menu-viewport-width)}}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.NavigationMenuList,.NavigationMenuLink,.brand-geometry,.brand-initials,.active-indicator{transition:none}.NavigationMenuContent,.NavigationMenuIndicator,.NavigationMenuViewport{animation:none}}
