.menu-page {
  background: var(--surface-page);
}

.menu-page .menu-hero {
  padding-block: var(--space-8) var(--space-10);
}

.menu-page .menu-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: var(--space-7);
}

.menu-page .menu-hero__content,
.menu-page .menu-hero__media,
.menu-page .menu-rhythm__intro,
.menu-page .menu-rhythm__principles,
.menu-page .menu-category__header,
.menu-page .menu-list,
.menu-page .menu-editorial__copy,
.menu-page .menu-editorial__media,
.menu-page .menu-desserts__header,
.menu-page .menu-desserts__content,
.menu-page .menu-pairing__header,
.menu-page .menu-pairing__profiles,
.menu-page .menu-seasonal__information,
.menu-page .menu-seasonal__action,
.menu-page .menu-reservation__content {
  min-width: 0;
}

.menu-page .menu-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.menu-page .menu-hero__content > * {
  margin: 0;
}

.menu-page .menu-hero__content .eyebrow {
  margin-bottom: 0;
}

.menu-page .menu-hero h1 {
  max-width: 11ch;
}

.menu-page .menu-hero__lead {
  max-width: 58ch;
  color: var(--text-primary);
  font-size: var(--text-lg);
  line-height: 1.4;
}

.menu-page .menu-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  width: 100%;
}

.menu-page .menu-hero__actions > * {
  min-width: 0;
}

.menu-page .menu-hero__media {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-panel);
}

.menu-page .menu-hero__media img {
  width: 100%;
  min-height: 41.25rem;
  object-fit: cover;
  object-position: 70% center;
  filter: brightness(0.78) saturate(0.9);
}

.menu-page .menu-rhythm__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-7);
  align-items: start;
}

.menu-page .menu-rhythm__intro {
  max-width: 64ch;
}

.menu-page .menu-rhythm__principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.menu-page .menu-principle {
  min-width: 0;
  padding: var(--space-4) 0;
}

.menu-page .menu-principle h3 {
  margin-bottom: var(--space-3);
}

.menu-page .menu-principle p {
  max-width: 40ch;
  margin-bottom: 0;
}

.menu-page .menu-principle--paired {
  padding-inline: var(--space-5);
  border-inline-start: var(--border-subtle);
  border-inline-end: var(--border-subtle);
}

.menu-page .menu-principle--shared {
  padding-left: var(--space-5);
  background: linear-gradient(90deg, rgb(23 99 74 / 0.2), transparent 80%);
}

.menu-page .menu-category__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}

.menu-page .menu-category__header {
  grid-column: 1;
  max-width: 52ch;
}

.menu-page .menu-category__header p:last-child {
  margin-bottom: 0;
}

.menu-page .menu-list {
  display: grid;
  gap: 0;
}

.menu-page .menu-list--starters {
  grid-column: 2;
}

.menu-page .menu-dish {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(11rem, 2fr);
  gap: var(--space-5);
  padding-block: var(--space-5);
  border-bottom: var(--border-subtle);
}

.menu-page .menu-dish:first-child {
  padding-top: 0;
}

.menu-page .menu-dish__copy,
.menu-page .menu-dish__pairing {
  min-width: 0;
}

.menu-page .menu-dish__copy h3 {
  margin-bottom: var(--space-2);
  font-family: var(--font-body);
  font-size: var(--text-lg);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}

.menu-page .menu-dish__copy p:last-child {
  max-width: 58ch;
  margin-bottom: 0;
}

.menu-page .menu-dish__season {
  margin: 0 0 var(--space-2);
  color: var(--text-accent);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.333;
  text-transform: uppercase;
}

.menu-page .menu-dish__pairing {
  align-self: center;
  margin: 0;
  color: var(--text-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: var(--leading-small);
}

.menu-page .menu-editorial__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr);
  gap: var(--space-6);
  align-items: center;
}

.menu-page .menu-editorial__copy {
  grid-column: 1;
  max-width: 50ch;
}

.menu-page .menu-editorial__note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: var(--border-subtle);
}

.menu-page .menu-editorial__note > * {
  margin: 0;
}

.menu-page .menu-editorial__note p {
  max-width: 48ch;
}

.menu-page .menu-text-link {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--text-primary);
  font-size: var(--text-sm);
  font-weight: 700;
}

.menu-page .menu-editorial__media {
  grid-column: 3;
  width: 100%;
  margin: var(--space-5) 0 0;
  overflow: hidden;
  border-radius: var(--radius-large);
}

.menu-page .menu-editorial__media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.83) saturate(0.9);
}

.menu-page .menu-mains__header {
  width: min(100%, 54ch);
  margin-left: calc((100% / 12) * 2);
  margin-bottom: var(--space-6);
}

.menu-page .menu-mains__header p:last-child {
  margin-bottom: 0;
}

