:root {
  --ink: #3b3530;
  --ink-strong: #423b35;
  --ink-soft: #6d645d;
  --ink-faint: #766c64;
  --r9-mobile-heading: clamp(28px, 7.5vw, 31px);
}
body {
  color: var(--ink);
}
.sauce-stat > a {
  font-size: clamp(13px, 1.1vw, 16px);
  line-height: 1.45;
}
.split-heading h2,
.section-heading h2,
.sauce-intro h2,
.category-sticky h2,
.daypart-copy h2,
.featured-dishes-section h2 {
  color: var(--ink-strong);
}
@media (width<=980px) {
  :root {
    --header-height: 100px;
  }
  .site-header {
    padding-inline: 22px;
  }
  .brand-link {
    width: 184px;
  }
  .site-header.is-compact .brand-link {
    width: 122px;
  }
  .menu-trigger span,
  .header-phone {
    display: none;
  }
  .header-meta {
    gap: 7px;
  }
}
@media (width<=760px) {
  .site-header {
    padding-inline: 18px;
  }
  .header-social:first-of-type {
    display: none;
  }
  .brand-link {
    width: 156px;
  }
  .site-header.is-compact .brand-link {
    width: 112px;
  }
}
@media (width<=460px) {
  .header-social {
    display: none;
  }
  .brand-link {
    width: 145px;
  }
  .site-header.is-compact .brand-link {
    width: 106px;
  }
}
html body .language-trigger,
html body .site-header.is-compact .language-trigger {
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 76px;
  height: 34px;
  padding: 0 10px;
  line-height: 1;
  display: inline-flex;
}
html body .site-header.is-compact .language-trigger {
  min-width: 70px;
  height: 30px;
  padding-inline: 9px;
}
html body .language-trigger .language-code {
  justify-content: center;
  align-items: center;
  height: 14px;
  line-height: 14px;
  display: inline-flex;
  transform: none;
}
html body .language-trigger .language-globe {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4px;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin: 0;
  display: block;
}
html body .language-trigger .language-chevron {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55px;
  transform-origin: 50%;
  flex: 0 0 8px;
  align-self: center;
  width: 8px;
  height: 6px;
  margin: 0;
  display: block;
  overflow: visible;
  transform: none;
}
@media (width<=760px) {
  html body .language-trigger,
  html body .site-header.is-compact .language-trigger {
    min-width: 68px;
    padding-inline: 8px;
  }
}
.decision-hero .hero-lead,
.hero-result-copy .wheel-menu-link {
  display: none !important;
}
.hero-result-copy {
  grid-template-columns: minmax(0, 1fr);
}
html body .category-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: min(100%, 400px) !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  overflow: visible !important;
}
html body .category-tabs button,
html body .category-tabs button:hover,
html body .category-tabs button.is-active {
  color: #746e68 !important;
  text-align: center;
  filter: none !important;
  background: #eeece8 !important;
  border: 1px solid #51494012;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 68px !important;
  padding: 7px 4px !important;
  transition:
    color 0.18s,
    background 0.18s,
    box-shadow 0.18s,
    border-color 0.18s;
  display: flex !important;
  transform: none !important;
  box-shadow: inset 0 1px #ffffffa8;
}
html body .category-tabs button.is-active {
  color: var(--tab-ink) !important;
  background: var(--tab-color) !important;
  border-color: color-mix(in srgb, var(--tab-ink) 18%, transparent);
  box-shadow:
    inset 0 3px 8px color-mix(in srgb, var(--tab-ink) 18%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--tab-ink) 22%, transparent);
}
.category-tabs button.is-active strong:after {
  content: none !important;
}
html body .category-tabs .category-tab-icon,
html body .category-tabs .category-tab-icon svg {
  width: 18px !important;
  height: 18px !important;
}
.category-tab-icon {
  opacity: 0.78;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  transform: none;
}
.category-tab-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.05px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 2px 5px #40362c1f);
  overflow: visible;
}
.category-tab-icon .food-line-art path:nth-child(n + 7) {
  opacity: 0.28;
}
.category-tabs button.is-active .category-tab-icon {
  opacity: 1;
  filter: drop-shadow(
    0 0 8px color-mix(in srgb, var(--tab-ink) 32%, transparent)
  );
  animation: none;
}
.category-tabs strong {
  font-size: clamp(12px, 1.05vw, 15px);
  font-weight: 520;
  line-height: 1.2;
}
.category-visual {
  color: var(--category-ink);
  opacity: 0.09;
  filter: drop-shadow(
    0 0 22px color-mix(in srgb, var(--category-ink) 25%, transparent)
  );
}
.category-visual svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (hover: hover) and (pointer: fine) {
  .category-tabs button:not(.is-active):hover {
    color: #615a54 !important;
    filter: none !important;
    background: #e8e5df !important;
    transform: none !important;
  }
}
.after-table-section {
  width: min(100%, 1240px);
  padding: clamp(32px, 4vw, 54px) var(--page-pad) 0;
  background: 0 0;
  border-radius: 0;
  margin: 0 auto;
}
.choice-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  display: grid;
}
.choice-card,
.choice-card.is-dessert,
.choice-card.is-wine,
.choice-card.is-drink {
  --choice-color: #745164;
  isolation: isolate;
  min-width: 0;
  min-height: 0;
  color: var(--ink);
  border: 1px solid #433b3317;
  border-left: 5px solid var(--choice-color);
  background: #fffaf2;
  border-radius: 17px;
  grid-template-columns: minmax(190px, 0.29fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(26px, 4vw, 58px);
  padding: clamp(25px, 3vw, 38px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px #342a2112;
}
.choice-card:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  aspect-ratio: 1;
  inset-inline-end: -14%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--choice-color) 13%, transparent),
    transparent 68%
  );
  border-radius: 50%;
  width: clamp(230px, 30vw, 390px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.choice-card.is-wine {
  --choice-color: #783b32;
}
.choice-card.is-drink {
  --choice-color: #536d48;
}
[dir="rtl"] .choice-card,
[dir="rtl"] .choice-card.is-dessert,
[dir="rtl"] .choice-card.is-wine,
[dir="rtl"] .choice-card.is-drink {
  border-right: 5px solid var(--choice-color);
  border-left: 1px solid #433b3317;
}
.choice-card > h2,
.choice-card > .choice-list {
  z-index: 2;
  position: relative;
}
.choice-card h2 {
  min-height: 0;
  color: var(--choice-color);
  font-size: var(--title-card);
  align-self: center;
  margin: 0;
  line-height: 1.06;
}
.choice-card-art {
  z-index: 0;
  pointer-events: none;
  width: clamp(280px, 31vw, 420px);
  height: clamp(280px, 31vw, 420px);
  color: var(--choice-color);
  opacity: 0.105;
  inset-inline: auto clamp(-150px, -9vw, -86px);
  filter: drop-shadow(
    0 0 22px color-mix(in srgb, var(--choice-color) 30%, transparent)
  );
  will-change: transform;
  animation: 13s ease-in-out infinite alternate choice-art-drift;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-7deg);
}
.choice-card.is-wine .choice-card-art {
  animation-delay: -4.2s;
}
.choice-card.is-drink .choice-card-art {
  animation-delay: -8.4s;
}
.choice-card-art svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.05px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
  overflow: visible;
}
@keyframes choice-art-drift {
  0% {
    transform: translateY(-50%) rotate(-7deg) scale(0.98);
  }
  to {
    transform: translate(-11px, -53%) rotate(-3deg) scale(1.035);
  }
}
.choice-card .choice-list {
  scroll-snap-type: none;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  display: grid;
  overflow: visible;
}
.choice-card .choice-list li,
.choice-card .choice-list li:first-child,
.choice-card .choice-list li:last-child {
  width: 100%;
  min-height: 72px;
  color: var(--ink);
  scroll-snap-align: none;
  border: 0;
  border-top: 1px solid #433b331a;
  flex: none;
  grid-template-columns: 34px minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 11px;
  padding: 10px 0;
  display: grid;
}
.choice-card .choice-list li:last-child {
  border-bottom: 1px solid #433b331a;
}
.choice-card .choice-list li > span,
.choice-card .choice-list li > a,
.choice-card .choice-list li > i {
  color: var(--ink);
}
.choice-card .choice-list li > span {
  color: var(--choice-color);
  font-size: 9px;
  font-weight: 680;
}
.choice-card .choice-list li > a {
  min-width: 0;
  color: var(--ink-strong);
  font-size: var(--list-name);
  overflow-wrap: anywhere;
  line-height: 1.3;
}
.choice-card .choice-list .rank-move {
  color: var(--ink-soft);
  background: #433b330c;
  box-shadow: inset 0 0 0 1px #433b3312;
}
.choice-card .choice-list li > i {
  opacity: 0.62;
  justify-content: flex-end;
  display: inline-flex;
}
.choice-card .choice-list li > i svg {
  width: 15px;
  height: 15px;
}
.pairing-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
.pairing-card,
.pairing-card:nth-child(2),
.pairing-card:nth-child(3) {
  --party-ink: #403729;
  min-height: 0;
  color: var(--party-ink);
  border: 1px solid #4f3b1b24;
  grid-template-columns: minmax(150px, 0.23fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 58px);
  box-shadow: 0 14px 34px #2f251c17;
}
html body .pairing-card.is-party-2 {
  --party-ink: #403729;
  background: #e7c85f !important;
}
html body .pairing-card.is-party-3 {
  --party-ink: #49342f;
  background: #d49b8c !important;
}
html body .pairing-card.is-party-4 {
  --party-ink: #344031;
  background: #afc1a3 !important;
}
.pairing-card .pairing-card-head,
.pairing-card:nth-child(2) .pairing-card-head,
.pairing-card:nth-child(3) .pairing-card-head {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
html body .pairing-card.is-party-2,
html body .pairing-card.is-party-3,
html body .pairing-card.is-party-4,
html body .pairing-card.is-party-2 .pairing-item a,
html body .pairing-card.is-party-3 .pairing-item a,
html body .pairing-card.is-party-4 .pairing-item a,
html body .pairing-card .party-label {
  color: var(--party-ink) !important;
}
.pairing-card .pairing-item + .pairing-item:before {
  color: color-mix(in srgb, var(--party-ink) 68%, transparent);
}
html body .pairing-card .party-label {
  margin: 0;
  color: var(--party-ink);
  letter-spacing: -0.04em;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 560 !important;
  line-height: 1 !important;
}
.daypart-switch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 500px);
}
.daypart-switch button,
.daypart-switch button.is-active {
  min-width: 0;
  height: auto;
  min-height: 54px;
  padding-inline: 18px;
}
.daypart-switch button strong {
  white-space: nowrap;
}
.daypart-switch .daypart-icon,
.daypart-switch .daypart-icon svg {
  width: 19px;
  height: 19px;
}
.daypart-switch .daypart-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.05px;
  filter: drop-shadow(0 0 5px #d5aa5b5c);
  overflow: visible;
}
.daypart-switch.is-dinner .daypart-icon svg {
  fill: none;
  stroke: currentColor;
  filter: drop-shadow(0 0 6px #f2e3cf7a);
  width: 17px;
  height: 17px;
}
.daypart-wheel.is-lunch {
  background: #607848;
}
.daypart-wheel.is-dinner {
  background: #9d4b39;
}
.daypart-wheel.is-dinner:before {
  width: min(30vw, 340px);
  box-shadow: none;
  opacity: 0.23;
  background: #fff3d7;
  border: 0;
  border-radius: 50%;
  top: 2%;
  right: 3%;
  transform: rotate(-11deg) scale(0.86);
  -webkit-mask: radial-gradient(circle at 66% 42%, #0000 0 43%, #fff 44%);
  mask: radial-gradient(circle at 66% 42%, #0000 0 43%, #fff 44%);
}
@media (761px<=width<=1024px) {
  .daypart-copy {
    padding: 46px 34px;
  }
  .daypart-switch {
    width: 100%;
    max-width: 540px;
  }
  .daypart-switch button,
  .daypart-switch button.is-active {
    min-height: 56px;
    padding-inline: 20px;
  }
}
.closing-section {
  isolation: isolate;
  perspective: 720px;
  overflow: hidden;
}
.closing-section h2,
.closing-section .solid-button {
  z-index: 3;
  position: relative;
}
.menu-depth-field {
  z-index: 0;
  perspective: 640px;
  inset: -15%;
}
.menu-depth-field span {
  color: #fffdf4;
  opacity: 0;
  filter: blur(4px);
  text-shadow:
    0 0 8px #ffffff2e,
    0 0 18px #fff7e21f;
  will-change: transform, opacity, filter;
  animation-name: menu-depth-approach;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes menu-depth-approach {
  0% {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(-50%, -50%, -650px) scale(0.36)
      rotate(var(--depth-tilt));
  }
  15% {
    opacity: 0.13;
  }
  62% {
    opacity: 0.32;
    filter: blur(0.25px);
  }
  84% {
    opacity: 0.23;
    filter: blur(0.8px);
  }
  to {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(calc(-50% + var(--depth-drift)), -50%, 250px)
      scale(2.05) rotate(var(--depth-tilt));
  }
}
@media (width<=760px) {
  .decision-hero {
    gap: 16px;
    min-height: auto;
    margin-inline: 7px;
    padding: 27px 16px 18px;
  }
  .decision-hero .hero-copy {
    align-self: start;
  }
  .decision-hero .hero-copy h1,
  .best-section .split-heading h2,
  .category-sticky h2,
  .category-title-row > span,
  .sauce-intro h2,
  .choice-card h2,
  .pairing-section .section-heading h2,
  .daypart-copy h2,
  .featured-dishes-section h2,
  .closing-section h2 {
    line-height: 1.08;
    font-size: var(--r9-mobile-heading) !important;
  }
  .decision-hero .hero-copy h1 {
    max-width: 100%;
    margin: 0;
  }
  .hero-result-copy {
    gap: 5px;
    margin-top: 17px;
    padding-top: 13px;
  }
  .hero-result-copy > strong {
    -webkit-line-clamp: 2;
    block-size: auto;
    min-block-size: 2.4em;
    font-size: clamp(15px, 4.4vw, 18px);
  }
  .category-sticky,
  .category-stage {
    padding: 28px 20px;
  }
  html body .category-tabs {
    gap: 4px !important;
    width: 100% !important;
    margin-top: 16px !important;
  }
  html body .category-tabs button,
  html body .category-tabs button:hover,
  html body .category-tabs button.is-active,
  html body .category-tabs button:last-child {
    gap: 3px !important;
    min-height: 56px !important;
    padding: 6px 2px !important;
    border-radius: 10px;
  }
  html body .category-tabs .category-tab-icon,
  html body .category-tabs .category-tab-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  html body .category-tabs strong {
    overflow-wrap: anywhere;
    font-size: clamp(8px, 2.5vw, 10px);
    line-height: 1.05;
  }
  .category-stage {
    min-height: 350px;
  }
  .category-visual {
    width: 67vw;
    height: 67vw;
    right: -7%;
  }
  .after-table-section {
    padding: 26px 20px 0;
  }
  .choice-card,
  .choice-card.is-dessert,
  .choice-card.is-wine,
  .choice-card.is-drink {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 23px 19px;
  }
  .choice-card-art {
    inset-inline: auto -94px;
    opacity: 0.09;
    width: 250px;
    height: 250px;
    top: 50%;
  }
  .choice-card .choice-list {
    scroll-snap-type: none;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    display: grid;
    overflow: visible;
  }
  .choice-card .choice-list li,
  .choice-card .choice-list li:first-child,
  .choice-card .choice-list li:last-child {
    border-left: 0;
    border-right: 0;
    flex: none;
    grid-template-columns: 27px minmax(0, 1fr) auto 18px;
    width: 100%;
    min-height: 70px;
    padding: 11px 0;
    display: grid;
  }
  .choice-card .choice-list li > i {
    display: inline-flex;
  }
  .pairing-card,
  .pairing-card:nth-child(2),
  .pairing-card:nth-child(3) {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 25px 21px;
  }
  .pairing-card .pairing-card-head,
  .pairing-card:nth-child(2) .pairing-card-head,
  .pairing-card:nth-child(3) .pairing-card-head {
    justify-content: flex-start;
  }
  .daypart-switch {
    width: 100%;
  }
  .daypart-switch button,
  .daypart-switch button.is-active {
    min-height: 54px;
    padding-inline: 12px;
  }
  .daypart-wheel.is-dinner:before {
    width: min(64vw, 250px);
    right: -4%;
  }
  .menu-depth-field {
    inset: -10% -34%;
  }
  .menu-depth-field span {
    font-size: clamp(12px, 4vw, 19px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .choice-card-art {
    animation: none !important;
  }
  .menu-depth-field span {
    opacity: 0.1;
    filter: none;
    transform: translate(-50%, -50%) scale(0.9);
    animation: none !important;
  }
}
.site-footer nav a[aria-current="page"] {
  color: var(--ink-strong);
}
html body .category-tabs button:last-child {
  grid-column: auto !important;
  justify-self: stretch !important;
  width: auto !important;
}