/* /headshots/ sticky Book bar (2026-10-23): two services only — headshots for individuals and teams, and headshots at events.
   Desktop: the top-bar Book row stays docked for the whole page, hiding only while the booking sections are on screen.
   Phones: a bottom bar with the same two choices after the hero. No prices on Book buttons. */
.hb-m{display:none}
@media (max-width:860px){
  .hb-m{position:fixed;left:0;right:0;bottom:0;z-index:49;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:transparent;pointer-events:none;transform:translateY(130%);transition:transform .45s var(--ease)}
  .hb-m.on{transform:none}
  .nav .nav-book{display:none}   /* phones: Book lives in the bottom pills only */
  .nav .burger{margin-left:auto}
  .hero .cover-in{padding-bottom:calc(16px + 76px + env(safe-area-inset-bottom,0px))}   /* hero lines clear the bottom pills */
  .intro-on .hb-m,body.menu-open .hb-m{transform:translateY(130%)}
  /* same pill as the top-bar BOOK (.nav-book): glass, running edge light, white circle with the arrow; events in blue */
  .hb-m .nav-book{pointer-events:auto;margin:0;width:100%;height:52px;padding:0 6px 0 14px;gap:8px;justify-content:space-between}
  .hb-m .nav-book::after{right:6px;top:9px;width:34px;height:34px}
  .hb-m .nb-i{width:34px;height:34px}
  .hb-t{display:flex;flex-direction:column;gap:5px;min-width:0}
  .hb-t small{font:400 9.5px/1 var(--f-mono);letter-spacing:.03em;text-transform:uppercase;color:rgba(255,255,255,.66);white-space:nowrap}
  .hb-m .hb-e{background:rgba(79,147,255,.10)}
  .hb-m .hb-e::before{background:conic-gradient(from var(--nbA),rgba(79,147,255,.28) 0deg,rgba(79,147,255,.28) 250deg,#8fb9ff 300deg,rgba(79,147,255,.28) 340deg)}
  .hb-m .hb-e::after{background:#4f93ff}
  .hb-m .hb-e .nb-i{color:#061436}
}
@media (prefers-reduced-motion:reduce){.hb-m{transition:none}}