nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:36rem;height:2.75rem;display:flex;justify-content:center;align-items:center;z-index:20;isolation:isolate}nav .nav-container{position:absolute;inset:0;filter:url(#goo);z-index:-1;pointer-events:none}nav.nav--preload,nav.nav--preload .nav-bg,nav.nav--preload .nav-item,nav.nav--preload .nav-mobile-header{opacity:0}nav .nav-bg{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(14,26,30,.55),rgba(8,14,18,.9));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(120,255,255,.137);box-shadow:0 0 18px rgba(120,255,255,.356),inset 0 0 12px rgba(120,255,255,.151)}nav .nav-bg,nav .nav-bg:after{clip-path:polygon(0 0,100% 0,calc(100% - 1rem) 100%,1rem 100%)}nav .nav-bg:after{content:"";position:absolute;inset:-3px;pointer-events:none;opacity:0;transition:opacity .25s ease;background:conic-gradient(from 0deg,transparent 0deg,rgba(120,255,255,0) 18deg,rgba(120,255,255,.85) 40deg,rgba(180,120,255,.55) 55deg,rgba(120,255,255,0) 78deg,transparent 120deg,transparent 1turn);filter:blur(6px);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}nav:hover .nav-bg:after{opacity:.55;animation:nav-border-sweep 2.6s linear infinite}@keyframes nav-border-sweep{to{transform:rotate(1turn)}}nav .nav-overlay{position:relative;display:flex;z-index:1;width:100%;height:100%}nav .nav-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}nav .nav-item a{display:block;padding:.6rem .85rem;text-align:center;font-family:Host Grotesk,sans-serif;font-weight:450;line-height:1.1;text-transform:uppercase;font-size:.78rem;color:rgba(220,255,255,.78);position:relative;transition:color .25s ease,text-shadow .25s ease}nav .nav-item a:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:1px;background:rgba(120,255,255,.6);opacity:0;transform:scaleX(.6);transition:opacity .25s ease,transform .25s ease}nav .nav-item a:hover{color:rgba(220,255,255,1);text-shadow:0 0 10px rgba(120,255,255,.35)}nav .nav-item a:hover:after{opacity:.75;transform:scaleX(1)}nav .nav-mobile-header{width:100%;height:100%;justify-content:space-between;align-items:center;padding:0 .9rem;cursor:pointer;display:none;position:relative;z-index:2}nav .nav-mobile-header p{color:rgba(220,255,255,.78);font-family:Host Grotesk,sans-serif;font-weight:450;line-height:1.1;text-transform:uppercase}@media (max-width:1000px){nav{top:2rem;width:calc(100% - 4rem);height:2.75rem;max-width:36rem}nav .nav-items{align-items:center}nav .nav-item{display:flex;justify-content:center}nav .nav-item a{display:inline-flex;justify-content:center;text-align:center}nav .nav-item a:after{left:50%;right:auto;width:calc(100% - 1.2rem);transform:translateX(-50%) scaleX(.6)}nav .nav-item a:hover:after{transform:translateX(-50%) scaleX(1)}nav .nav-bg,nav .nav-bg:after{clip-path:none;border-radius:.75rem}nav .nav-mobile-header{display:flex;margin-bottom:1rem}nav .nav-overlay{position:absolute;top:100%;left:0;width:100%;filter:url(#goo);margin-top:-.75rem;z-index:1;height:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}nav.nav-open .nav-overlay{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}nav .nav-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,30,.55),rgba(8,14,18,.92));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(120,255,255,.18);border-radius:.75rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .3s ease;z-index:-1}nav.nav-open .nav-overlay:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}nav .nav-items{position:relative;width:100%;padding:2rem 0 1rem;flex-direction:column;z-index:2;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .25s ease}nav.nav-open .nav-items{opacity:1;transform:translateY(0)}nav .nav-item{width:100%}nav .nav-container{display:none}}@media (min-width:3000px){nav{max-width:56rem;height:3rem}nav .nav-item a{padding:.8rem 1rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){nav .nav-bg:after{animation:none!important;opacity:.2!important}}nav .nav-item a.is-active{color:rgba(220,255,255,1);text-shadow:0 0 10px rgba(120,255,255,.25)}nav .nav-item a.is-active:after{opacity:.75;transform:scaleX(1)}@media (max-width:1000px){nav .nav-item a.is-active:after{transform:translateX(-50%) scaleX(1);opacity:.75}}@media (min-width:1024px) and (max-width:1536px) and (max-height:950px){nav .nav-item a{font-size:11px}}