.main-nav{z-index:1000;background:var(--base-400);box-sizing:border-box;width:100%;max-width:100vw;position:fixed;top:0;overflow-x:hidden}.nav-container{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:1.5rem 3rem;display:flex}.nav-logo .logo-link{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-logo .logo-link:hover{opacity:.7}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:400;text-decoration:none;transition:opacity .2s;position:relative}.nav-link:hover{opacity:.6}.nav-link.active{opacity:1}.nav-link.active:after{content:"";background:var(--text-primary);width:100%;height:1px;position:absolute;bottom:-6px;left:0}.main-nav.menu-open{z-index:1100}.main-nav.menu-open .nav-container{z-index:2;position:relative}.menu-toggle{cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;gap:10px;width:28px;height:20px;padding:0;transition:all .3s;display:none;position:relative}.menu-line{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.menu-toggle.active .menu-line:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.active .menu-line:nth-child(2){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--base-400);z-index:1;visibility:hidden;pointer-events:none;touch-action:none;overscroll-behavior:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.mobile-menu.active{visibility:visible;pointer-events:auto}.mobile-menu:after{content:"";height:env(safe-area-inset-bottom,0px);background:var(--base-400);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.mobile-menu-inner{touch-action:none;flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.mobile-nav{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100%;padding:100px 2rem 80px;display:flex}.mobile-nav-item{text-align:center;width:100%;color:var(--text-primary);opacity:0;border-bottom:1px solid #ffffff0f;padding:1.5rem 0;text-decoration:none;transition:opacity .2s;display:block;position:relative}.mobile-menu.active .mobile-nav-item{opacity:1;transition-delay:calc(40ms + var(--delay,0s))}.mobile-nav-item:last-child{border-bottom:none}.nav-label{letter-spacing:.05em;text-transform:uppercase;font-size:1.1rem;font-weight:400;transition:opacity .3s;display:inline-block;position:relative}.mobile-nav-item:hover .nav-label{opacity:.7}.mobile-nav-item.active .nav-label{opacity:1}.mobile-nav-item.active:before{content:"";background:var(--text-primary);width:3px;height:1.25rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}html.menu-open{background:var(--base-400);overflow:hidden!important}html:has(body.menu-open){background:var(--base-400);overflow:hidden!important}body.menu-open{touch-action:none;overflow:hidden!important}@media (prefers-reduced-motion:reduce){.menu-line,.mobile-nav-item{transition:none!important}.mobile-menu.active .mobile-nav-item{opacity:1}}@media (max-width:768px){body,html{position:relative;touch-action:pan-y!important;-ms-touch-action:pan-y!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}main,.page-content,.contact-container,.about-container,.gallery-page,.gallery-grid,.projects-container,.work-container{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow:clip visible!important}.menu-toggle{display:flex}.nav-links{display:none}.nav-container{padding:1.25rem 1.5rem}.nav-logo .logo-link{font-size:.85rem}.mobile-nav{padding:100px 2rem 80px}.nav-label{font-size:1.1rem}}