ul { list-style: none !important; }

.chef-story-page {
  overflow: clip;
  background: var(--color-ink-950);
}

.chef-story-page section[id] {
  scroll-margin-top: 7rem;
}

.chef-story-page .button {
  min-width: 0;
}

.chef-story-hero {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 720px;
  isolation: isolate;
  color: var(--color-mist-300);
}

.chef-story-hero__media,
.chef-story-hero__shade {
  position: absolute;
  inset: 0;
}

.chef-story-hero__media {
  z-index: -2;
  overflow: hidden;
}

.chef-story-hero__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 42% 50%;
  transition: transform var(--transition-image);
}

@media (hover: hover) {
  .chef-story-hero:hover .chef-story-hero__media img {
    transform: scale(1.015);
  }
}

.chef-story-hero__shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(16, 12, 18, 0.88) 0%, rgba(16, 12, 18, 0.6) 42%, rgba(16, 12, 18, 0.18) 72%), linear-gradient(0deg, rgba(16, 12, 18, 0.9) 0%, transparent 54%);
}

.chef-story-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  min-width: 0;
  padding-top: 10rem;
  padding-bottom: 3.5rem;
  column-gap: var(--space-8);
}

.chef-story-hero__content {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 37.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.chef-story-hero__content > * {
  min-width: 0;
  margin: 0;
}

.chef-story-hero__content h1 {
  max-width: 40rem;
}

.chef-story-hero__lead {
  max-width: 31.25rem;
  font-size: var(--text-body-lg);
  line-height: var(--line-body);
}

.chef-story-hero__actions,
.chef-table__actions,
.chef-next__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: var(--space-4);
}

.chef-story-hero__actions > *,
.chef-table__actions > *,
.chef-next__actions > * {
  min-width: 0;
}

.chef-story-hero__rail {
  grid-column: 11 / span 2;
  align-self: end;
  min-width: 0;
  border-top: 1px solid var(--color-rose-200);
}

.chef-story-hero__rail > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  border-bottom: var(--border-light);
}

