/* ============================================================
   line-reveal.css
   本文<p>を実際の描画行ごとにフェードイン表示する演出
   ============================================================ */
.ls-line { display: block; overflow: hidden; }
.ls-line > span {
  display: block;
  transform: translateY(115%);
  opacity: 0;
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ls-line.in > span { transform: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .ls-line > span { transform: none; opacity: 1; transition: none; }
}