main.dining-page {
  background: var(--color-page);
}

.dining-page .dining-hero,
.dining-page .dining-philosophy,
.dining-page .dining-gesture,
.dining-page .dining-paths,
.dining-page .dining-cellar,
.dining-page .dining-hosting,
.dining-page .dining-preparation,
.dining-page .dining-spirit,
.dining-page .dining-final {
  min-width: 0;
}

.dining-page .dining-hero {
  padding-block: var(--space-24) var(--space-32);
}

.dining-page .dining-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5.5fr) minmax(0, 6.5fr);
  align-items: center;
  gap: var(--space-8);
}

.dining-page .dining-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.dining-page .dining-hero__copy > * { min-width: 0; }
.dining-page .dining-hero__copy h1 { max-width: 29rem; margin: 0; font-size: clamp(4rem, 5.4vw, var(--text-72)); }
.dining-page .dining-hero__accent { max-width: 29rem; margin: 0; color: var(--color-antique-brass); font-family: var(--font-serif); font-size: var(--text-24); font-style: italic; line-height: 1.25; }
.dining-page .dining-hero__lead { max-width: 31rem; margin: 0; font-size: var(--text-18); }
.dining-page .dining-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.dining-page .dining-hero__actions > * { min-width: 0; }
.dining-page .dining-hero__media { width: 100%; min-width: 0; aspect-ratio: 16 / 9; }
.dining-page .dining-hero__media img { object-position: 72% center; }

.dining-page .dining-philosophy { padding-block: var(--space-24); background: var(--color-surface); }
.dining-page .dining-philosophy__intro { width: min(100%, 38rem); }
.dining-page .dining-philosophy__intro h2 { font-size: var(--text-40); }
.dining-page .dining-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: var(--space-12); border-block: 1px solid var(--color-border); }
.dining-page .dining-principle { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6); }
.dining-page .dining-principle + .dining-principle { border-inline-start: 1px solid var(--color-border); }
.dining-page .dining-principle__number { color: var(--color-antique-brass); font-size: var(--text-12); font-weight: 700; letter-spacing: .14em; }
.dining-page .dining-principle h3 { margin: 0; font-family: var(--font-sans); font-size: var(--text-18); letter-spacing: 0; }
.dining-page .dining-principle p { margin: 0; }
.dining-page .dining-philosophy__link { margin-top: var(--space-8); }

.dining-page .dining-gesture { padding-block: var(--space-24); background: var(--color-surface-structural); }
.dining-page .dining-gesture__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; gap: var(--space-8); }
.dining-page .dining-gesture__media { width: 100%; min-width: 0; aspect-ratio: 4 / 3; }
.dining-page .dining-gesture__media img { object-position: 70% 62%; }
.dining-page .dining-gesture__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.dining-page .dining-gesture__copy > * { min-width: 0; }
.dining-page .dining-gesture__copy h2 { width: min(100%, 31rem); margin: 0; font-size: var(--text-40); }
.dining-page .dining-gesture__lead { width: min(100%, 31rem); margin: 0; }
.dining-page .dining-reading { width: 100%; margin: 0; }
.dining-page .dining-reading__item { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); padding-block: var(--space-4); border-block-start: 1px solid var(--color-border); }
.dining-page .dining-reading__item h3 { margin: 0; font-size: var(--text-24); }
.dining-page .dining-reading__item p { margin: 0; }

.dining-page .dining-paths { padding-block: var(--space-24); }
.dining-page .dining-paths__intro { width: min(100%, 35rem); }
.dining-page .dining-paths__intro h2 { font-size: var(--text-40); }
.dining-page .dining-paths__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: var(--space-6); margin-top: var(--space-12); }
.dining-page .dining-path { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-8); border: 1px solid var(--color-border); }
.dining-page .dining-path--table { background: var(--color-surface); }
.dining-page .dining-path--bar { background: var(--color-surface-structural); }
.dining-page .dining-path__index { color: var(--color-antique-brass); font-family: var(--font-serif); font-size: var(--text-24); }
.dining-page .dining-path h3 { margin: 0; }
.dining-page .dining-path p { width: min(100%, 38rem); margin: 0; }

