.ns-header {
  padding: 0.5rem 1rem;
  margin-top: 30px;
  position: relative;
}

.ns-header__bar {
  display: flex;
  justify-content: center; /* logo centered */
  align-items: center;
  position: relative;
}

.ns-brand__logo {
  height: 48px;
}

.ns-hamburger {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #222;
  border: 1px solid #444;
  padding: 6px;
  cursor: pointer;
}

.ns-hamburger__bar {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  margin: 4px 0;
}

/* Drawer nav hidden by default */
.ns-drawer {
  display: none;
  background: #111;
  padding: 1rem;
}

.ns-drawer__link {
  display: block;
  padding: 0.5rem 0;
  color: #fff;
  text-decoration: none;
}

.ns-drawer__link.is-active {
  color: #a45bff;
}



.ns-footer {
  text-align: center;
  padding: 0.75rem;
}

.ns-footer small {
  font-size: 0.75rem;
  color: #aaa;
}




/* Header bar: keep existing background; just center logo */
.ns-header { position: relative; }
.ns-header__bar {
  position: relative;
  display: flex;
  justify-content: center; /* centers logo */
  align-items: center;
  padding: 10px 16px;      /* keep your header spacing */
}

/* Logo size (matches your current look) */
.ns-brand__logo { height: 48px; width: auto; display: block; }

/* Boxed hamburger on top-right with margin from edges */
.ns-hamburger{
  position: absolute;
  top: 12px;               /* top margin so it doesn't touch the screen edge */
  right: 12px;             /* right margin */
  padding: 8px;
  border: 1px solid var(--stroke);
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.ns-hamburger__bar{
  display: block;
  width: 22px;
  height: 2px;
  background: var(--txt);
  margin: 4px 0;
}

/* Drawer nav (uses your existing colors); hidden by default */
.ns-drawer{
  display: none;
  border-top: 1px solid var(--stroke);
  border-bottom: 1px solid var(--stroke);
  padding: 8px 16px;
}
.ns-drawer.open{ display: block; }

.ns-drawer__link{
  display: block;
  padding: 10px 0;
  color: var(--txt);
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .08em;
}
.ns-drawer__link.is-active{ color: var(--accent); }

/* Footer small print */
.ns-footer { border-top: 1px solid var(--stroke); }
.ns-footer__inner{
  text-align: center;
  padding: 12px 16px;
}
.ns-smallprint{
  font-size: 11px;
  color: var(--muted);
}