@font-face {
  font-family: Boska;
  src: url("./assets/boska-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

body[data-variant="e"] .hero h1 {
  font-family: Boska, Georgia, serif;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.02;
  font-size: clamp(30px, 9.5vw, 104px);
}

.cut-discovery-link {
  display: inline-flex;
  width: fit-content;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid currentColor;
  font-weight: 700;
  line-height: 1.3;
}
.cut-discovery-link:hover { gap: 18px; }
.menu-section .cut-discovery-link { margin: -12px 20px 28px; }
.menu-page-hero .cut-discovery-link { margin-top: 12px; }

.cuts-page { --cuts-paper: #f3efe7; --cuts-ink: #211008; --cuts-red: #a60f2d; color: var(--cuts-ink); }
html[data-theme] body.cuts-page[data-variant="e"] .site-shell { background: var(--cuts-paper); }
.cuts-page .restaurant-nav { position: sticky; top: 0; z-index: 40; }
.cuts-page .nav-links [aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
.cuts-page .cuts-hero {
  min-height: min(760px, calc(100dvh - 70px));
  position: relative;
  display: flex;
  align-items: end;
  isolation: isolate;
  overflow: hidden;
  background: #211008;
  color: #f8f2ea;
}
.cuts-page .cuts-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgb(20 10 5 / .86), rgb(20 10 5 / .58) 57%, rgb(20 10 5 / .13)), linear-gradient(0deg, rgb(20 10 5 / .58), transparent 50%);
}
.cuts-page .cuts-hero > img {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}
.cuts-page .cuts-hero-copy { width: min(100%, 1360px); margin-inline: auto; padding: 66px clamp(22px, 5vw, 76px) clamp(45px, 7vw, 90px); }
.cuts-page .cuts-hero h1 { max-width: 8ch; margin: 0; font-family: Boska, Georgia, serif; font-size: clamp(68px, 15vw, 172px); font-weight: 400; line-height: .9; letter-spacing: -.055em; }
.cuts-page .cuts-hero h1 em { font-weight: 400; }
.cuts-page .cuts-hero-copy > p { max-width: 36ch; margin: 22px 0 0; font-size: clamp(17px, 2vw, 23px); line-height: 1.45; }
.cuts-page .cuts-scroll { display: inline-flex; min-height: 48px; align-items: center; gap: 12px; margin-top: 24px; border-bottom: 1px solid currentColor; font-weight: 700; }

.cuts-page .cuts-intro { width: min(100%, 1360px); margin-inline: auto; padding: clamp(48px, 6vw, 92px) clamp(22px, 5vw, 76px); display: grid; gap: 27px; }
.cuts-page .cuts-intro p { max-width: 58ch; margin: 0 0 18px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.58; }
.cuts-page .cuts-intro .cuts-intro-lead { max-width: 14ch; margin: 0; font-family: Boska, Georgia, serif; font-size: clamp(40px, 5.3vw, 76px); line-height: 1.02; letter-spacing: -.03em; }
.cuts-page .cuts-source { margin-top: 28px; padding: 6px 0 4px 20px; border-left: 3px solid var(--cuts-red); }
.cuts-page .cuts-source h2 { margin: 0 0 8px; color: var(--cuts-red); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cuts-page .cuts-source p { margin-bottom: 0; }

.cuts-page .cut-collection { padding: 0 clamp(18px, 5vw, 76px) clamp(52px, 7vw, 96px); scroll-margin-top: 92px; }
.cuts-page .cut-section-heading { max-width: 1360px; margin: 0 auto 35px; }
.cuts-page .cut-section-heading h2,
.cuts-page .cuts-wagyu h2,
.cuts-page .cuts-chicken h2,
.cuts-page .cuts-finish h2 { margin: 0 0 17px; font-family: Boska, Georgia, serif; font-size: clamp(48px, 7vw, 100px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.cuts-page .cut-section-heading p { max-width: 58ch; margin: 0; color: #4d3b32; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.55; }
.cuts-page .cut-section-heading .cut-quote-context { margin-top: 12px; font-size: 13px; }
.cuts-page .cut-accordions { max-width: 1360px; margin: 0 auto; border-top: 1px solid #9b8578; }
.cuts-page .cut-card { border-bottom: 1px solid #9b8578; }
.cuts-page .cut-card summary { min-height: 96px; padding: 17px 0; display: grid; grid-template-columns: minmax(0,1fr) 46px; gap: 10px 18px; align-items: center; list-style: none; cursor: pointer; }
.cuts-page .cut-card summary::-webkit-details-marker { display: none; }
.cuts-page .cut-name { font-family: Boska, Georgia, serif; font-size: clamp(40px, 5vw, 72px); line-height: 1.05; }
.cuts-page .cut-character { grid-column: 1; color: #59473e; font-size: clamp(14px, 1.3vw, 17px); }
.cuts-page .cut-plus { grid-column: 2; grid-row: 1 / 3; justify-self: end; position: relative; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 50%; }
.cuts-page .cut-plus::before, .cuts-page .cut-plus::after { position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background: currentColor; content: ""; transform: translate(-50%, -50%); }
.cuts-page .cut-plus::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .18s ease; }
.cuts-page .cut-card[open] .cut-plus::after { transform: translate(-50%, -50%); }
.cuts-page .cut-card[open] .cut-name { color: var(--cuts-red); }
.cuts-page .cut-body { max-width: 1100px; padding: 7px 0 58px; display: flow-root; }
.cuts-page .cut-body figure { margin: 0 0 24px; }
.cuts-page .cut-body img { width: 100%; height: clamp(300px, 82vw, 410px); display: block; object-fit: cover; object-position: center 67%; border-radius: 12px; }
.cuts-page .cut-body figcaption, .cuts-page .cuts-chicken figcaption { margin-top: 8px; color: #605147; font-size: 12px; line-height: 1.45; }
.cuts-page .cut-body h3 { max-width: 17ch; margin: 0 0 22px; font-family: Boska, Georgia, serif; font-size: clamp(31px, 3.2vw, 48px); font-weight: 400; line-height: 1.1; }
.cuts-page .cut-body dl { margin: 0; }
.cuts-page .cut-body dt { margin: 14px 0 4px; color: var(--cuts-red); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cuts-page .cut-body dd { max-width: 62ch; margin: 0; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.58; }
.cuts-page .cut-chef-note { clear: both; margin: 30px 0 4px; padding: 16px 0 12px 20px; border-left: 2px solid var(--cuts-red); }
.cuts-page .cut-chef-note p { max-width: 31ch; margin: 0 0 9px; font-family: Boska, Georgia, serif; font-size: clamp(27px, 3vw, 39px); line-height: 1.13; }
.cuts-page .cut-chef-note cite { color: #59473e; font-size: 13px; font-style: normal; line-height: 1.5; }
.cuts-page .cut-chef-note a { text-decoration: underline; text-underline-offset: 3px; }
.cuts-page .cut-body > a, .cuts-page .cuts-wagyu a, .cuts-page .cuts-chicken-ways > a, .cuts-page .cuts-finish a { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; margin-top: 20px; color: var(--cuts-red); font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.cuts-page .cut-card summary:focus-visible, .cuts-page a:focus-visible { outline: 3px solid var(--cuts-red); outline-offset: 4px; }

.cuts-page .cuts-wagyu { display: grid; background: #e4d8cc; }
.cuts-page .cuts-wagyu-media { min-height: 430px; }
.cuts-page .cuts-wagyu-media img { width: 100%; height: 100%; max-height: 820px; display: block; object-fit: cover; object-position: center 67%; }
.cuts-page .cuts-wagyu-copy { padding: clamp(42px, 5vw, 76px) clamp(22px, 6vw, 100px); align-self: center; }
.cuts-page .cuts-wagyu h2 { max-width: 10ch; }
.cuts-page .cuts-wagyu-lead { max-width: 17ch; font-family: Boska, Georgia, serif; font-size: clamp(30px, 3vw, 46px) !important; line-height: 1.12 !important; }
.cuts-page .cuts-wagyu p { max-width: 48ch; margin: 0 0 17px; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.58; }

.cuts-page .cuts-quote { margin: 0; padding: clamp(50px, 7vw, 90px) clamp(22px, 8vw, 120px); background: #211008; color: #f8f2ea; text-align: center; }
.cuts-page .cuts-quote p { max-width: 20ch; margin: 0 auto 24px; font-family: Boska, Georgia, serif; font-size: clamp(39px, 5.9vw, 86px); line-height: 1.08; letter-spacing: -.026em; }
.cuts-page .cuts-quote cite { display: block; color: #eaded4; font-size: 13px; font-style: normal; }
.cuts-page .cuts-quote cite a { text-decoration: underline; text-underline-offset: 3px; }

.cuts-page .cuts-chicken { width: min(100%, 1360px); margin-inline: auto; padding: clamp(50px, 7vw, 92px) clamp(22px, 5vw, 76px); display: grid; gap: 30px; }
.cuts-page .cuts-chicken h2 { max-width: 11ch; }
.cuts-page #chicken-title { scroll-margin-top: 96px; }
.cuts-page .cuts-chicken-heading p { max-width: 44ch; margin: 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.55; }
.cuts-page .cuts-chicken figure { margin: 0; }
.cuts-page .cuts-chicken img { width: 100%; height: auto; aspect-ratio: 4 / 5; display: block; object-fit: cover; object-position: center; border-radius: 12px; }
.cuts-page .cuts-chicken-ways { display: grid; align-content: center; }
.cuts-page .cuts-chicken-ways > div { padding: 19px 0; border-bottom: 1px solid #9b8578; }
.cuts-page .cuts-chicken-ways h3 { margin: 0 0 7px; font-family: Boska, Georgia, serif; font-size: clamp(29px, 2.8vw, 41px); font-weight: 400; }
.cuts-page .cuts-chicken-ways p { max-width: 35ch; margin: 0; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.5; }
.cuts-page .cuts-finish { min-height: 480px; display: grid; background: #e1d7cc; }
.cuts-page .cuts-finish > div { padding: clamp(44px, 6vw, 78px) clamp(22px, 6vw, 100px); align-self: center; }
.cuts-page .cuts-finish h2 { max-width: 11ch; }
.cuts-page .cuts-finish p { max-width: 52ch; margin: 0 0 17px; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.58; }
.cuts-page .cuts-finish > img { width: 100%; height: 100%; max-height: 640px; display: block; object-fit: cover; }

@media (min-width: 680px) {
  .cuts-page .cut-card summary { grid-template-columns: minmax(0,1fr) minmax(140px, 235px) 48px; }
  .cuts-page .cut-character { grid-column: 2; grid-row: 1; justify-self: end; }
  .cuts-page .cut-plus { grid-column: 3; grid-row: 1; }
  .cuts-page .cut-body figure { width: min(48%, 440px); margin: 4px 36px 18px 0; float: left; shape-outside: margin-box; }
  .cuts-page .cut-card:nth-child(even) .cut-body figure { margin: 4px 0 18px 36px; float: right; }
  .cuts-page .cut-body img { height: 540px; object-position: center; }
  .cuts-page .cut-body h3 { max-width: none; }
  .cuts-page .cuts-intro { grid-template-columns: 1.2fr .8fr; align-items: end; gap: 54px; }
  .cuts-page .cuts-wagyu { grid-template-columns: 1fr 1fr; }
  .cuts-page .cuts-chicken { grid-template-columns: 1fr 1fr; }
  .cuts-page .cuts-chicken-heading { grid-column: 1 / -1; }
  .cuts-page .cuts-finish { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .cuts-page .cuts-chicken { grid-template-columns: 1.05fr .95fr .9fr; gap: 42px; }
  .cuts-page .cuts-chicken-heading { grid-column: auto; align-self: start; }
}
@media (min-width: 768px) and (max-width: 900px) {
  .cuts-page .nav-links, .careers-page .nav-links { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .cuts-page *, .cut-discovery-link { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
  .cuts-page .cut-plus::after { transition: none; }
}
