/* Mobile drawer + hamburger. Pages add a .hamburger button to nav-inner
   and include /mobile-nav.js which injects the drawer DOM. */

.hamburger{
  display:none;
  background:transparent;
  border:1px solid var(--line);border-radius:8px;
  color:var(--ink-2);cursor:pointer;
  width:38px;height:38px;flex-shrink:0;
  align-items:center;justify-content:center;
  transition:color .2s, border-color .2s, background .2s;
}
.hamburger:hover{color:var(--ink);border-color:var(--line-2);background:rgba(255,255,255,0.04);}
.hamburger svg{width:18px;height:14px;}

@media(max-width:760px){
  .hamburger{display:inline-flex;}
  /* Hide nav-links + the desktop Launch button on mobile (they live in the drawer) */
  .nav-links{display:none !important;}
  .nav-inner > a.btn,
  .nav-actions > a.btn:not(.hamburger){display:none;}
}

/* Drawer */
.reev-drawer{
  position:fixed;inset:0;z-index:200;
  pointer-events:none;
}
.reev-drawer-scrim{
  position:absolute;inset:0;
  background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  opacity:0;transition:opacity .28s ease;
}
.reev-drawer-panel{
  position:absolute;top:0;right:0;bottom:0;
  width:min(320px,82vw);
  background:#0d0d0c;
  border-left:1px solid var(--line, rgba(255,255,255,0.08));
  padding:80px 26px 30px;
  display:flex;flex-direction:column;
  transform:translateX(105%);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
  box-shadow:-24px 0 70px rgba(0,0,0,0.55);
}
.reev-drawer.open{pointer-events:auto;}
.reev-drawer.open .reev-drawer-scrim{opacity:1;}
.reev-drawer.open .reev-drawer-panel{transform:translateX(0);}

.reev-drawer-close{
  position:absolute;top:20px;right:20px;
  background:transparent;border:1px solid var(--line, rgba(255,255,255,0.08));
  border-radius:50%;
  width:36px;height:36px;
  color:var(--ink-2, #a8a8a3);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:color .2s, border-color .2s, background .2s;
}
.reev-drawer-close:hover{color:var(--ink, #f4f4f2);border-color:var(--line-2, rgba(255,255,255,0.14));background:rgba(255,255,255,0.04);}
.reev-drawer-close svg{width:13px;height:13px;}

.reev-drawer-brand{
  display:flex;align-items:center;gap:10px;margin-bottom:32px;
  text-decoration:none;color:var(--ink, #f4f4f2);
  font-size:18px;font-weight:600;letter-spacing:-0.025em;
}
.reev-drawer-brand img{width:28px;height:28px;border-radius:7px;display:block;}

.reev-drawer-nav{display:flex;flex-direction:column;gap:0;}
.reev-drawer-nav a{
  font-size:17px;color:var(--ink-2, #a8a8a3);text-decoration:none;
  padding:16px 0;border-bottom:1px solid var(--line, rgba(255,255,255,0.08));
  transition:color .2s, padding-left .2s;
  display:flex;align-items:center;justify-content:space-between;
}
.reev-drawer-nav a:hover{color:var(--ink, #f4f4f2);padding-left:6px;}
.reev-drawer-nav a .arrow{
  font-family:'Geist Mono',ui-monospace,monospace;font-size:14px;color:var(--ink-3, #6b6b67);
  opacity:0;transition:opacity .2s, transform .2s;
}
.reev-drawer-nav a:hover .arrow{opacity:1;transform:translateX(2px);}

.reev-drawer-launch{
  margin-top:auto;padding-top:24px;
  font-family:'Geist',-apple-system,sans-serif;font-size:15px;font-weight:600;
  letter-spacing:-0.01em;text-align:center;
  padding:14px 24px;border-radius:12px;
  background:var(--ink, #f4f4f2);color:var(--bg, #0a0a09);
  text-decoration:none;
  transition:transform .22s, box-shadow .22s;
}
.reev-drawer-launch:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,0.5);}