/* ===== NAV ===== */

nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 60px;
  mix-blend-mode: normal;
  background: transparent;
  transition: background 0.4s, padding 0.3s, height 0.3s;
}

nav.scrolled {
  background: rgba(245, 240, 232, 0.95);
  backdrop-filter: blur(12px);
  padding: 16px 60px;
  box-shadow: 0 1px 0 rgba(123,94,167,0.1);
}

.nav-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--dark);
  text-decoration: none;
}

.nav-logo span { color: var(--purple); font-style: italic; }

.nav-logo-img {
  height: 100px;
  width: auto;
  display: block;
  transition: height 0.3s ease, opacity 0.3s;
}

.nav-logo-img:hover { opacity: 0.85; }

nav.scrolled .nav-logo-img {
  height: 60px;
}

.nav-links {
  display: flex;
  gap: 40px;
  list-style: none;
}

.nav-links a {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text);
  text-decoration: none;
  position: relative;
  transition: color 0.3s;
}

.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--purple);
  transition: width 0.3s ease;
}

.nav-links a:hover::after { width: 100%; }
.nav-links a:hover { color: var(--purple); }

.nav-cta {
  background: var(--purple);
  color: white !important;
  padding: 10px 24px;
  border-radius: 40px;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  transition: background 0.3s, transform 0.2s !important;
}

.nav-cta:hover { background: var(--dark) !important; transform: translateY(-1px); }
.nav-cta::after { display: none !important; }

.nav-highlight {
  border: 1px solid var(--purple);
  padding: 8px 16px;
  border-radius: 40px;
  color: var(--purple) !important;
  font-weight: 500 !important;
}

.nav-highlight:hover {
  background: var(--purple);
  color: white !important;
}

.nav-highlight::after { display: none !important; }