/* _motion-keyframes.css — 凍結CSSが参照するが未定義だった @keyframes を補完（HWP139）
 * ------------------------------------------------------------------
 * motion-breathe-08 / motion-breathe-097 / motion-wiggle-044 は、ライブでは
 * Wix ランタイムが WAAPI（el.animate）で駆動するためライブCSSにも存在しない。
 * 値は 2026-07-17 に diag-live-keyframes.mjs で effect.getKeyframes() を実測して復元。
 * 変数（--motion-breathe-* / --motion-rotate-* 等）は各要素のルール側で定義済み。
 * 参照元: comp-me5rkkek(breathe-097/デスクトップ) / comp-me6na0tr(breathe-08/モバイル)
 *          / comp-medssbmp(wiggle-044)（いずれもトップページ）
 */

/* 実測 offsets: 0 / .0775 / .2325 / .3875 / .5425 / .645823 / 1, 係数 +1/-1/+1/-0.7/+0.6 */
@keyframes motion-breathe-097 {
  0% { animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transform: var(--motion-breathe-perspective, ) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg)); }
  7.75% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  23.25% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * -1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * -1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * -1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  38.75% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  54.25% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * -0.7), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * -0.7), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * -0.7)) rotateZ(var(--comp-rotate-z, 0deg)); }
  64.5823% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 0.6), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 0.6), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 0.6)) rotateZ(var(--comp-rotate-z, 0deg)); }
  100% { transform: var(--motion-breathe-perspective, ) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg)); }
}

/* 実測 offsets: 0 / .0725 / .2175 / .3625 / .5075 / .604157 / 1, 係数 +1/-1/+1/-0.7/+0.6 */
@keyframes motion-breathe-08 {
  0% { animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transform: var(--motion-breathe-perspective, ) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg)); }
  7.25% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  21.75% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * -1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * -1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * -1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  36.25% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 1), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 1)) rotateZ(var(--comp-rotate-z, 0deg)); }
  50.75% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * -0.7), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * -0.7), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * -0.7)) rotateZ(var(--comp-rotate-z, 0deg)); }
  60.41569% { animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transform: var(--motion-breathe-perspective, ) translate3d(calc(var(--motion-breathe-x) * var(--motion-breathe-distance) * 0.6), calc(var(--motion-breathe-y) * var(--motion-breathe-distance) * 0.6), calc(var(--motion-breathe-z) * var(--motion-breathe-distance) * 0.6)) rotateZ(var(--comp-rotate-z, 0deg)); }
  100% { transform: var(--motion-breathe-perspective, ) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg)); }
}

/* 実測 offsets: .0792 / .154 / .2332 / .3212 / .44（wiggle-043 と同形・44%終端スケール） */
@keyframes motion-wiggle-044 {
  7.92% { transform: rotate(var(--motion-rotate-18)) translateY(var(--motion-translate-y-18)); }
  15.4% { transform: rotate(var(--motion-rotate-35)) translateY(var(--motion-translate-y-35)); }
  23.32% { transform: rotate(var(--motion-rotate-53)) translateY(var(--motion-translate-y-53)); }
  32.12% { transform: rotate(var(--motion-rotate-73)) translateY(var(--motion-translate-y-73)); }
  44% { transform: rotate(var(--motion-rotate-100)) translateY(var(--motion-translate-y-100)); }
}