.chef-story-hero__rail span {
  color: var(--color-ivory-50);
  font-size: var(--text-eyebrow);
  font-weight: 700;
  line-height: var(--line-eyebrow);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.chef-story-hero__rail p {
  margin: 0;
  font-size: var(--text-caption);
  line-height: var(--line-caption);
}

.chef-principles__panel {
  width: min(100%, 66.666%);
  margin-inline: auto;
  padding: 4rem;
  border: var(--border-light);
  border-radius: var(--radius-lg);
  background-color: var(--color-plum-700);
  background-image: var(--surface-reflection);
}

.chef-principles__intro {
  width: min(100%, 38.75rem);
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

.chef-principles__intro > * {
  min-width: 0;
  margin: 0;
}

.chef-principles__list {
  display: grid;
  grid-template-columns: 4fr 3fr 3fr;
  min-width: 0;
  margin-top: var(--space-12);
  column-gap: var(--space-8);
}

.chef-principles__list > * {
  min-width: 0;
}

.chef-principles__item {
  min-width: 0;
  border-top: var(--border-light);
}

.chef-principles__item summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  min-height: 3rem;
  padding: var(--space-4) 0;
  gap: var(--space-3);
  cursor: pointer;
  color: var(--color-ivory-50);
  list-style: none;
}

.chef-principles__item summary::-webkit-details-marker {
  display: none;
}

.chef-principles__item summary span {
  color: var(--color-rose-200);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.chef-principles__item summary strong {
  color: inherit;
  font-family: var(--font-heading);
  font-size: var(--text-feature);
  font-weight: 600;
  line-height: var(--line-feature);
}

.chef-principles__item summary i {
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1px solid currentcolor;
  border-bottom: 1px solid currentcolor;
  transform: rotate(45deg);
}

.chef-principles__answer {
  min-width: 0;
}

.chef-principles__answer p {
  margin: 0;
}

.chef-plating__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  min-width: 0;
  column-gap: var(--space-8);
}

.chef-plating__copy {
  grid-column: 1 / span 4;
  min-width: 0;
  max-width: 28.75rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.chef-plating__copy > * {
  min-width: 0;
  margin: 0;
}

.chef-plating__figure {
  grid-column: 6 / span 7;
  min-width: 0;
  max-width: 36.25rem;
  margin: 0 0 0 auto;
}

.chef-plating__media {
  aspect-ratio: 2 / 3;
  max-height: 36.25rem;
}

.chef-plating__media img {
  object-position: 55% 48%;
}

.chef-plating__signal {
  width: min(100%, 20rem);
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: var(--border-light);
}

.chef-plating__signal > * {
  min-width: 0;
  margin: 0;
}

.chef-ingredients__intro {
  width: min(100%, 40.625rem);
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

.chef-ingredients__intro > * {
  min-width: 0;
  margin: 0;
}

.chef-ingredients__statements {
  display: grid;
  grid-template-columns: 3fr 3fr 2fr 4fr;
  align-items: start;
  min-width: 0;
  margin-top: var(--space-12);
  column-gap: var(--space-8);
}

.chef-ingredients__statement {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: var(--border-light);
}

.chef-ingredients__statement > * {
  min-width: 0;
  margin: 0;
}

.chef-ingredients__statement--one { grid-column: 1 / span 3; }
.chef-ingredients__statement--two { grid-column: 5 / span 3; margin-top: var(--space-8); border-left: 1px solid var(--color-line-accent); padding-left: var(--space-4); }
.chef-ingredients__statement--three { grid-column: 9 / span 2; }

.chef-ingredients__statement > span {
  color: var(--color-rose-400);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.chef-ingredients__statement h3 {
  font-size: var(--text-feature);
  line-height: var(--line-feature);
}

.chef-ingredients__figure {
  width: min(100%, 66.666%);
  min-width: 0;
  margin: var(--space-12) 0 0;
}

.chef-ingredients__media {
  aspect-ratio: 3 / 2;
}

.chef-ingredients__media img {
  object-position: 50% 50%;
}

.chef-service {
  padding-block: var(--section-space);
}

.chef-service__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  min-width: 0;
  column-gap: var(--space-8);
}

.chef-service__intro {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 32.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.chef-service__intro > * {
  min-width: 0;
  margin: 0;
}

.chef-service__timeline {
  grid-column: 7 / span 6;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  border-left: var(--border-light);
}

.chef-service__timeline > article {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  padding: 0 var(--space-4) 0 var(--space-6);
}

.chef-service__timeline > article > * {
  min-width: 0;
  margin: 0;
}

.chef-service__timeline > article > span {
  position: absolute;
  top: 0;
  left: -0.45rem;
  color: var(--color-rose-200);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.chef-service__timeline h3 {
  font-size: var(--text-feature);
  line-height: var(--line-feature);
}

.chef-occasions__intro {
  width: min(100%, 38.75rem);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

.chef-occasions__intro > * {
  min-width: 0;
  margin: 0;
}

.chef-occasions__grid {
  display: grid;
  grid-template-columns: 3fr 4fr 3fr;
  align-items: end;
  min-width: 0;
  margin-top: var(--space-12);
  column-gap: var(--space-8);
}

.chef-occasions__grid > article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: var(--border-light);
}

.chef-occasions__grid > article > * {
  min-width: 0;
  margin: 0;
}

.chef-occasions__grid > article:nth-child(2) {
  margin-bottom: -3rem;
}

.chef-occasions__grid h3 {
  font-size: var(--text-feature);
  line-height: var(--line-feature);
}

.chef-table__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  min-width: 0;
  column-gap: var(--space-8);
}

.chef-table__figure {
  grid-column: 1 / span 7;
  min-width: 0;
  margin: 0;
}

.chef-table__media {
  aspect-ratio: 4 / 3;
}

.chef-table__media img {
  object-position: 50% 55%;
}

.chef-table__copy {
  grid-column: 9 / span 4;
  min-width: 0;
  max-width: 29.375rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.chef-table__copy > * {
  min-width: 0;
  margin: 0;
}

.chef-next__panel {
  width: min(100%, 66.666%);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
  padding: 4rem;
  border: var(--border-light);
  border-radius: var(--radius-lg);
  background-color: var(--color-plum-700);
  background-image: var(--surface-reflection);
}

.chef-next__panel > * {
  min-width: 0;
  margin: 0;
}

.chef-next__panel p:not(.eyebrow) {
  width: min(100%, 38.75rem);
}

.chef-explore__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  min-width: 0;
  column-gap: var(--space-8);
}

.chef-explore__intro {
  grid-column: 1 / span 4;
  min-width: 0;
  max-width: 24.375rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.chef-explore__intro > * {
  min-width: 0;
  margin: 0;
}

.chef-explore__links {
  grid-column: 6 / span 7;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-top: var(--border-light);
}

.chef-explore__links > a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  min-height: 7rem;
  padding: var(--space-4) 0;
  gap: var(--space-4);
  border-bottom: var(--border-light);
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}

.chef-explore__links > a > * {
  min-width: 0;
}

.chef-explore__links > a > span {
  color: var(--color-rose-400);
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.chef-explore__links h3,
.chef-explore__links p {
  margin: 0;
}

.chef-explore__links h3 {
  font-size: var(--text-feature);
  line-height: var(--line-feature);
}

.chef-explore__links p {
  max-width: 32.5rem;
  margin-top: var(--space-2);
}

.chef-explore__links b {
  color: var(--color-rose-400);
  font-size: 1.5rem;
  font-weight: 400;
}

.chef-explore__links > a:hover {
  border-color: var(--color-line-accent);
  background: linear-gradient(90deg, rgba(75, 40, 85, 0.22), transparent 68%);
  color: var(--color-rose-200);
}

@media (max-width: 1059px) {
  .chef-story-hero__grid,
  .chef-plating__grid,
  .chef-service__grid,
  .chef-table__grid,
  .chef-explore__grid {
    column-gap: var(--space-6);
  }

  .chef-principles__panel,
  .chef-next__panel {
    width: min(100%, 83.333%);
  }

  .chef-principles__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chef-principles__list > :first-child {
    grid-column: 1 / -1;
  }

  .chef-ingredients__statements {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-8);
  }

  .chef-ingredients__statement--one { grid-column: 1 / -1; }
  .chef-ingredients__statement--two { grid-column: 1; margin-top: 0; }
  .chef-ingredients__statement--three { grid-column: 2; }

  .chef-occasions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    row-gap: var(--space-8);
  }

  .chef-occasions__grid > article:first-child { grid-column: 1 / -1; }
  .chef-occasions__grid > article:nth-child(2) { margin-bottom: 0; }
}

@media (min-width: 900px) and (max-width: 1059px) {
  .chef-story-hero__content { grid-column: 1 / span 6; }
  .chef-story-hero__rail {
    grid-column: 1 / span 8;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--space-8);
    column-gap: var(--space-4);
  }

  .chef-story-hero__rail > div { border-top: 0; }

  .chef-plating__copy { grid-column: 1 / span 5; }
  .chef-plating__figure { grid-column: 7 / span 6; }
  .chef-table__figure { grid-column: 1 / span 6; }
  .chef-table__copy { grid-column: 8 / span 5; }
}

@media (max-width: 899px) {
  .chef-story-hero {
    min-height: 560px;
  }

  .chef-story-hero__shade {
    background: linear-gradient(0deg, rgba(16, 12, 18, 0.95) 0%, rgba(16, 12, 18, 0.66) 44%, rgba(16, 12, 18, 0.2) 100%);
  }

  .chef-story-hero__media img {
    object-position: 42% 50%;
  }

  .chef-story-hero__grid {
    grid-template-columns: 1fr;
    align-items: end;
    padding-top: 8rem;
    padding-bottom: var(--space-6);
    row-gap: var(--space-6);
  }

  .chef-story-hero__content,
  .chef-story-hero__rail,
  .chef-plating__copy,
  .chef-plating__figure,
  .chef-service__intro,
  .chef-service__timeline,
  .chef-table__figure,
  .chef-table__copy,
  .chef-explore__intro,
  .chef-explore__links {
    grid-column: 1;
    max-width: none;
    width: 100%;
  }

  .chef-story-hero__content h1 {
    font-size: clamp(3.35rem, 10vw, 4rem);
    line-height: 0.98;
  }

  .chef-story-hero__rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-self: auto;
    column-gap: var(--space-4);
  }

  .chef-principles__panel,
  .chef-next__panel {
    width: 100%;
    padding: var(--space-8);
  }

  .chef-plating__grid,
  .chef-service__grid,
  .chef-table__grid,
  .chef-explore__grid {
    grid-template-columns: 1fr;
    row-gap: var(--space-8);
  }

  .chef-plating__figure { order: -1; margin: 0; }
  .chef-plating__media { aspect-ratio: 4 / 3; max-height: none; }
  .chef-service__timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .chef-ingredients__figure { width: 100%; }
  .chef-table__figure { margin: 0; }
}

@media (max-width: 599px) {
  .chef-story-hero__grid {
    padding-top: 7rem;
    padding-bottom: var(--space-6);
  }

  .chef-story-hero__content {
    gap: var(--space-3);
  }

  .chef-story-hero__lead {
    max-width: none;
    font-size: 1rem;
  }

  .chef-story-hero__actions,
  .chef-table__actions,
  .chef-next__actions {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }

  .chef-story-hero__actions .button--primary,
  .chef-table__actions .button--primary,
  .chef-next__actions .button {
    width: 100%;
    min-height: 3rem;
  }

  .chef-story-hero__actions .button--text,
  .chef-table__actions .button--text {
    align-self: flex-start;
  }

  .chef-story-hero__rail {
    grid-template-columns: 1fr;
    row-gap: 0;
  }

  .chef-principles__panel,
  .chef-next__panel {
    padding: 1.75rem;
  }

  .chef-principles__list {
    grid-template-columns: 1fr;
    margin-top: var(--space-8);
  }

  .chef-principles__list > :first-child {
    grid-column: 1;
  }

  .chef-principles__item summary {
    min-height: 3.5rem;
  }

  .chef-principles__item summary i {
    display: block;
  }

  .chef-principles__item[open] summary i {
    transform: rotate(225deg);
  }

  .chef-principles__answer {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transform: translateY(-0.25rem);
    transition: grid-template-rows var(--transition-menu), opacity var(--transition-menu), transform var(--transition-menu);
  }

  .chef-principles__answer > p {
    overflow: hidden;
    padding-bottom: 0;
  }

  .chef-principles__item[open] .chef-principles__answer {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
  }

  .chef-principles__item[open] .chef-principles__answer > p {
    padding-bottom: var(--space-4);
  }

  .chef-ingredients__statements,
  .chef-occasions__grid,
  .chef-service__timeline {
    grid-template-columns: 1fr;
    margin-top: var(--space-8);
  }

  .chef-ingredients__statement--one,
  .chef-ingredients__statement--two,
  .chef-ingredients__statement--three,
  .chef-occasions__grid > article:first-child {
    grid-column: 1;
  }

  .chef-ingredients__statement--two {
    padding-left: 0;
    border-left: 0;
  }

  .chef-ingredients__figure {
    margin-top: var(--space-8);
  }

  .chef-ingredients__media,
  .chef-table__media {
    aspect-ratio: 4 / 3;
  }

  .chef-service__timeline {
    border-left: var(--border-light);
    row-gap: var(--space-6);
  }

  .chef-service__timeline > article {
    padding-left: var(--space-6);
  }

  .chef-occasions__grid > article {
    padding-top: var(--space-6);
  }

  .chef-plating__copy,
  .chef-table__copy,
  .chef-service__intro,
  .chef-ingredients__intro,
  .chef-occasions__intro,
  .chef-explore__intro {
    gap: var(--space-3);
  }

  .chef-plating__signal {
    width: 100%;
  }

  .chef-explore__links > a {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 6rem;
  }

  .chef-explore__links > a > b {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chef-principles__answer {
    transition: none;
  }
}