/* ===== Persistent menu: the hero's menu fades with the intro and is hidden on phones, so this button keeps every
   section reachable. Shown on phones at all times and on larger screens once the hero has been scrolled past. ===== */
.mnav-btn{position:fixed;top:16px;left:20px;z-index:165;display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 16px 0 14px;border:0;border-radius:999px;
  background:var(--rf-brown);color:var(--rf-cream);font:600 13.5px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.mnav-btn.on{opacity:1;transform:none;pointer-events:auto}
.mnav-btn:focus-visible{outline:3px solid var(--rf-olive);outline-offset:3px}
.mnav-btn i{display:grid;gap:4px;width:16px}
.mnav-btn i::before,.mnav-btn i::after{content:"";height:2px;background:currentColor;border-radius:2px}
.mnav{position:fixed;inset:0;z-index:175;background:var(--card);color:var(--text);display:flex;flex-direction:column;padding:22px clamp(20px,5vw,64px) 32px;overflow:auto}
.mnav[hidden]{display:none}
.mnav-top{display:flex;justify-content:space-between;align-items:center}
.mnav-top b{font-size:18px;letter-spacing:-.02em}
.mnav-close{border:1px solid rgba(0,0,0,.24);background:var(--card);color:var(--text);border-radius:999px;height:42px;padding:0 18px;font:600 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.mnav-close:focus-visible,.mnav a:focus-visible,.mnav-chat:focus-visible{outline:3px solid var(--rf-brown);outline-offset:3px}
.mnav ul{list-style:none;margin:auto 0;padding:24px 0;display:grid;gap:2px}
.mnav li a{display:block;color:var(--text);text-decoration:none;font-size:clamp(30px,6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.15;padding:4px 0}
.mnav li a:hover{color:var(--rf-olive-deep)}
.mnav-foot{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-size:14px;color:var(--mute)}
.mnav-foot a{color:var(--text)}
.mnav-chat{border:0;border-radius:999px;background:var(--rf-olive-deep);color:var(--rf-cream);padding:13px 20px;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
html.mnav-open,html.mnav-open body{overflow:hidden}
@media (max-width:760px){ .mnav-btn{left:auto;right:14px;top:14px;height:40px} }
@media (prefers-reduced-motion:reduce){ .mnav-btn{transition:none} }
html:has(.pk-detail.open) .mnav-btn{opacity:0;pointer-events:none}