.dining-page .dining-cellar { padding-block: var(--space-24); background: var(--color-surface-private); }
.dining-page .dining-cellar__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--space-8); }
.dining-page .dining-cellar__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.dining-page .dining-cellar__copy > * { min-width: 0; }
.dining-page .dining-cellar__copy h2 { width: min(100%, 34rem); margin: 0; font-size: var(--text-40); }
.dining-page .dining-cellar__copy p { width: min(100%, 34rem); margin: 0; }
.dining-page .dining-cellar__media { width: 100%; min-width: 0; aspect-ratio: 3 / 2; }
.dining-page .dining-cellar__media img { object-position: center center; }
.dining-page .dining-cellar__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: var(--space-12); border-block: 1px solid var(--color-border); }
.dining-page .dining-cellar__fact { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-6); }
.dining-page .dining-cellar__fact + .dining-cellar__fact { border-inline-start: 1px solid var(--color-border); }
.dining-page .dining-cellar__fact span { color: var(--color-antique-brass); font-size: var(--text-12); font-weight: 700; letter-spacing: .14em; }
.dining-page .dining-cellar__fact h3 { margin: 0; font-family: var(--font-sans); font-size: var(--text-18); letter-spacing: 0; }
.dining-page .dining-cellar__fact p { margin: 0; }

.dining-page .dining-hosting { padding-block: var(--space-24); }
.dining-page .dining-hosting__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: var(--space-12); }
.dining-page .dining-hosting__intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.dining-page .dining-hosting__intro > * { min-width: 0; }
.dining-page .dining-hosting__intro h2 { width: min(100%, 30rem); margin: 0; font-size: var(--text-40); }
.dining-page .dining-hosting__intro p { width: min(100%, 30rem); margin: 0; }
.dining-page .dining-contexts { display: flex; min-width: 0; flex-direction: column; }
.dining-page .dining-context { display: grid; grid-template-columns: minmax(2.5rem, 1fr) minmax(0, 6fr); gap: var(--space-4); padding-block: var(--space-5, 1.5rem); border-block-start: 1px solid var(--color-border); }
.dining-page .dining-context:last-child { border-block-end: 1px solid var(--color-border); }
.dining-page .dining-context__index { color: var(--color-antique-brass); font-size: var(--text-12); font-weight: 700; letter-spacing: .14em; }
.dining-page .dining-context__body { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.dining-page .dining-context__body h3,
.dining-page .dining-context__body p { margin: 0; }
.dining-page .dining-context__body h3 { font-size: var(--text-24); }

.dining-page .dining-preparation { padding-block: var(--space-24); background: var(--color-surface-structural); }
.dining-page .dining-preparation__panel { width: min(100%, 64.5rem); margin-inline: auto; padding: var(--space-12); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-overlay); }
.dining-page .dining-preparation__header { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); width: min(100%, 42rem); }
.dining-page .dining-preparation__header > * { min-width: 0; }
.dining-page .dining-preparation__header h2,
.dining-page .dining-preparation__header p { margin: 0; }
.dining-page .dining-preparation__header h2 { font-size: var(--text-40); }
.dining-page .dining-preparation__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); margin-top: var(--space-8); padding-top: var(--space-8); border-top: 1px solid var(--color-border); }
.dining-page .dining-choice { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.dining-page .dining-choice h3,
.dining-page .dining-choice p { margin: 0; }
.dining-page .dining-choice h3 { font-size: var(--text-24); }

.dining-page .dining-spirit { padding-block: var(--space-24); background: var(--color-surface-private); }
.dining-page .dining-spirit__manifesto { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); width: min(100%, 38rem); margin-inline: auto; text-align: center; }
.dining-page .dining-spirit__manifesto > * { min-width: 0; }
.dining-page .dining-spirit__manifesto .eyebrow { align-self: center; }
.dining-page .dining-spirit__manifesto h2 { margin: 0; font-size: var(--text-40); }
.dining-page .dining-spirit__manifesto p { margin: 0; font-size: var(--text-18); }
.dining-page .dining-spirit__items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: var(--space-12); border-block: 1px solid var(--color-border); }
.dining-page .dining-spirit__item { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-6); }
.dining-page .dining-spirit__item + .dining-spirit__item { border-inline-start: 1px solid var(--color-border); }
.dining-page .dining-spirit__item span { color: var(--color-antique-brass); font-size: var(--text-12); font-weight: 700; letter-spacing: .14em; }
.dining-page .dining-spirit__item h3,
.dining-page .dining-spirit__item p { margin: 0; }
.dining-page .dining-spirit__item h3 { font-size: var(--text-18); }

