/* Keep the brand wordmark on one line. Never shrink the mark. */
.nav .logo{
  white-space:nowrap;
  flex-shrink:0;
}
.nav .logo img{
  flex-shrink:0;
}
.nav a.ph{
  flex-shrink:0;
}

/*
  The header .wrap is max-width:1100px at every viewport from the 1180px
  desktop breakpoint up, so 1180, 1280 and 1366 share the same nav width.
  Slightly tighter link type and padding keep the extra "Vets & Groomers"
  item, the phone pill, and the one-line brand on a single row — including
  on /our-team/, which has one more link than the other pages.
*/
@media (min-width: 1180px){
  .nav .links{gap:2px}
  .nav .links a{
    padding-left:5px;
    padding-right:5px;
    font-size:.74rem;
  }
}