/* ⑩ 메뉴 사진 띠 — 카키 배경 (시안 y 8824~9318, 사진 8899~9197: 415×298, 간격 22px)
   가운데 사진이 화면 가운데 오도록 놓고(양 끝은 잘려 보임), 3초마다 한 장씩 옆으로 넘어간다(js/s10.js). 손가락으로도 넘김. */
.s10 {
  background: var(--c-khaki);
  padding: 75px 0 121px;
}
.s10-track {
  position: relative;
  list-style: none; margin: 0; padding: 0;
  display: flex; gap: 22px;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.s10-track::-webkit-scrollbar { display: none; }
.s10-track:focus-visible { outline: 3px solid var(--c-green); outline-offset: 4px; }
.s10-item { flex: 0 0 415px; height: 298px; scroll-snap-align: center; overflow: hidden; background: #1b1b1b; }
.s10-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.s10-item--cutR img { object-position: 100% 50%; }
.s10-item--cutL img { object-position: 0 50%; }
.s10-item:hover img { transform: scale(1.04); }

@media (max-width: 768px) {
  .s10 { padding: 44px 0 56px; }
  .s10-track { gap: 12px; }
  .s10-item { flex-basis: 76vw; height: auto; aspect-ratio: 415 / 298; }
}