#navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 20px 5vw;
  display: flex; align-items: center; justify-content: space-between;
  transition: padding 0.4s, background 0.4s, border-color 0.4s, backdrop-filter 0.4s;
  border-bottom: 1px solid transparent;
}
#navbar.scrolled { padding: 12px 5vw; background: rgba(13,12,11,0.96); backdrop-filter: blur(16px); border-bottom-color: #1E1A14; }
.logo-wrap { cursor: pointer; background: none; border: none; text-align: left; flex-shrink: 0; }
.logo-main { font-size: 17px; font-weight: 300; letter-spacing: 0.1em; color: #F0EBE3; line-height: 1.1; }
.logo-sub { font-family: 'DM Sans', sans-serif; font-size: 8px; letter-spacing: 0.35em; color: #C8A97E; text-transform: uppercase; }
.nav-links { display: flex; gap: 36px; align-items: center; }
.nav-link {
  font-family: 'DM Sans', sans-serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #8A7A6A; background: none; border: none; cursor: pointer; padding: 6px 0; position: relative; transition: color 0.3s;
}
.nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #C8A97E; transition: width 0.3s; }
.nav-link:hover, .nav-link.active { color: #F0EBE3; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
#hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; margin: -8px; }
#hamburger span { display: block; width: 24px; height: 1px; background: #C8A97E; transition: all 0.3s; }
#hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(4px,4px); }
#hamburger.open span:nth-child(2) { transform: scaleX(0); }
#hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(4px,-4px); }
#mobile-menu { display: none; position: fixed; inset: 0; z-index: 99; background: rgba(13,12,11,0.98); flex-direction: column; align-items: center; justify-content: center; gap: 36px; }
#mobile-menu.open { display: flex; animation: fadeDown 0.3s ease; }
#mobile-menu .nav-link { font-size: 22px; letter-spacing: 0.15em; }