main {
  background-color: var(--color-bg);
}

.section-heading {
  max-width: 40rem;
}

.section-heading p {
  margin-top: var(--space-2);
}

.menu-page__layout {
  align-items: flex-start;
}

.menu-signature-grid {
  display: grid;
  gap: var(--space-4);
}

.menu-signature-grid__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.menu-signature-grid__image {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.menu-signature-grid__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 960px) {
  .menu-signature-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: stretch;
  }
}

.menu-dessert-figure {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
  margin-bottom: var(--space-4);
}

.menu-crosslinks {
  margin-top: var(--space-2);
}

.menu-crosslinks__item {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  padding: var(--space-5);
  background: #f9f4ea;
  box-shadow: var(--shadow-soft);
}

.menu-crosslinks__title {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
}

.menu-crosslinks__item p {
  margin-bottom: var(--space-4);
}

.small-text {
  font-size: var(--font-size-sm);
  color: var(--gray-600);
}
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18323045437"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-18323045437');
</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>