/* Homepage-only kitchen rail: the eight approved tiles, without preview UI. */
.kitchen-strip {
  --kitchen-tile-size: clamp(310px, 35vw, 490px);
  padding-top: clamp(56px, 8.75vw, 140px);
}
.kitchen-strip-rail {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  cursor: grab;
}
.kitchen-strip-track {
  display: flex;
  width: max-content;
}
.kitchen-strip-rail.is-auto-scrolling .kitchen-strip-track {
  will-change: transform;
}
.kitchen-strip-rail::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.kitchen-strip-rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.kitchen-strip-rail.is-auto-scrolling {
  scroll-snap-type: none;
}
.kitchen-strip-rail:focus-visible {
  outline: 2px solid #947327;
  outline-offset: -2px;
}
.kitchen-strip-tile {
  flex: 0 0 var(--kitchen-tile-size);
  width: var(--kitchen-tile-size);
  height: var(--kitchen-tile-size);
  scroll-snap-align: start;
}
.kitchen-strip-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(24px, 3.2vw, 46px);
  text-align: center;
  background: #eee8dc var(--story-panel) center / cover no-repeat;
}
.kitchen-strip-text:nth-child(8n + 1) {
  --story-panel: url('/samples/china-food/assets/images/story-backgrounds/eaves-warm.png');
}
.kitchen-strip-text:nth-child(8n + 3) {
  --story-panel: url('/samples/china-food/assets/images/story-backgrounds/option-2-chinese-knot.png');
}
.kitchen-strip-text:nth-child(8n + 5) {
  --story-panel: url('/samples/china-food/assets/images/story-backgrounds/roofs-warm.png');
}
.kitchen-strip-text:nth-child(8n + 7) {
  --story-panel: url('/samples/china-food/assets/images/story-backgrounds/plum.png');
}
.home-content .kitchen-strip-text h3 {
  margin: 0 0 22px;
  font-size: clamp(25px, 2.75vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.home-content .kitchen-strip-text p {
  margin: 0 auto;
  max-width: 33ch;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
  color: #565448;
}
.kitchen-strip-image { background: #e5e0d3; }
.kitchen-strip-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
@media (max-width: 700px) {
  .kitchen-strip { --kitchen-tile-size: clamp(224px, 62vw, 272px); padding-top: calc(var(--mobile-section-gap, 112px) * 1.75); }
  .kitchen-strip-text { padding: 16px; }
  .home-content .kitchen-strip-text h3 { font-size: clamp(19px, 4.5vw, 22px); margin-bottom: 12px; }
  .home-content .kitchen-strip-text p { font-size: clamp(12px, 3vw, 13px); line-height: 1.5; }
}