/* eatusa.app masthead: Pixel header-small ("Where America Eats!"), for 24–40 px.
   CSS heights 2.25rem / 3rem / 3.25rem (36 / 48 / 52 px). Light and dark SVGs share one
   viewBox so theme switches do not move the header. eatmdn.app keeps its own tagline
   header art in eat-shared/www. These rules beat app.css's taller .brand-logo heights. */
.brand>.brand-logo{height:2.25rem;width:auto;max-width:100%;object-fit:contain;object-position:left center}
@media (min-width:48em){.brand>.brand-logo{height:3rem}}
@media (min-width:64em){.brand>.brand-logo{height:3.25rem}}
/* Sign in / Account width lock (unchanged from eatmdn). */
.head-link{flex-direction:column;justify-content:center;align-items:flex-end}
.head-link::before,.head-link::after{height:0;overflow:hidden;visibility:hidden;font-weight:700;white-space:nowrap}
.head-link::before{content:"Sign in";content:"Sign in" / ""}
.head-link::after{content:"Account";content:"Account" / ""}