/* Menu pill + drawer, shared by every page */
.menu-pill {
  position: fixed; top: calc(.85rem + env(safe-area-inset-top, 0px)); left: calc(.85rem + env(safe-area-inset-left, 0px)); z-index: 99999;
  display: inline-flex; align-items: center; gap: .45rem; cursor: pointer;
  font-family: "Josefin Sans", system-ui, sans-serif; font-size: .62rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  border-radius: 22px; padding: .55rem .95rem; border: 1px solid rgba(244,236,218,.18);
  background: rgba(20,22,26,.6); color: #f4ecda; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
.menu-pill:hover { background: rgba(20,22,26,.8); }
.menu-pill svg { width: 13px; height: 13px; }
.menu-scrim { position: fixed; inset: 0; z-index: 100001; background: rgba(43,40,34,.45); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.menu-scrim.open { opacity: 1; pointer-events: auto; }
.menu-drawer {
  position: fixed; top: 0; left: 0; bottom: 0; z-index: 100002; width: min(19rem, 86vw);
  background: #fffaf0; border-right: 1px solid #b08d3f; box-shadow: 10px 0 40px rgba(0,0,0,.2);
  padding: calc(1.2rem + env(safe-area-inset-top, 0px)) 1.2rem 1.5rem; transform: translateX(-104%); transition: transform .3s cubic-bezier(.3,.9,.4,1);
  display: flex; flex-direction: column; overflow-y: auto;
}
.menu-drawer.open { transform: none; }
.menu-head { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.4rem; }
.menu-head svg { width: 38px; height: 38px; }
.menu-head b { font-family: "Bricolage Grotesque", system-ui, sans-serif; font-weight: 800; font-size: 1.3rem; letter-spacing: -.02em; color: #2b2822; }
.menu-close { margin-left: auto; border: 0; background: none; font-size: 1.7rem; line-height: 1; color: #6a6052; cursor: pointer; padding: .2rem .3rem; }
.menu-drawer nav a {
  display: block; text-decoration: none; color: #2b2822; padding: .85rem .9rem; border-radius: 12px; margin-bottom: .25rem;
  font-family: "Bricolage Grotesque", system-ui, sans-serif; font-weight: 700; font-size: 1.15rem; letter-spacing: -.01em;
}
.menu-drawer nav a small { display: block; font-family: "Lora", Georgia, serif; font-weight: 400; font-size: .86rem; color: #6a6052; letter-spacing: 0; }
.menu-drawer nav a:hover { background: #f4ecda; }
.menu-drawer nav a[aria-current="page"] { background: #f4cf3a; }
.menu-drawer nav a[aria-current="page"] small { color: #2b2822; }
.menu-join {
  margin-top: 1rem; display: flex; justify-content: center; text-decoration: none;
  font-family: "Josefin Sans", system-ui, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  background: #6b3fa0; color: #fff; border-radius: 24px; padding: .85rem 1rem;
}
.menu-foot { margin-top: auto; padding-top: 1.5rem; font-family: "Josefin Sans", system-ui, sans-serif; font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #6a6052; text-align: center; }
@media (prefers-reduced-motion: reduce) { .menu-drawer, .menu-scrim { transition: none; } }