.nav{width:100%;position:absolute;inset:0 0 auto;z-index:1000;background:#050505;color:var(--cream);border-bottom:1px solid hsla(0,0%,100%,.08);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.nav--scrolled{position:fixed;background:rgba(8,8,8,.68);border-color:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav--scrolled{background:rgba(12,12,12,.94)}}.nav__container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav .logo{width:150px;display:flex;text-decoration:none}.nav .logo img{width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease,filter .3s ease}.nav .logo:hover img{transform:translateY(-2px) scale(1.025);filter:brightness(0) invert(1) drop-shadow(3px 3px 0 rgba(217,255,67,.45))}.nav__links{display:flex;gap:clamp(1rem,3vw,2.5rem)}.nav__links a{color:hsla(0,0%,100%,.62);font-size:.78rem;font-weight:500;text-decoration:none;transition:.2s}.nav__links a:hover{color:var(--acid)}.nav__cta{padding:.7rem 1.1rem;border:0;border-radius:999px;font-size:.75rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:.2s}.nav__cta,.nav__cta:hover{background:var(--acid);color:var(--ink)}@media(max-width:760px){.nav__container{min-height:72px}.nav .logo{width:120px}.nav__links{display:none}}