nav{height:var(--nav-h);position:fixed;top:0;left:0;right:0;z-index:100;color:#fff;background:transparent;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease,backdrop-filter .3s ease}nav.is-scrolled,nav.menu-open{--logo-sub:#6f84a6;color:var(--ink);background:#fffffff2;border-bottom-color:var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-inner{height:100%;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{white-space:nowrap;line-height:1}.brand b{color:var(--blue2);font-weight:inherit;transition:color .3s ease}nav.is-scrolled .brand b,nav.menu-open .brand b{color:var(--blue)}.brand span{display:block;color:#a9c0dc;margin-top:6px;transition:color .3s ease}nav.is-scrolled .brand span,nav.menu-open .brand span{color:#7b8ba4}.navlinks{display:flex;gap:25px;align-items:center}.navlinks>a:not(.button){transition:color .2s ease}.navlinks>a:not(.button):hover{color:var(--blue2)}nav.is-scrolled .navlinks>a:not(.button):hover,nav.menu-open .navlinks>a:not(.button):hover{color:var(--blue)}.navlinks .button{padding:11px 15px;min-height:40px}.menu-toggle{display:none;background:none;border:0;padding:8px;color:inherit}.navcase{display:none}

.brand{display:block;line-height:0}.logo{display:block;height:38px;width:auto;aspect-ratio:573/130}.logo-sm{height:30px;aspect-ratio:391/99}