.dining-page .dining-final { padding-block: var(--space-24) var(--space-32); }
.dining-page .dining-final__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(17.5rem, 5fr); align-items: center; gap: var(--space-12); padding: 3.5rem; border: 1px solid var(--color-border); outline: 1px solid rgba(244,239,230,.12); outline-offset: -7px; background: var(--color-surface); }
.dining-page .dining-final__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.dining-page .dining-final__copy > * { min-width: 0; }
.dining-page .dining-final__copy h2,
.dining-page .dining-final__copy p { margin: 0; }
.dining-page .dining-final__copy h2 { width: min(100%, 32rem); font-size: var(--text-40); }
.dining-page .dining-final__copy p { width: min(100%, 32rem); }
.dining-page .dining-final__accent { color: var(--color-antique-brass); font-family: var(--font-serif); font-size: var(--text-18); font-style: italic; }
.dining-page .dining-final__actions { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.dining-page .dining-final__actions > * { min-width: 0; }

@media (max-width: 1024px) {
  .dining-page .dining-hero { padding-block: var(--space-16) var(--space-24); }
  .dining-page .dining-hero__grid { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); gap: var(--space-6); }
  .dining-page .dining-hero__copy h1 { font-size: clamp(3.25rem, 6vw, 4rem); }
  .dining-page .dining-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dining-page .dining-principle:nth-child(3) { grid-column: 1 / span 1; border-inline-start: 0; border-top: 1px solid var(--color-border); }
  .dining-page .dining-gesture__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-6); }
  .dining-page .dining-cellar__top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
  .dining-page .dining-cellar__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dining-page .dining-cellar__fact:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--color-border); }
  .dining-page .dining-hosting__grid { gap: var(--space-8); }
  .dining-page .dining-spirit__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dining-page .dining-spirit__item:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--color-border); }
  .dining-page .dining-spirit__item:nth-child(4) { border-top: 1px solid var(--color-border); }
}

@media (max-width: 920px) {
  .dining-page .dining-cellar__top { grid-template-columns: minmax(0, 1fr); }
  .dining-page .dining-cellar__copy { width: 100%; }
  .dining-page .dining-cellar__media { max-width: 100%; }
}

@media (max-width: 860px) {
  .dining-page .dining-gesture__grid,
  .dining-page .dining-hosting__grid { grid-template-columns: minmax(0, 1fr); }
  .dining-page .dining-gesture__copy { grid-row: 1; }
  .dining-page .dining-gesture__media { grid-row: 2; max-width: 75%; }
  .dining-page .dining-hosting__intro h2,
  .dining-page .dining-hosting__intro p { width: min(100%, 38rem); }
}

@media (max-width: 820px) {
  .dining-page .dining-final__panel { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); padding: var(--space-8); }
}

@media (max-width: 780px) {
  .dining-page .dining-paths__grid,
  .dining-page .dining-preparation__choices { grid-template-columns: minmax(0, 1fr); }
  .dining-page .dining-preparation__panel { padding: var(--space-8); }
}

