/* Ashé Umbrella shared nav — styles BOTH nav structures used across /why/:
   (A) .ashe-topbar + drawer  (index, mission, stats, cc-deepdive, cc-crosstrack)
   (B) .ashe-site-nav         (hub.html)
   FIX 2026-07-26 (ENG-why-nav-logo-oversize): the .ashe-topbar/.ashe-drw-* markup
   had NO matching CSS, so the logo <img> rendered at its natural 460x540. These rules
   constrain it and style the bar/drawer. */

/* ── (A) top bar ───────────────────────────────────────────── */
.ashe-topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:.85rem;
  padding:.55rem 1.1rem;background:rgba(8,8,8,.94);border-bottom:1px solid rgba(242,76,157,.22);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:Poppins,system-ui,sans-serif}
.ashe-topbar .ashe-menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.35rem;
  line-height:1;cursor:pointer;padding:.2rem .35rem}
.ashe-topbar .ashe-brand{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;
  font-weight:800;flex:0 0 auto}
/* THE FIX: the mark is 460x540 intrinsically — pin it to bar height */
.ashe-topbar .ashe-brand img{height:34px;width:auto;display:block}
.ashe-topbar .ashe-brand-text{font-size:.95rem;white-space:nowrap;letter-spacing:.2px}
.ashe-topbar .ashe-brand-text em{color:#f24c9d;font-style:normal}
.ashe-topbar .ashe-topnav{margin-left:auto;display:flex;align-items:center;gap:1.1rem;
  font-size:.82rem;font-weight:600}
.ashe-topbar .ashe-topnav a{color:rgba(255,255,255,.8);text-decoration:none;white-space:nowrap;
  transition:color .18s}
.ashe-topbar .ashe-topnav a:hover,.ashe-topbar .ashe-topnav a[aria-current="page"]{color:#f9a6d2}
.ashe-topbar .ashe-topnav .btn-lake{border:1px solid #f24c9d;border-radius:999px;padding:.42rem .9rem;
  color:#f9a6d2}
.ashe-topbar .ashe-topnav .btn-lake:hover{background:rgba(242,76,157,.12)}

/* ── slide-in drawer + overlay ─────────────────────────────── */
#ashe-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;
  transition:opacity .28s;z-index:1150}
#ashe-nav-overlay.open{opacity:1;pointer-events:auto}
#ashe-nav-drawer{position:fixed;top:0;left:0;height:100%;width:280px;max-width:82vw;
  background:#0c0614;border-right:1px solid rgba(242,76,157,.25);transform:translateX(-100%);
  transition:transform .28s ease;z-index:1200;display:flex;flex-direction:column;
  padding:1rem 1rem 1.4rem;overflow-y:auto;font-family:Poppins,system-ui,sans-serif}
#ashe-nav-drawer.open{transform:none}
#ashe-nav-drawer .ashe-drw-head{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:#fff;font-weight:800}
#ashe-nav-drawer .ashe-drw-head img{height:30px;width:auto;display:block}
#ashe-nav-drawer .ashe-drw-head button{margin-left:auto;background:none;border:0;color:rgba(255,255,255,.7);
  font-size:1.05rem;cursor:pointer;line-height:1}
#ashe-nav-drawer .ashe-drw-link{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.85);
  text-decoration:none;padding:.62rem .4rem;border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.9rem;font-weight:600;transition:color .18s,background .18s}
#ashe-nav-drawer .ashe-drw-link:hover,#ashe-nav-drawer .ashe-drw-link[aria-current="page"]{color:#f9a6d2;background:rgba(242,76,157,.07)}
#ashe-nav-drawer .ashe-drw-sep{height:1px;background:rgba(255,255,255,.1);margin:.5rem 0}
#ashe-nav-drawer .ashe-drw-foot{margin-top:auto;color:rgba(255,255,255,.4);font-size:.72rem;padding-top:1rem}

/* ── (B) .ashe-site-nav (hub.html) — preserved ─────────────── */
.ashe-site-nav{position:sticky;top:0;z-index:1000;min-height:64px;display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:rgba(8,8,8,.94);border-bottom:1px solid rgba(242,76,157,.22);backdrop-filter:blur(12px);font-family:Poppins,sans-serif}
.ashe-site-nav .ashe-nav-brand{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;color:#fff;text-decoration:none;font-size:.95rem;font-weight:800;white-space:nowrap}
.ashe-site-nav .ashe-nav-brand img{width:auto;height:30px;display:block}
.ashe-site-nav .ashe-nav-brand span{color:#f24c9d}
.ashe-site-nav .ashe-nav-links{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.8rem;font-weight:600}
.ashe-site-nav .ashe-nav-links a{color:rgba(255,255,255,.78);text-decoration:none;white-space:nowrap;transition:color .18s,border-color .18s,background .18s}
.ashe-site-nav .ashe-nav-links a:hover,.ashe-site-nav .ashe-nav-links a[aria-current="page"]{color:#f9a6d2}
.ashe-site-nav .ashe-nav-book{border:1px solid #f24c9d;border-radius:999px;padding:.45rem .9rem;color:#f9a6d2!important}
.ashe-site-nav .ashe-nav-book:hover{background:rgba(242,76,157,.12)}

/* ── responsive: phones get the hamburger + drawer ────────── */
@media(max-width:760px){
  .ashe-topbar .ashe-menu-btn{display:block}
  .ashe-topbar .ashe-topnav{display:none}
  .ashe-site-nav{align-items:flex-start;flex-direction:column;gap:.55rem;padding:.65rem .85rem}
  .ashe-site-nav .ashe-nav-links{width:100%;margin-left:0;justify-content:flex-start;gap:.9rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}
  .ashe-site-nav .ashe-nav-links::-webkit-scrollbar{display:none}
}