/* DARK HEART CITY — MASTER 53 SHARED NAVIGATION
   One component. Mobile identical on every public page.
   Homepage desktop is the only intentional desktop exception. */

.dhc-site-nav,
.dhc-site-nav *{box-sizing:border-box}

.dhc-site-nav{
  --nav-paper:#f6f2ec;
  --nav-ink:#191116;
  --nav-line:#d2c8cf;
  --nav-lavender:#ddd2e5;
  --nav-plum:#21141f;
  position:relative;
  z-index:80;
  width:100%;
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto auto;
  align-items:center;
  gap:28px;
  padding:0 clamp(24px,4vw,58px);
  background:var(--nav-paper);
  color:var(--nav-ink);
  border-bottom:1px solid var(--nav-line);
}

.dhc-site-nav__brand,
.dhc-mobile-menu__brand{
  color:inherit;
  text-decoration:none;
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(25px,2vw,34px);
  line-height:1;
  letter-spacing:.015em;
  white-space:nowrap;
}
.dhc-site-nav__brand span,
.dhc-mobile-menu__brand span{font-family:Georgia,serif;font-size:.72em;margin-left:8px}

.dhc-site-nav__desktop-links{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.2vw,36px)}
.dhc-site-nav__desktop-links a,
.dhc-site-nav__login{
  color:inherit;
  text-decoration:none;
  font-family:"DM Mono","Courier New",monospace;
  font-size:10px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dhc-site-nav__desktop-links a{position:relative;padding:10px 0}
.dhc-site-nav__desktop-links a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:#9c75bd;transition:right .2s ease}
.dhc-site-nav__desktop-links a:hover::after,.dhc-site-nav__desktop-links a:focus-visible::after{right:0}
.dhc-site-nav__login{justify-self:end;padding:10px 0}

.dhc-site-nav__toggle{display:none}

/* Homepage desktop keeps its approved, wider navigation rhythm. */
@media (min-width:901px){
  .dhc-site-nav--home{
    grid-template-columns:minmax(220px,1fr) auto auto;
    min-height:78px;
  }
  .dhc-site-nav--home .dhc-site-nav__desktop-links{gap:clamp(20px,2.4vw,42px)}
}

/* MOBILE HEADER: exactly the same on every public page. */
@media (max-width:900px){
  .dhc-site-nav,
  .dhc-site-nav--home,
  .dhc-site-nav--inner{
    min-height:68px;
    height:68px;
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:13px;
    padding:0 20px;
    background:#f6f2ec;
    border-bottom:1px solid #d2c8cf;
  }
  .dhc-site-nav__brand{font-size:26px;overflow:hidden;text-overflow:ellipsis}
  .dhc-site-nav__desktop-links{display:none}
  .dhc-site-nav__login{font-size:10px;letter-spacing:.11em;padding:10px 0}
  .dhc-site-nav__toggle{
    appearance:none;
    display:flex;
    width:44px;
    height:44px;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    cursor:pointer;
  }
  .dhc-site-nav__toggle span{display:block;width:28px;height:2px;background:#191116;border-radius:2px}
}

/* MOBILE POP-OUT MENU */
.dhc-mobile-menu[hidden]{display:none}
.dhc-mobile-menu{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:84px 16px 24px;
  background:rgba(25,17,22,.52);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.dhc-mobile-menu__panel{
  width:min(100%,560px);
  max-height:calc(100dvh - 108px);
  overflow:auto;
  border:1px solid rgba(25,17,22,.13);
  border-radius:28px;
  background:#e4d8eb;
  color:#191116;
  padding:22px 24px 20px;
  box-shadow:0 22px 70px rgba(24,12,27,.24);
}
.dhc-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid rgba(25,17,22,.15)}
.dhc-mobile-menu__brand{font-size:24px}
.dhc-mobile-menu__close{appearance:none;border:0;background:transparent;color:#191116;width:42px;height:42px;display:grid;place-items:center;font:400 40px/1 Inter,Arial,sans-serif;cursor:pointer}
.dhc-mobile-menu__links{display:flex;flex-direction:column}
.dhc-mobile-menu__links a{
  display:flex;
  align-items:center;
  min-height:59px;
  padding:14px 0;
  border-bottom:1px solid rgba(25,17,22,.12);
  color:#191116;
  text-decoration:none;
  font-family:"DM Mono","Courier New",monospace;
  font-size:18px;
  line-height:1.15;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dhc-mobile-menu__links a:hover,.dhc-mobile-menu__links a:focus-visible{color:#68457e;padding-left:8px}
.dhc-mobile-menu__footer{padding-top:20px;font-family:"DM Mono","Courier New",monospace;font-size:9px;line-height:1.5;letter-spacing:.13em;color:#715e72;text-align:right}
body.dhc-menu-open{overflow:hidden}

@media (min-width:901px){.dhc-mobile-menu{display:none!important}}
@media (max-width:430px){
  .dhc-mobile-menu{padding:76px 13px 18px}
  .dhc-mobile-menu__panel{border-radius:25px;padding:19px 20px 18px;max-height:calc(100dvh - 96px)}
  .dhc-mobile-menu__brand{font-size:22px}
  .dhc-mobile-menu__links a{min-height:55px;font-size:17px}
}