@media (max-width: 759px) {
  .dining-page .dining-hero { padding-block: var(--space-12); }
  .dining-page .dining-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .dining-page .dining-hero__copy h1 { max-width: 100%; font-size: clamp(2.7rem, 11vw, 2.6875rem); }
  .dining-page .dining-hero__accent,
  .dining-page .dining-hero__lead { max-width: 100%; }
  .dining-page .dining-hero__actions { width: 100%; flex-direction: column; align-items: stretch; }
  .dining-page .dining-hero__actions .button { width: 100%; }
  .dining-page .dining-hero__actions .link-rule { align-self: flex-start; min-height: 2.75rem; }
  .dining-page .dining-hero__media { aspect-ratio: 4 / 3; }
  .dining-page .dining-hero__media img { object-position: 66% center; }
  .dining-page .dining-philosophy,
  .dining-page .dining-gesture,
  .dining-page .dining-paths,
  .dining-page .dining-cellar,
  .dining-page .dining-hosting,
  .dining-page .dining-preparation,
  .dining-page .dining-spirit,
  .dining-page .dining-final { padding-block: var(--space-12); }
  .dining-page .dining-philosophy__intro,
  .dining-page .dining-paths__intro { width: 100%; }
  .dining-page .dining-philosophy__intro h2,
  .dining-page .dining-gesture__copy h2,
  .dining-page .dining-paths__intro h2,
  .dining-page .dining-cellar__copy h2,
  .dining-page .dining-hosting__intro h2,
  .dining-page .dining-preparation__header h2,
  .dining-page .dining-spirit__manifesto h2,
  .dining-page .dining-final__copy h2 { font-size: var(--text-32); }
  .dining-page .dining-principles,
  .dining-page .dining-cellar__facts,
  .dining-page .dining-spirit__items { grid-template-columns: minmax(0, 1fr); margin-top: var(--space-8); }
  .dining-page .dining-principle,
  .dining-page .dining-cellar__fact,
  .dining-page .dining-spirit__item { padding: var(--space-6) 0; }
  .dining-page .dining-principle + .dining-principle,
  .dining-page .dining-cellar__fact + .dining-cellar__fact,
  .dining-page .dining-spirit__item + .dining-spirit__item { border-inline-start: 0; border-top: 1px solid var(--color-border); }
  .dining-page .dining-principle:nth-child(3),
  .dining-page .dining-cellar__fact:nth-child(3),
  .dining-page .dining-spirit__item:nth-child(3),
  .dining-page .dining-spirit__item:nth-child(4) { border-inline-start: 0; }
  .dining-page .dining-gesture__media { max-width: 100%; aspect-ratio: 3 / 4; }
  .dining-page .dining-gesture__media img { object-position: 72% 60%; }
  .dining-page .dining-paths__grid { margin-top: var(--space-8); gap: var(--space-4); }
  .dining-page .dining-path { padding: var(--space-6); }
  .dining-page .dining-cellar__copy h2,
  .dining-page .dining-cellar__copy p,
  .dining-page .dining-hosting__intro h2,
  .dining-page .dining-hosting__intro p,
  .dining-page .dining-final__copy h2,
  .dining-page .dining-final__copy p { width: 100%; }
  .dining-page .dining-cellar__media { aspect-ratio: 4 / 3; }
  .dining-page .dining-context { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding-block: var(--space-6); }
  .dining-page .dining-preparation__panel { width: 100%; padding: var(--space-6); }
  .dining-page .dining-preparation__header { width: 100%; }
  .dining-page .dining-choice .button { width: 100%; }
  .dining-page .dining-choice .link-rule { min-height: 2.75rem; }
  .dining-page .dining-spirit__manifesto { width: 100%; margin-inline: 0; text-align: left; }
  .dining-page .dining-spirit__manifesto .eyebrow { align-self: flex-start; }
  .dining-page .dining-final { padding-block-end: var(--space-16); }
  .dining-page .dining-final__panel { padding: var(--space-6); outline-offset: -5px; }
  .dining-page .dining-final__actions { width: 100%; }
  .dining-page .dining-final__actions .button { width: 100%; }
  .dining-page .dining-final__actions .link-rule { min-height: 2.75rem; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }
