/* story-pace.css — 物語を「最低限ここまでは見える」速さにする
   2026-07-31 社長「スクロールスピードが速いとすぐ最後まで行ってしまって、
   実機の動きも早くなってしまうが、ここをきちんと最低限見せたい場合はどうしたらいいかな？」

   実測（変更前）:
     スマホ 393×704  節3520px / 進む距離2816px → **1画面ぶんスクロールで25.0%進む**
     PC 1440×900    節4140px / 進む距離3240px → 1画面ぶんで27.8%進む
   スマホの1回の弾き（慣性込み）は3画面ぶん前後動くので、**一度の指の動きで物語がほぼ終わる**。

   直し方の選択:
     ・JSで進行度に上限をつける（速く弾いても一定以上進ませない）
       → 単独だと**節の見た目と実際のスクロール位置がずれる**。節を通り過ぎたときに
         sticky が解けて、物語が途中のまま切れる。
     ・**スクロールで進む距離を伸ばす**（この方法）
       → 同じ指の動きで進む量が減る。ズレは原理的に起きない。
   まず距離で効かせ、そのうえで JS 側は「弾き切ったときだけ効く緩い上限」に留める。

   ※このファイルは媒体クエリの外にも書く＝PC版にも効かせる（2026-07-31 社長「PCも直していいよ」）。 */

.journey {
  height: 700vh;
  min-height: 5800px;
}

@media (max-width: 1040px) {
  .journey {
    height: 780vh;
    min-height: 5800px;
  }
}

@media (max-width: 820px) {
  .journey {
    height: 840vh;
    min-height: 5600px;
  }
}

@media (max-width: 560px) and (orientation: portrait) {
  .journey {
    height: 800svh;
    min-height: 0;
  }
}