.menu-page{}

.menu-hero-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--space-5);
  align-items:center;
}
.menu-hero-text{grid-column:span 5;max-width:65ch}
.menu-hero-image{grid-column:span 7}

.menu-philosophy-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-5);
  margin-top:var(--space-5);
}
.menu-philosophy-item{max-width:60ch;margin-inline:auto}

.menu-category-lead{max-width:70ch}

.menu-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-4);
}
.menu-card{display:flex;flex-direction:column;gap:var(--space-2)}

.menu-wine-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
}
.menu-wine-list{display:flex;flex-direction:column;gap:var(--space-2)}

.menu-experience-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
  margin-top:var(--space-5);
}
.menu-experience-grid > *{max-width:60ch;margin-inline:auto}

.menu-cta-inner{max-width:50ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
  .menu-hero-grid{grid-template-columns:1fr}
  .menu-hero-text,.menu-hero-image{grid-column:auto}

  .menu-philosophy-grid{grid-template-columns:1fr}
  .menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menu-wine-grid{grid-template-columns:1fr}
  .menu-experience-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .menu-cards{grid-template-columns:1fr}
}