/* ================================================================
   Navigation
   ================================================================ */
nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;transition:padding .4s var(--ease),background .4s var(--ease)}
nav.scrolled{background:rgba(11,10,9,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 5vw}
nav.light.scrolled{background:rgba(250,246,239,.78)}
.no-gl nav.scrolled{background:rgba(250,246,239,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--fm);font-weight:500;font-size:15px;letter-spacing:.16em;color:var(--paper);transition:color .4s}
nav.light .brand,nav.light .nav-links a:not(.nav-cta){color:var(--ink)}
.brand .mk{width:17px;height:17px;color:var(--coral)}
.nav-links{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:500}
.nav-links a{position:relative;color:var(--paper);opacity:.82;transition:opacity .3s,color .4s}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1.5px;background:var(--coral);transition:width .35s var(--ease)}
.nav-links a:hover{opacity:1} .nav-links a:not(.nav-cta):hover::after{width:100%}
.menu-btn{display:none;background:none;border:none;font-family:var(--fm);font-size:13px;letter-spacing:.1em;color:var(--paper)}
nav.light .menu-btn{color:var(--ink)}