/* ── NAV VERTICALE ── */
nav {
  position: fixed; left: 0; top: 0; bottom: 0; width: 72px;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: 36px 0;
  border-right: 1px solid var(--border);
  background: var(--bg);
  z-index: 200;
}
.nav-logo {
  font-family: 'Bodoni Moda', serif; font-size: 11px; font-weight: 400;
  letter-spacing: .35em; text-transform: uppercase; color: var(--cream);
  writing-mode: vertical-rl; text-orientation: mixed;
  transform: rotate(180deg); text-decoration: none;
}
.nav-logo span { color: var(--bordeaux); }
.nav-links-v {
  display: flex; flex-direction: column; align-items: center; gap: 32px;
}
.nav-links-v a {
  font-size: 9px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--lin2); text-decoration: none; writing-mode: vertical-rl;
  transform: rotate(180deg); transition: color .3s; font-weight: 400;
}
.nav-links-v a:hover { color: var(--bordeaux); }
.nav-bottom { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.nav-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--lin2); transition: background .3s, height .3s; }
.nav-dot.active { background: var(--bordeaux); height: 18px; border-radius: 2px; }

/* ── PAGE WRAPPER ── */
.page { margin-left: 72px; }