.tlp-header {
  position: relative;
  z-index: 950;
}

.tlp-nav {
  box-shadow: 0 8px 20px rgba(27, 19, 14, 0.09);
}

.tlp-nav-inner {
  max-width: var(--container-max-width);
  margin-inline: auto;
}

.tlp-brand-wrap {
  display: flex;
  align-items: center;
}

.tlp-brand {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tlp-brand-mark {
  font-family: var(--font-serif);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.tlp-brand-tagline {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.tlp-nav-menu {
  align-items: center;
}

.tlp-nav-link {
  font-family: var(--font-sans);
}

.tlp-nav-cta {
  padding-inline: 1rem;
  padding-block: 0.4rem;
  border-radius: 999px;
  border-width: var(--border-width-hairline);
  border-style: solid;
  border-color: rgba(170, 131, 80, 0.7);
  background: radial-gradient(circle at top left, #FFFDF8 0, #F1ECE2 40%, #E4DBCD 100%);
  box-shadow: 0 8px 20px rgba(43, 36, 32, 0.18);
}

.tlp-nav-cta:hover {
  background: radial-gradient(circle at top left, #FFFDF8 0, #E4DBCD 40%, #F1ECE2 100%);
}

.tlp-nav-toggle {
  background: rgba(255, 255, 255, 0.9);
}

.tlp-nav-toggle.is-active {
  border-color: var(--color-primary-soft);
}

.tlp-nav-toggle.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.tlp-nav-toggle.is-active span:nth-child(2) {
  opacity: 0;
}

.tlp-nav-toggle.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

@media (max-width: 720px) {
  .tlp-nav-menu {
    font-size: 0.92rem;
  }

  .tlp-nav-link {
    width: 100%;
  }

  .tlp-nav-cta {
    align-self: stretch;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tlp-nav-toggle span {
    transition: none;
  }
}