/* FLOATING NAV */
/* A floating pill rather than a full-width bar: it reads lighter over the hero
   band and keeps the page edge visible on both sides. */
.nav .book{margin-left:.2rem}
.nav__l{margin-right:auto}
@media(max-width:900px){
  .nav{padding:.5rem .5rem .5rem 1.1rem;width:calc(100% - 1.5rem);
    top:.6rem;margin-top:.6rem;border-radius:12px;gap:.5rem}
  /* the one CTA stays visible on phones; the burger sits beside it */
  /* wordmark, then the CTA, then the burger, as on the reference */
  .nav .book{display:inline-flex;order:2;margin-left:auto;padding:.62rem 1rem;font-size:.56rem}
  .nav .burger{order:3;margin-left:.55rem}
}