.menu-page .menu-list--mains {
  width: calc((100% / 12) * 9);
  margin-left: calc((100% / 12) * 2);
}

.menu-page .menu-list--mains .menu-dish {
  grid-template-columns: minmax(0, 6fr) minmax(13rem, 3fr);
}

.menu-page .menu-desserts__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) minmax(0, 2fr);
  gap: var(--space-6);
  align-items: start;
}

.menu-page .menu-desserts__header {
  grid-column: 1;
  max-width: 50ch;
}

.menu-page .menu-desserts__header p:last-child {
  margin-bottom: 0;
}

.menu-page .menu-desserts__content {
  grid-column: 2;
}

.menu-page .menu-list--desserts .menu-dish {
  grid-template-columns: minmax(0, 4fr) minmax(10rem, 2fr);
}

.menu-page .menu-list--desserts .menu-dish__copy p:last-child {
  max-width: 50ch;
}

.menu-page .menu-desserts__note {
  max-width: 48ch;
  margin-top: var(--space-6);
  padding: var(--space-5);
  border-top: var(--border-subtle);
  background: rgb(23 99 74 / 0.2);
}

.menu-page .menu-desserts__note h3 {
  margin-bottom: var(--space-3);
}

.menu-page .menu-desserts__note p {
  margin-bottom: 0;
}

.menu-page .menu-pairing__panel {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
  padding: var(--space-7);
  border: var(--border-subtle);
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgb(23 99 74 / 0.25), var(--surface-panel) 42%);
  box-shadow: var(--shadow-panel);
}

.menu-page .menu-pairing__header {
  grid-column: span 5;
  max-width: 58ch;
}

.menu-page .menu-pairing__header p:last-child {
  margin-bottom: 0;
}

.menu-page .menu-pairing__profiles {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.menu-page .menu-profile {
  min-width: 0;
}

.menu-page .menu-profile + .menu-profile {
  padding-left: var(--space-5);
  border-inline-start: var(--border-subtle);
}

.menu-page .menu-profile h3 {
  margin-bottom: var(--space-3);
}

.menu-page .menu-profile p {
  max-width: 36ch;
  margin-bottom: 0;
}

.menu-page .menu-pairing__link {
  grid-column: 1 / -1;
  width: max-content;
  max-width: 100%;
}

.menu-page .menu-evening__visual {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-large);
}

.menu-page .menu-evening__visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(11 18 16 / 0.68), transparent 64%);
  content: "";
  pointer-events: none;
}

.menu-page .menu-evening__visual > img {
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.78) saturate(0.9);
}

.menu-page .menu-evening__overlay {
  position: absolute;
  z-index: 1;
  bottom: var(--space-7);
  left: var(--space-7);
  width: min(42%, 34ch);
}

.menu-page .menu-evening__overlay h2 {
  font-size: clamp(2.25rem, 4vw, 3.4rem);
  line-height: 1;
}

.menu-page .menu-evening__overlay p {
  max-width: 45ch;
  margin-bottom: 0;
  color: var(--text-primary);
}

.menu-page .menu-seasonal__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: var(--space-6);
  align-items: start;
}

.menu-page .menu-seasonal__information,
.menu-page .menu-seasonal__action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin: 0;
}

.menu-page .menu-seasonal__information > *,
.menu-page .menu-seasonal__action > * {
  margin: 0;
}

.menu-page .menu-seasonal__information p:last-child {
  max-width: 62ch;
}

.menu-page .menu-seasonal__action {
  padding-top: var(--space-6);
  border-top: var(--border-subtle);
}

.menu-page .menu-seasonal__action p {
  max-width: 50ch;
}

.menu-page .menu-reservation__panel {
  width: calc((100% / 12) * 8);
  margin-inline: auto;
  padding: var(--space-7);
  border: var(--border-subtle);
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgb(23 99 74 / 0.32), var(--surface-panel) 58%);
  box-shadow: var(--shadow-panel);
}

.menu-page .menu-reservation__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  width: min(100%, 54ch);
}

.menu-page .menu-reservation__content > * {
  margin: 0;
}

.menu-page .menu-reservation__content p:not(.eyebrow) {
  max-width: 54ch;
}

