/* main-menu.css - the title screen */
.menu-layout { display: grid; grid-template-columns: 1.25fr 1fr; gap: 32px; align-items: center; min-height: calc(100vh - 64px); }
.menu-title { text-align: center; }
.menu-title .kicker { font-style: italic; color: var(--limewash-dim); margin-bottom: .2em; }
.menu-title .subtitle { font-family: var(--serif-sc); color: var(--limewash); font-size: 1.5rem; margin: 0 0 12px; letter-spacing: .2em; }
.hero-art { width: 100%; max-width: 560px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 10px 18px rgba(0,0,0,.45)); }

.menu-items { display: flex; flex-direction: column; gap: 10px; }
.menu-item { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 12px 18px; }
.menu-item .menu-label { font-size: 1.35rem; }
.menu-item small { font-family: var(--serif); font-size: .9rem; color: var(--limewash-dim); }
.menu-item.btn-primary small { color: #f3d9c0; }
.first-time { font-style: italic; color: var(--gold-hi); margin: 0 0 4px; }

.menu-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; border-top: 1px solid var(--stone-3); padding-top: 12px; }
.menu-footer .who { display: flex; align-items: center; gap: 10px; }

@media (max-width: 800px) {
  .menu-layout { grid-template-columns: 1fr; min-height: 0; gap: 18px; }
  .hero-art { max-width: 360px; }
}