/* design-forge preset: warm — animations
   温かい系:ゆっくり・ふんわり。湯気のように立ちのぼる */

@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-8px) rotate(1.2deg)}
}
@keyframes pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.04);opacity:.88}
}

/* スクロール出現(JSで .is-visible 付与) — 湯気のようにゆっくり立ちのぼる */
.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity 1.1s cubic-bezier(.25,.8,.35,1),transform 1.1s cubic-bezier(.25,.8,.35,1)}
.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
.reveal:nth-child(2){transition-delay:.2s}
.reveal:nth-child(3){transition-delay:.4s}

/* ホバー(ふんわり浮く) */
.hover-lift{transition:transform var(--speed) ease,box-shadow var(--speed) ease}
.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-m)}

/* warm固有:焼きたてパンの湯気(立ちのぼって消える) */
@keyframes steam{
  0%{opacity:0;transform:translateY(8px) translateX(0) scale(.9)}
  30%{opacity:.7}
  100%{opacity:0;transform:translateY(-26px) translateX(4px) scale(1.15)}
}
.steam-deco{animation:steam 3.4s ease-out infinite}
.steam-deco:nth-child(2){animation-delay:1.1s}
.steam-deco:nth-child(3){animation-delay:2.2s}

/* warm固有:窯の灯りのようなあたたかい明滅 */
@keyframes bakeGlow{
  0%,100%{box-shadow:inset 0 -3px 6px rgba(90,50,20,.22),0 4px 14px rgba(201,122,61,.25)}
  50%{box-shadow:inset 0 -3px 6px rgba(90,50,20,.22),0 6px 24px rgba(227,165,88,.5)}
}
.bake-glow{animation:bakeGlow 4.5s ease-in-out infinite}

/* warm固有:ゆらゆら漂う装飾 */
.float-deco{animation:float 7s ease-in-out infinite}