/* Shared navigation geometry. Page-specific colors and menu behavior stay local. */
.nav {
  padding: 28px 48px !important;
  transition-property: background, backdrop-filter;
}
.nav.scrolled {
  padding: 28px 48px !important;
  border-bottom: 1px solid rgba(200,169,110,0.08);
}
.nav > a:first-child {
  box-sizing: border-box;
  width: 120px;
  height: calc(120px * 318 / 937);
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nav > a:first-child .nav-logo {
  display: block;
  width: 120px;
  max-width: 100%;
  flex: 0 0 120px;
  filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.4));
  position: relative;
  z-index: 101;
}
@media (min-width: 1025px) {
  .nav-links {
    gap: 40px;
    font-size: 17px;
    line-height: normal;
  }
  .nav-links a {
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: normal;
  }
}
@media (max-width: 640px) {
  .nav,
  .nav.scrolled {
    padding: 20px 24px !important;
  }
}