/* =====================================================
   SEEK — NAVBAR (navbar.css)
===================================================== */
#nav {
  position: fixed; inset: 0 0 auto 0; z-index: 800;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.6rem 5rem;
  transition: padding .4s var(--expo), background .4s, box-shadow .4s, transform .5s var(--expo);
}
#nav.s {
  padding: 1rem 5rem;
  background: rgba(242,237,228,.92);
  backdrop-filter: blur(24px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(0,0,0,.07);
}
#nav.h { transform: translateY(-100%); }

.nav-brand { display: flex; align-items: center; gap: .5rem; text-decoration: none; cursor: none; }
.nav-logo-img {
  height: 64px; width: auto; flex-shrink: 0; display: block;
  transition: opacity .25s, transform .3s var(--spring);
}
.nav-brand:hover .nav-logo-img { opacity: .85; transform: scale(1.03); }

.nav-links { display: flex; align-items: center; gap: 2rem; list-style: none; }
.nav-links a {
  font-size: .84rem; font-weight: 600; color: var(--black);
  text-decoration: none; opacity: .45; cursor: none;
  transition: opacity .2s; position: relative;
}
.nav-links a:hover { opacity: 1; }
.nav-links a::after {
  content: ''; position: absolute; bottom: -3px; left: 0;
  width: 0; height: 1.5px; background: var(--gold);
  transition: width .3s var(--expo);
}
.nav-links a:hover::after { width: 100%; }

.nav-cta {
  background: var(--black) !important; color: var(--white) !important;
  padding: .5rem 1.4rem; border-radius: 99px;
  opacity: 1 !important; font-weight: 800 !important; font-size: .82rem !important;
  letter-spacing: .05em;
  transition: background .25s, color .25s !important;
}
.nav-cta::after { display: none !important; }
.nav-cta:hover { background: var(--gold) !important; color: var(--black) !important; }

/* ---- Hamburger (mobile only – display toggled via responsive.css) ---- */
.nav-hamburger {
  display: none; /* shown via @media in responsive.css */
}