/* ── NAV ─────────────────────────────────────────────────── */
.nav {
  position: fixed; top:0; left:0; right:0; z-index:200;
  padding: 1.4rem var(--g);
  display: flex; justify-content:space-between; align-items:center;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: border-color .3s;
}
.nav.scrolled { border-color: var(--line); }

/* Logo immagine */
.nav-logo { display:block; line-height:0; }
.nav-logo-img {
  height: 68px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* Burger */
.nav-btn {
  width: 26px; height: 18px;
  display: flex; flex-direction:column;
  justify-content:space-between;
  background:none; border:none; cursor:pointer; padding:0;
}
.nav-btn span {
  display: block; width:100%; height:1.5px;
  background: var(--blue); border-radius:1px;
  transition: transform .35s var(--ease), opacity .25s, width .35s;
  transform-origin: center;
}
body.nav-open .nav-btn span:nth-child(1) { transform:translateY(8.25px) rotate(45deg); }
body.nav-open .nav-btn span:nth-child(2) { opacity:0; width:0; }
body.nav-open .nav-btn span:nth-child(3) { transform:translateY(-8.25px) rotate(-45deg); }

/* ── OVERLAY ─────────────────────────────────────────────── */
.nav-ov {
  position: fixed; inset:0; z-index:190;
  background: var(--blue);
  display: flex; flex-direction:column;
  align-items: center; justify-content:center;
  text-align: center;
  visibility:hidden; opacity:0;
  transition: opacity .35s, visibility .35s;
}
.nav-ov.open { visibility:visible; opacity:1; }

.nav-ov-close {
  position:absolute; top:1.5rem; right:var(--g);
  font-size:.54rem; letter-spacing:.22em; text-transform:uppercase;
  color:rgba(255,255,255,.4); cursor:pointer; background:none; border:none;
  transition:color .2s;
}
.nav-ov-close:hover { color:#fff; }

/* Link centrati, sans, uppercase */
.nav-ov-links {
  display: flex; flex-direction:column;
  align-items: center;
  gap: 1.8rem;
}
.nav-ov-links a {
  font-family: var(--sans);
  font-size: clamp(.75rem, 1.4vw, .95rem);
  font-weight: 300;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  transition: color .2s;
}
.nav-ov-links a:hover { color: #fff; }

/* Contatti in basso */
.nav-ov-foot {
  position:absolute; bottom:2rem;
  display:flex; flex-direction:column;
  align-items:center; gap:.35rem;
}
.nav-ov-foot a {
  font-size:.65rem; font-weight:300; letter-spacing:.06em;
  color:rgba(255,255,255,.25); transition:color .2s;
}
.nav-ov-foot a:hover { color:#fff; }