/* ═══════════════════════════════════════════════════
   NAV.CSS
═══════════════════════════════════════════════════ */

.nav {
  position:fixed; top:0; left:0; right:0; z-index:9000;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.4rem clamp(1.5rem,5vw,4rem);
  transition:background .4s ease, backdrop-filter .4s ease, border-bottom .4s ease;
}
.nav.scrolled {
  background:rgba(19,18,16,0.88);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border-bottom:1px solid var(--border);
}

/* Logo */
.nav-logo {
  display:flex; align-items:baseline; gap:0;
  font-family:'Playfair Display',serif;
  font-size:1.35rem; font-style:italic;
  color:var(--text); letter-spacing:-0.01em;
}
.logo-initial { color:var(--text); }
.logo-dot { color:var(--accent); }
.logo-name {
  font-family:'Inter',sans-serif;
  font-style:normal; font-weight:300;
  font-size:0.88rem; color:var(--text2);
  margin-left:6px; letter-spacing:0;
}

/* Links */
.nav-links {
  display:flex; gap:2.5rem;
}
.nav-links a {
  font-family:'Inter',sans-serif;
  font-size:0.85rem; font-weight:500;
  color:var(--text2); letter-spacing:0.05em;
  position:relative; padding-bottom:2px;
  transition:color .2s ease;
}
.nav-links a::after {
  content:''; position:absolute; bottom:-1px; left:0;
  width:0; height:1px; background:var(--accent);
  transition:width .3s var(--ease-out);
}
.nav-links a:hover { color:var(--text); }
.nav-links a:hover::after { width:100%; }
.nav-links a.active { color:var(--accent); }
.nav-links a.active::after { width:100%; }

/* Actions */
.nav-actions { display:flex; align-items:center; gap:0.75rem; }

.btn-cv {
  font-family:'Inter',sans-serif;
  font-size:0.8rem; font-weight:600;
  color:var(--text); border:1px solid var(--border-h);
  border-radius:999px; padding:8px 18px;
  transition:background .2s ease, color .2s ease, transform .2s ease;
  white-space:nowrap;
}
.btn-cv:hover { background:var(--accent); color:#fff; transform:scale(1.04); border-color:var(--accent); }

/* Hamburger */
.hamburger {
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; padding:4px;
  position:relative; z-index:9100;
}
.hamburger span {
  display:block; width:24px; height:1.5px;
  background:var(--text);
  transition:transform .3s ease, opacity .3s ease;
}
.hamburger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

/* Mobile overlay */
.nav-mobile-overlay {
  position:fixed; inset:0; z-index:8999;
  background:var(--bg);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:1.5rem;
  transform:translateY(-100%);
  transition:transform .55s var(--ease-in);
}
.nav-mobile-overlay.open { transform:translateY(0); }
.nav-mobile-overlay a {
  font-size:clamp(2rem,7vw,3.5rem);
  font-family:'Playfair Display',serif;
  font-style:italic; color:var(--text);
  transition:color .2s ease;
}
.nav-mobile-overlay a:hover { color:var(--accent); }
.nav-mob-tag {
  position:absolute; bottom:2.5rem;
  font-size:0.72rem; color:var(--text3);
  letter-spacing:0.1em; text-transform:uppercase;
}

@media(max-width:800px) {
  .nav-links { display:none; }
  .hamburger { display:flex; }
}
@media(max-width:500px) {
  .btn-cv { display:none; }
}
