/* ── 3. NAVIGATION ── */

nav{padding:16px 40px;display:flex;align-items:center;background:rgba(0,0,0,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);position:fixed;top:0;left:0;right:0;z-index:900;}
.nav-logo{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;white-space:nowrap;}
.nav-line{flex:1;border-top:1px dotted rgba(255,255,255,0.13);margin:0 22px;}
.nav-links{display:flex;align-items:center;list-style:none;}
.nav-links li{display:flex;align-items:center;}
.nav-links li+li::before{content:':';color:rgba(255,255,255,0.18);padding:0 7px;font-size:10px;}
.nav-links a{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s;cursor:pointer;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-resume{display:flex!important;align-items:center;gap:6px;background:none;border:none;padding:0;}
.footer-item a:hover{color:var(--red);opacity:1;}

/* --- CTA GLINT ANIMATION --- */
.cta-glint {
  position: relative;
  overflow: hidden;
}
.cta-glint::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -150%;
  width: 100%;
  height: 200%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(25deg);
  animation: ctaGlint 3s infinite;
  pointer-events: none;
}
@keyframes ctaGlint {
  0% { left: -150%; }
  33% { left: 150%; }
  100% { left: 150%; }
}
.nav-redbox{color:var(--red);font-size:8px;animation:blink 1.8s infinite;}
.nav-resume-blink {
  color: var(--red) !important;
  font-weight: 900 !important;
  font-size: 11.5px !important;
  letter-spacing: 0.12em !important;
  animation: blink 1.4s infinite !important;
}
/* Hamburger (hidden on desktop) */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1000;flex-shrink:0;}
.nav-hamburger span{display:block;width:20px;height:2px;background:#fff;transition:all .25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}