.menu-page #primary-nav [aria-current="page"] {
  color: var(--gold);
}
.menu-hero {
  min-height: clamp(350px, 35vw, 510px);
  align-items: center;
}
.menu-hero .hero-inner {
  padding-block: 54px 64px;
}
.menu-hero .hero-photo {
  object-position: center 53%;
}
.menu-rail {
  border-block: 1px solid #584633;
  background: #211b13;
}
.menu-jumps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-block: 14px;
}
.menu-jumps a {
  padding: 8px 13px;
  border: 1px solid #725a3c;
  border-radius: 4px;
  font-size: .84rem;
  font-weight: 800;
}
.menu-jumps a:hover {
  background: #3d2c1b;
  color: var(--gold);
}
.menu-body {
  max-width: 1150px;
  padding-block: clamp(28px, 5vw, 66px);
}
.menu-legend {
  margin-bottom: 18px;
  color: var(--cream);
  font-size: .86rem;
  font-weight: 700;
}
.favorite {
  color: var(--gold);
}
.menu-category {
  scroll-margin-top: 20px;
  padding: clamp(18px, 3.5vw, 39px);
  margin-bottom: 19px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: linear-gradient(136deg, #292119, #1a1814 45%);
}
.category-heading {
  display: flex;
  align-items: baseline;
  gap: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #705637;
}
.category-heading span {
  color: var(--gold);
  font: 800 .82rem/1 var(--body);
  letter-spacing: .1em;
}
.category-heading h2 {
  margin: 0;
  font-size: clamp(33px, 5.6vw, 65px);
  line-height: .98;
}
.category-note {
  margin-top: 13px;
  font-size: .94rem;
}
.menu-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(21px, 4vw, 50px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-item {
  padding-block: 14px;
  border-bottom: 1px solid var(--line);
}
.item-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 3px 12px;
}
.item-line h3 {
  font: 800 1.05rem/1.3 var(--body);
  text-transform: none;
}
.item-price {
  color: var(--gold);
  font-size: .95rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.item-detail, .item-extra {
  margin-top: 5px;
  font-size: .91rem;
}
.item-extra {
  color: #e6c89d;
}
.menu-notice {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 13px;
  margin-top: 24px;
  font-size: .85rem;
}
.menu-notice p {
  max-width: 680px;
}
@media (max-width: 700px) {
  .menu-items {
    grid-template-columns: 1fr;
  }
  .menu-hero::after {
    background: linear-gradient(90deg, #100e0be8, #100e0b50), linear-gradient(0deg, #100e0bd0, transparent 55%);
  }
}