header{position:fixed;top:0;width:100%;z-index:50;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center;background-color:#161616}@media (min-width:768px){.nav-container{padding:1.5rem 2rem}}.nav-link{font-size:1.25rem;font-family:serif;color:var(--foreground-color);transition:all .3s ease;text-decoration:none;position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-menu{display:flex;gap:2rem}@media (max-width:767px){.nav-menu{display:none}}.nav-menu a{font-size:.875rem;letter-spacing:.05em;transition:all .3s ease;text-decoration:none;color:var(--foreground-color);position:relative}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width .3s ease}.nav-menu a:hover:after{width:100%}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(22,22,22,.98);backdrop-filter:blur(10px);transition:right .3s ease;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-menu.open{right:0}.mobile-menu a{font-size:1.5rem;margin:1rem 0;color:var(--foreground-color);text-decoration:none;transition:all .3s ease}.mobile-menu a:hover{color:var(--primary-color);transform:scale(1.1)}.menu-button{position:relative;width:30px;height:20px;cursor:pointer;z-index:101}.menu-button span{position:absolute;width:100%;height:2px;background-color:var(--foreground-color);transition:all .3s ease}.menu-button span:first-child{top:0}.menu-button span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-button span:nth-child(3){bottom:0}.menu-button.open span:first-child{transform:rotate(45deg);top:9px}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:rotate(-45deg);bottom:9px}