.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:#d9cba0;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease-in-out}.container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem}.logo{font-size:1.5rem;font-weight:700;color:#4a3b3b}.hamburger{display:none;font-size:1.8rem;cursor:pointer;transition:transform .3s ease-in-out}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;transform:translateY(-100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:-1}.mobile-menu.open{transform:translateY(0);opacity:1;z-index:50}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.mobile-nav a{text-decoration:none;color:#4a3b3b;font-size:1.2rem;transition:color .3s ease}.mobile-nav a:hover{color:#000}.desktop-nav{display:flex;gap:2rem}.desktop-nav a{text-decoration:none;color:#4a3b3b;font-size:1.1rem;position:relative;transition:color .3s ease}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:4px;background-color:#000505;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.desktop-nav a:hover:after{transform:scaleX(1)}.desktop-nav a:hover{color:#000}@media (max-width:768px){.desktop-nav{display:none}.hamburger{display:block}}@media (min-width:769px){.mobile-menu{display:none}}