.container {

  width: min(100% - 2rem, var(--container-width));

  margin-inline: auto;

}

/* HEADER */

.site-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

  padding-block: 1.5rem;

  background: rgba(13, 27, 42, 0.92);

  backdrop-filter: blur(12px);

  border-bottom: var(--border-gold-soft);

}

.site-header__wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

/* LOGO */

.site-logo {

  font-family: var(--font-heading);

  font-size: 1.5rem;

  font-weight: 600;

  letter-spacing: 0.08em;

  color: var(--color-white);

}

.site-logo span {

  color: var(--color-gold);

}

/* NAVIGATION */

.site-menu {

  display: flex;

  align-items: center;

  gap: 2.5rem;

}

.site-menu a {

  color: var(--color-gray-light);

  font-size: 0.72rem;

  font-weight: 500;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  transition: var(--transition-default);

}

.site-menu a:hover {

  color: var(--color-gold);

}