/* NAV — The Last Soul Season 02 */

.nav {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5%;
  background: rgba(11, 10, 11, .7);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid #ffffff18;
}

.brand { font-family: Cinzel, serif; font-size: 16px; letter-spacing: .08em; }

.brand small {
  display: block;
  margin-top: 5px;
  font: 9px Inter, sans-serif;
  letter-spacing: .3em;
  color: var(--gold);
}

.nav nav { display: flex; align-items: center; gap: 35px; }

.nav nav a { font-size: 12px; color: #ddd7ce; }

.nav nav a:hover { color: var(--gold); }

.nav .nav-cta { padding: 12px 18px; border: 1px solid #a48a5e; color: var(--fg); }

.menu { display: none; background: none; border: 0; color: white; font-size: 24px; }

@media (max-width: 900px) {
.nav nav { gap: 18px; }
}

@media (max-width: 650px) {
.nav { height: 68px; padding: 0 20px; }
}

@media (max-width: 650px) {
.menu { display: block; }
}

@media (max-width: 650px) {
.nav nav {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    background: #12100f;
    flex-direction: column;
    align-items: stretch;
    padding: 24px;
    gap: 0;
    border-bottom: 1px solid var(--line);
  }
}

@media (max-width: 650px) {
.nav nav.open { display: flex; }
}

@media (max-width: 650px) {
.nav nav a { padding: 15px 0; }
}

@media (max-width: 650px) {
.nav .nav-cta { margin-top: 15px; text-align: center; }
}