/* A Table on Main · menu page. The menu shell used to sit in #menu-dialog. */
.menu-page { padding: calc(var(--head) + clamp(44px, 7vh, 90px)) var(--pad) clamp(70px, 9vh, 120px); max-width: 1180px; margin: 0 auto; }
.menu-page .menu-shell { padding: 0; }
.menu-page .menu-top { position: static; display: block; padding: 0; margin-bottom: 34px; }
.menu-page .menu-top .eyebrow { color: var(--clay); margin-bottom: 18px; } /* bronze on paper is 3.8:1 at this size */
.menu-page h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(52px, 6.4vw, 92px); line-height: 1.02; letter-spacing: -.05em; }
.menu-page h1 em { color: var(--bronze); }
.menu-page .menu-standfirst { font-size: 19px; line-height: 1.6; max-width: 52ch; margin-top: 22px; color: #4d5049; }
.menu-page .menu-tabs { position: sticky; top: var(--head); z-index: 3; background: var(--paper); }
.menu-page .menu-bottom { display: block; margin-top: 30px; }
.header nav a[aria-current="page"] { border-color: var(--clay); }
@media (max-width: 740px) {
  .menu-page { padding-top: calc(var(--head) + 30px); padding-bottom: 120px; }
  .menu-page .menu-top .eyebrow { max-width: none; }
  .menu-page h1 { font-size: clamp(46px, 14vw, 60px); }
  .menu-page .menu-standfirst { font-size: 17px; }
  .menu-page .menu-tabs { top: var(--head); }
  .mobile-dock > a.dock-menu { background: var(--clay); color: #fff; }
}