.navbar{background:#0b3d2e;height:100px;width:100%;position:sticky;top:0;left:0;z-index:1000;display:flex;align-items:center;}
.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 40px;}
.nav-logo img{height:170px;object-fit:contain;transition:transform .3s;margin-bottom: -28px;}
.nav-logo img:hover{transform:scale(1.04);}
.menu-toggle{width:32px;cursor:pointer;z-index:2100;display:flex;flex-direction:column;justify-content:space-between;height:22px;}
.menu-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:.3s;}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(9px);}
.menu-toggle.active span:nth-child(2){opacity:0;}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-9px);}
.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .4s;z-index:1999;}
.nav-backdrop.active{opacity:1;pointer-events:all;}
.nav-overlay{position:fixed;top:0;right:-400px;width:340px;height:100vh;background:#fff;box-shadow:-2px 0 25px rgba(0,0,0,.2);display:flex;flex-direction:column;padding:80px 50px 60px;transition:right .5s cubic-bezier(.25,.8,.25,1);z-index:2000;}
.nav-overlay.active{right:0;}
.close-btn{position:absolute;top:25px;right:30px;font-size:2.5rem;color:#0b3d2e;cursor:pointer;transition:transform .3s ease;}
.close-btn:hover{transform:rotate(90deg) scale(1.1);color:#c6b57f;}
.nav-links{list-style:none;margin:50px 0 0 0;padding:0;display:flex;flex-direction:column;gap:15px;position:relative;}
.nav-links li{position:relative;}
.nav-links li:not(:last-child)::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:#eee;}
.nav-links a{font-size:1.25rem;color:#0b3d2e;text-decoration:none;display:block;padding-bottom:10px;position:relative;transition:.3s;}
.nav-links a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#c6b57f;transition:.3s;}
.nav-links a:hover::after{width:100%;}
.nav-contact{margin-top:auto;font-size:.9rem;color:#555;padding-top:25px;border-top:1px solid #ddd;}
.nav-contact a{color:#0b3d2e;text-decoration:none;}
.social-links{margin-top:15px;display:flex;gap:15px;}
.social-links img{width:36px;filter:grayscale(100%);filter: none;transition:.3s;}
.social-links img:hover{filter:none;transform:scale(1.1);}
@media(max-width:600px){.nav-overlay{width:100%;right:-100%;padding:80px 40px;}.nav-logo img{height:100px;}}