.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;transition:transform .3s ease}.hamburger:hover{transform:scale(1.1)}.hamburger-line{width:100%;height:3px;background-color:var(--copper, #E07A5F);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--charcoal, #2C3E50);border-top:2px solid var(--copper, #E07A5F);box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:999}.mobile-nav.active{opacity:1;transform:translateY(0);pointer-events:all}.mobile-nav a{padding:1.25rem 2rem;color:var(--white, #F8F9FA);text-decoration:none;font-family:Archivo,sans-serif;font-weight:500;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.mobile-nav a:hover{background:#e07a5f1a;padding-left:2.5rem}.mobile-nav a.active{background:#e07a5f26;border-left:4px solid var(--copper, #E07A5F);color:var(--copper, #E07A5F)}.desktop-nav{display:flex;gap:2rem}nav a.active{color:var(--copper, #E07A5F);font-weight:600}@media(max-width:768px){.hamburger{display:flex}.desktop-nav{display:none}.mobile-nav{display:flex}header{position:relative}.nav-container{padding:1rem 1.5rem}body.menu-open{overflow:hidden}body.menu-open:before{content:"";position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(max-width:480px){.logo{font-size:1.2rem}.logo span{white-space:normal;line-height:1.05;letter-spacing:1px}.mobile-nav a{padding:1rem 1.5rem;font-size:1rem}.hamburger{width:26px;height:20px}.hamburger-line{height:2.5px}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(8.75px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}}@media(min-width:769px){.hamburger,.mobile-nav{display:none!important}.desktop-nav{display:flex!important}}