.nav{z-index:50;block-size:100%;max-block-size:var(--nav-height);transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{background-color:hsl(var(--background)/.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.nav .nav-container{max-inline-size:1280px;margin:0 auto;padding:0 1rem}.nav .nav-content{justify-content:space-between;align-items:center;block-size:5rem;display:flex}.nav .nav-logo-container{aspect-ratio:1;background-color:hsl(var(--background)/.95);border-radius:50%;inline-size:100%;max-inline-size:70px;position:relative}.nav .nav-logo-container .nav-logo img{filter:invert()}.nav .nav-links{align-items:center;gap:2rem;display:none}.nav .nav-links a{color:hsl(var(--foreground));background-color:#0000}.nav .nav-links a:hover{color:hsl(var(--primary))}.nav .nav-links a:active{background-color:hsl(var(--muted)/.5)}.nav .nav-links a{padding:.5rem 1rem;font-size:1rem}.nav .nav-links a.primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.nav .nav-links a.primary:hover{background-color:hsl(var(--primary)/.9);transform:translateY(-2px)}.nav .nav-links a.primary:active{transform:translateY(0)}@media (min-width:768px){.nav .nav-links{display:flex}}.nav .nav-mobile-toggle{color:hsl(var(--foreground));background:0 0;border:none;padding:.5rem}@media (min-width:768px){.nav .nav-mobile-toggle{display:none}}.nav-mobile-menu{background-color:hsl(var(--background)/.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);block-size:100%;inline-size:100%;padding:1rem}.nav-mobile-menu.open{transform:translate(0)}.nav-mobile-menu .top-shelf{justify-content:flex-end;align-items:center;inline-size:100%;display:flex}.nav-mobile-menu .top-shelf .nav-mobile-close{inline-size:unset;padding:.5rem}.nav-mobile-menu .menu-content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;block-size:100%;inline-size:100%;display:flex}.nav-mobile-menu .menu-content a{color:hsl(var(--foreground));background-color:#0000}.nav-mobile-menu .menu-content a:hover{color:hsl(var(--primary))}.nav-mobile-menu .menu-content a:active{background-color:hsl(var(--muted)/.5)}.nav-mobile-menu .menu-content a{inline-size:100%;max-inline-size:300px;padding:.5rem 1rem;font-size:1.25rem}.nav-mobile-menu .menu-content a.primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.nav-mobile-menu .menu-content a.primary:hover{background-color:hsl(var(--primary)/.9);transform:translateY(-2px)}.nav-mobile-menu .menu-content a.primary:active{transform:translateY(0)}@media (min-width:768px){.nav-mobile-menu{display:none}}