#restaurant { background: linear-gradient(to bottom, transparent, rgba(42,26,14,.45), transparent); }
.resto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; }
.menu-items { display: flex; flex-direction: column; gap: 0; }
.menu-item { display: flex; justify-content: space-between; align-items: baseline; padding: 1.1rem 0; border-bottom: 1px solid rgba(200,144,42,.1); gap: 1rem; }
.menu-name { font-family: 'Playfair Display', serif; font-size: 1rem; color: var(--parchment); margin-bottom: .25rem; }
.menu-desc { font-size: .72rem; color: rgba(232,213,176,.45); letter-spacing: 1px; font-weight: 300; }
.menu-price { font-family: 'Rye', serif; font-size: 1.05rem; color: var(--gold); white-space: nowrap; }
.service-badge {
  margin-top: 3rem; padding: 2rem;
  border: 1px solid rgba(200,144,42,.2); background: rgba(200,144,42,.03);
}
.service-badge .slabel { letter-spacing: 4px; text-transform: uppercase; font-size: .62rem; color: var(--gold); margin-bottom: .8rem; font-weight: 300; display: block; }
.service-badge .stime { font-family: 'Rye', serif; font-size: 2rem; color: var(--parchment); display: block; }
.service-badge .sdays { font-size: .78rem; color: rgba(200,144,42,.55); letter-spacing: 2px; margin-top: .4rem; display: block; font-weight: 300; }

@media (max-width: 900px) {
  .resto-grid { grid-template-columns: 1fr; gap: 3rem; }
}