.header{z-index:50;justify-content:space-between;align-items:center;padding:36px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:#fff;letter-spacing:6px;text-transform:uppercase;z-index:60;mix-blend-mode:difference;font-size:18px;font-weight:600;text-decoration:none}.nav{gap:48px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#fff9;letter-spacing:.5px;cursor:pointer;mix-blend-mode:difference;background:0 0;border:none;padding:0;font-size:16px;font-weight:400;transition:color .3s}.nav-link:hover{color:#ffffffe6}.nav-link.active{color:#fff;font-weight:500}.header:after{content:"";width:80px}.menu-btn{cursor:pointer;z-index:60;mix-blend-mode:difference;background:0 0;border:none;width:24px;height:16px;padding:0;display:none;position:relative}.menu-btn span{background:#fff;width:24px;height:1.5px;transition:all .3s;display:block;position:absolute;left:0}.menu-btn span:first-child{top:0}.menu-btn span:last-child{bottom:0}.menu-btn.open span:first-child{top:7px;transform:rotate(45deg)}.menu-btn.open span:last-child{bottom:7px;transform:rotate(-45deg)}.menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:45;opacity:0;visibility:hidden;background:#0000004d;transition:all .4s;position:fixed;inset:0}.menu-overlay.visible{opacity:1;visibility:visible}.mobile-nav{z-index:46;opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:36px;transition:all .5s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.mobile-nav.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.mobile-link{color:#fff9;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;font-weight:400;transition:color .3s}.mobile-link:hover{color:#fff}.mobile-link.active{color:#fff;font-weight:500}@media (max-width:767px){.header{justify-content:space-between;padding:24px 20px}.logo{letter-spacing:4px;font-size:16px}.nav{display:none}.menu-btn{display:block}.header:after{display:none}.menu-overlay,.mobile-nav,.mobile-nav{display:flex}}