.site-nav{z-index:30;padding:0;transition:padding .25s ease-out;position:sticky;top:0}.site-nav-bar{background:0 0;border:1px solid #0000;border-radius:0;justify-content:space-between;align-items:center;gap:16px;max-width:1248px;height:72px;margin:0 auto;padding:0 24px;transition:max-width .25s ease-out,height .25s ease-out,padding .25s ease-out,border-radius .25s ease-out,border-color .25s ease-out,background-color .25s ease-out,box-shadow .25s ease-out;display:flex;position:relative}.site-nav[data-scrolled]{padding:12px 16px 0}.site-nav[data-scrolled] .site-nav-bar{background-color:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-color:#282a2614;border-radius:14px;max-width:1100px;height:60px;padding:0 12px 0 20px;box-shadow:inset 0 1px #fff9,0 12px 32px -20px #282a2673}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-nav[data-scrolled] .site-nav-bar{background-color:var(--bg)}}@media (max-width:39.99rem){.site-nav-bar{height:64px;padding:0 16px}.site-nav[data-scrolled]{padding:8px 10px 0}.site-nav[data-scrolled] .site-nav-bar{border-radius:12px;height:56px;padding:0 6px 0 14px}}@media (prefers-reduced-motion:reduce){.site-nav,.site-nav-bar{transition:none}}