@charset "UTF-8";
/**
 * omiwork.com - アニメーションキーフレーム定義 (2026 Trend)
 */

/* ハンコが『ポン』と押される演出 */
@keyframes hankoStamp {
  0% {
    opacity: 0;
    transform: scale(2.4) rotate(-16deg);
    filter: blur(4px);
  }
  65% {
    opacity: 1;
    transform: scale(0.92) rotate(2deg);
    filter: blur(0);
  }
  85% {
    transform: scale(1.05) rotate(-1deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

/* キャッチコピー文字の浮き上がり（キネティックタイポ） */
@keyframes charRise {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.85);
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* 空のゆっくりした色相変化（朝陽～黄昏～夜の静寂） */
@keyframes skyCycle {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* 山並みのパララックス揺れ（奥） */
@keyframes driftSlow {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-40px);
  }
}

/* 山並みのパララックス揺れ（手前） */
@keyframes driftFast {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(30px);
  }
}

/* ホタルの浮遊・点滅 */
@keyframes fireflyPulse {
  0%, 100% {
    opacity: 0;
    transform: translate(0, 0) scale(0.4);
  }
  50% {
    opacity: 0.95;
    transform: translate(12px, -18px) scale(1.1);
    box-shadow: 0 0 16px 4px rgba(230, 200, 110, 0.9);
  }
}

/* View Transitions（クロスドキュメントページ遷移） */
@keyframes vtFadeOut {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.985); }
}

@keyframes vtRiseIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}