.scn-nav{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.4);color:#fff;left:50%;position:fixed;top:10px;transform:translateX(-50%);width:65%;z-index:1000}.scn-nav__inner{align-items:center;display:flex;gap:2rem;margin:0 auto}.scn-nav__logo{flex:0 0 auto}.scn-nav__menu{flex:1 1 auto;margin:10px;min-width:0}.scn-nav__menu>ul{align-items:center;display:flex;gap:1.2rem;justify-content:flex-end;margin:0;padding:0;width:100%}.scn-nav__menu li{display:flex;justify-content:space-around;list-style:none;padding:.8rem 0;width:100%}.scn-nav__menu a{display:inline-block}.scn-nav__logo{max-width:30%;padding:.8rem}.scn-nav__logo img{display:block;height:32px;width:auto}.scn-nav__menu ul{gap:1.2rem;list-style:none;margin:0;padding:0}.scn-nav__menu a{color:inherit;display:block;font-family:Geist Mono,monospace;font-size:12px;font-weight:500;line-height:1;opacity:.4;padding:6px 2px;position:relative;text-decoration:none;text-transform:uppercase}.scn-nav__menu a:after{background:currentColor;opacity:1;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.scn-nav__menu a:hover:after{transform:scaleX(1)}.scn-nav__menu a.is-active{opacity:1}.scn-nav__menu a.is-active:after{transform:scaleX(1)}@media (max-width:640px){.scn-nav__inner{padding:.4rem 1rem}.scn-nav__menu ul{gap:.8rem;overflow:auto}}@media (max-width:768px){.scn-nav__menu{display:none}header.scn-nav{top:4px;width:99%}}