/* PFully Loaded · menu page
 * The menu shell used to live inside #menu-dialog; here it sits on the page. */
/* A utility page: shorter top than the contact page so the first dishes sit inside
   the first screen (the walkthrough captures 1440x1000 and 390x844). */
.menu-main { padding: clamp(112px, 12vh, 150px) var(--pad) clamp(70px, 9vh, 120px); max-width: 1500px; margin: 0 auto; }
.menu-lede h1 { font-family: var(--heading); font-size: min(clamp(3.6rem, 8vw, 7rem), 22vw); line-height: .9; margin: 0 0 16px; text-transform: none; }
.menu-lede h1 em { color: #f2bd92; font-style: italic; }
.menu-standfirst { color: var(--muted); font-size: clamp(1.0625rem, 1.5vw, 1.25rem); line-height: 1.55; max-width: 46ch; margin: 0; }
.menu-shell--page { background: var(--paper); color: var(--ink); color-scheme: light; padding: clamp(18px, 3vw, 36px) clamp(22px, 4vw, 65px) clamp(30px, 4vw, 48px); margin-top: clamp(28px, 4vh, 44px); }
/* The standfirst above already introduces the page; the dialog's per-menu blurb is kept in the
   DOM for the renderer but not shown here. */
.menu-shell--page .menu-meta { display: none; }
.menu-shell--page .menu-tabs { padding-right: 0; top: var(--header-h, 116px); }
.menu-shell--page .menu-source { justify-content: flex-start; }
.menu-shell--page .menu-source p { margin: 0; }
.site-header nav a[aria-current="page"] { border-bottom-color: currentColor; }
@media (max-width: 740px) {
  .menu-main { padding-top: 108px; }
  /* The rem floor is capped in vw: at 200% text scaling 4.2rem is 134px and
     "hungry." became a 360px word that blew the layout viewport out at 305/360. */
  .menu-lede h1 { font-size: min(clamp(3.4rem, 15vw, 5rem), 22vw); }
  .menu-standfirst { font-size: 1rem; }
  .menu-shell--page { margin-inline: calc(var(--pad) * -1); padding: 24px 22px 40px; }
  .menu-shell--page .menu-tabs { padding-right: 0; }
}
/* Group headings are rem-sized with a !important floor upstream; at 200% text on a
   305px phone "Sandwiches" at 70px was wider than the screen and blew the layout
   viewport out. Cap the rem in vw so the word always fits the line. */
.menu-shell--page .menu-group > h3 { font-size: min(2.4rem, 12vw) !important; }
@media (max-width: 740px) { .menu-shell--page .menu-group > h3 { font-size: min(2.2rem, 12vw) !important; } }