/* design-forge preset: wamodern — animations
   和モダン:墨が滲むようにゆっくり現れ、罫線がすっと引かれる。跳ねない */

@keyframes fadeUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.02);opacity:.88}
}

/* スクロール出現(JSで .is-visible 付与) — 墨の滲み:ぼかしが晴れながら現れる */
.reveal{opacity:0;transform:translateY(14px);filter:blur(7px);transition:opacity 1.2s ease,transform 1.2s ease,filter 1.2s ease}
.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.reveal:nth-child(2){transition-delay:.22s}
.reveal:nth-child(3){transition-delay:.44s}

/* ホバー(浮かせすぎない。半歩だけ) */
.hover-lift{transition:transform var(--speed),box-shadow var(--speed)}
.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}

/* wamodern固有:墨がにじむようにゆっくり現れる(読み込み時用) */
@keyframes sumiIn{
  from{opacity:0;filter:blur(9px)}
  to{opacity:1;filter:blur(0)}
}
.sumi-in{animation:sumiIn 1.6s ease both}
.sumi-in-slow{animation:sumiIn 2.4s .4s ease both}

/* wamodern固有:罫線がすっと引かれる */
@keyframes ruleDraw{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
.rule-draw{transform-origin:left;animation:ruleDraw 1.1s .6s cubic-bezier(.22,1,.36,1) both}

/* wamodern固有:縦の罫線(縦書き飾り用)がすっと下りる */
@keyframes ruleDrawY{
  from{transform:scaleY(0)}
  to{transform:scaleY(1)}
}
.rule-draw-y{transform-origin:top;animation:ruleDrawY 1.3s .8s cubic-bezier(.22,1,.36,1) both}