@media (max-width: 1199px) {
  .menu-page .menu-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-page .menu-hero__content { grid-column: span 4; }
  .menu-page .menu-hero__media { grid-column: span 4; }
  .menu-page .menu-hero__media img { min-height: 36.25rem; }

  .menu-page .menu-rhythm__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-page .menu-rhythm__intro { grid-column: span 8; max-width: 64ch; }
  .menu-page .menu-rhythm__principles { grid-column: span 8; }

  .menu-page .menu-category__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-page .menu-category__header { grid-column: span 8; }
  .menu-page .menu-list--starters { grid-column: span 8; }

  .menu-page .menu-editorial__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-page .menu-editorial__copy { grid-column: span 3; }
  .menu-page .menu-editorial__media { grid-column: span 5; }

  .menu-page .menu-mains__header,
  .menu-page .menu-list--mains {
    width: 100%;
    margin-left: 0;
  }

  .menu-page .menu-list--mains { max-width: none; }

  .menu-page .menu-desserts__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .menu-page .menu-desserts__header { grid-column: span 8; }
  .menu-page .menu-desserts__content { grid-column: span 7; }

  .menu-page .menu-pairing__panel { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .menu-page .menu-pairing__header { grid-column: span 5; }

  .menu-page .menu-seasonal__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .menu-page .menu-seasonal__information { grid-column: span 5; }
  .menu-page .menu-seasonal__action { grid-column: span 3; }

  .menu-page .menu-reservation__panel { width: 100%; }
}

@media (max-width: 1024px) {
  .menu-page .menu-dish,
  .menu-page .menu-list--mains .menu-dish,
  .menu-page .menu-list--desserts .menu-dish {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .menu-page .menu-dish__pairing { align-self: start; }

  .menu-page .menu-evening__visual::after { display: none; }
  .menu-page .menu-evening__visual > img { aspect-ratio: 16 / 9; }
  .menu-page .menu-evening__overlay {
    position: static;
    width: 100%;
    padding-top: var(--space-5);
  }

  .menu-page .menu-evening__overlay p { color: var(--text-secondary); }
}

@media (max-width: 900px) {
  .menu-page .menu-editorial__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .menu-page .menu-editorial__copy,
  .menu-page .menu-editorial__media {
    grid-column: 1;
  }

  .menu-page .menu-editorial__media { margin-top: 0; }
  .menu-page .menu-editorial__media img { aspect-ratio: 4 / 3; }

  .menu-page .menu-seasonal__grid { grid-template-columns: minmax(0, 1fr); }
  .menu-page .menu-seasonal__information,
  .menu-page .menu-seasonal__action { grid-column: 1; }

  .menu-page .menu-pairing__profiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .menu-page .menu-profile:nth-child(3) { grid-column: 1; }
}

@media (max-width: 767px) {
  .menu-page .menu-hero { padding-block: var(--space-8); }
  .menu-page .menu-hero__grid,
  .menu-page .menu-rhythm__grid,
  .menu-page .menu-category__grid,
  .menu-page .menu-desserts__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .menu-page .menu-hero__content,
  .menu-page .menu-hero__media,
  .menu-page .menu-rhythm__intro,
  .menu-page .menu-rhythm__principles,
  .menu-page .menu-category__header,
  .menu-page .menu-list--starters,
  .menu-page .menu-desserts__header,
  .menu-page .menu-desserts__content {
    grid-column: 1;
  }

  .menu-page .menu-hero h1 { max-width: 10ch; }
  .menu-page .menu-hero__lead { max-width: 34ch; }
  .menu-page .menu-hero__actions { flex-direction: column; }
  .menu-page .menu-hero__actions > * { width: 100%; }
  .menu-page .menu-hero__media img { min-height: 0; aspect-ratio: 4 / 3; }

  .menu-page .menu-rhythm__principles { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .menu-page .menu-principle { padding: 0; }
  .menu-page .menu-principle--paired { padding: var(--space-5) 0; border-inline: 0; border-block: var(--border-subtle); }
  .menu-page .menu-principle--shared { padding: var(--space-5); }

  .menu-page .menu-dish { padding-block: var(--space-5); }
  .menu-page .menu-dish__copy h3 { font-size: var(--text-lg); }

  .menu-page .menu-pairing__panel { grid-template-columns: minmax(0, 1fr); padding: var(--space-5); }
  .menu-page .menu-pairing__header,
  .menu-page .menu-pairing__profiles,
  .menu-page .menu-pairing__link { grid-column: 1; }
  .menu-page .menu-pairing__profiles { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .menu-page .menu-profile:nth-child(3) { grid-column: 1; }
  .menu-page .menu-profile + .menu-profile { padding: var(--space-5) 0 0; border-inline: 0; border-top: var(--border-subtle); }
  .menu-page .menu-pairing__link { width: 100%; }

  .menu-page .menu-evening__visual > img { aspect-ratio: 4 / 3; }
  .menu-page .menu-evening__overlay h2 { font-size: clamp(2.125rem, 10vw, 2.4rem); }

  .menu-page .menu-seasonal__information,
  .menu-page .menu-seasonal__action { padding: var(--space-5); }
  .menu-page .menu-seasonal__action .button { width: 100%; }

  .menu-page .menu-reservation__panel { padding: var(--space-5); }
  .menu-page .menu-reservation__content .button { width: 100%; }
}