/* Four equal chapters, still controlled by normal page scrolling. */
.home-cinema .cinema-story { height: 260svh; }
.home-cinema .cinema-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-cinema .cinema-scene[data-scene="2"] img { object-position: 50% 49%; }
.home-cinema .cinema-scene[data-scene="3"] img { object-position: 52% 49%; }

@media (max-width: 1000px) and (min-width: 761px) {
  .home-cinema .cinema-tabs { gap: 14px; }
  .home-cinema .cinema-tabs button { min-width: 100px; }
}

@media (max-width: 760px) {
  .home-cinema .cinema-story { height: 230svh; }
  .home-cinema .cinema-tabs { gap: 10px; }
  .home-cinema .cinema-tabs button {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 3px;
    min-width: 0;
    min-height: 44px;
  }
  .home-cinema .cinema-center { bottom: 23%; }
  .home-cinema .cinema-scene[data-scene="2"] img { object-position: 48% center; }
  .home-cinema .cinema-scene[data-scene="3"] img { object-position: 57% center; }
}

@media (prefers-reduced-motion: reduce) {
  .home-cinema .cinema-story { height: 100svh; min-height: 680px; }
}

@media (prefers-reduced-motion: reduce) and (max-width: 760px) {
  .home-cinema .cinema-story { min-height: 650px; }
}