/* Shared mobile menu for every public Release Harbor page. Switches on at 900px (TRG Web Dev Protocol s.1). */
.ham-btn{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;margin-right:-10px;padding:0;background:none;border:none;cursor:pointer}
.ham-btn span{display:block;width:22px;height:2px;background:var(--white,#fff);transition:transform .25s,opacity .25s}
.ham-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ham-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;flex-direction:column;max-height:calc(100vh - 72px);overflow-y:auto;background:var(--black-card,#111);border-bottom:1px solid var(--border,rgba(255,255,255,.1))}
.mobile-nav.open{display:flex}
.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 20px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--white-muted,rgba(255,255,255,.75))!important;text-decoration:none;border-bottom:1px solid var(--border,rgba(255,255,255,.1))}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover{color:var(--white,#fff)!important}
.mobile-nav a.active{color:var(--gold,#c9a84c)!important}
.mobile-nav a.nav-cta{background:none;padding:0 20px;color:var(--gold,#c9a84c)!important;font-weight:600}
@media (max-width:900px){
  .ham-btn{display:flex}
  nav .nav-links,nav .nav-right > .nav-cta{display:none}
}
/* Keep nav labels on one line; tighten spacing between the hamburger breakpoint and 1100px so the full nav fits. */
nav .nav-links a,nav .nav-right a,.nav-brand .nav-name,.nav-brand .nav-sub{white-space:nowrap}
@media (min-width:901px) and (max-width:1100px){nav .nav-links{gap:18px}nav{padding-left:28px;padding-right:28px}nav .nav-right{gap:16px}}