/* =========================================================
   ロゴ（イラスト）のアニメーション（okome.css / v7 → v8で整理）
   ---------------------------------------------------------
   v8 で「常駐おこめー」（okome-buddy.css / .js）を追加したため、
   おこめーが同時に2体見えないよう、次のv7の動きは常駐おこめーに統合しました。
     A. HEROの「ぴょこん！」 → 常駐おこめーの登場の動きに
     C. ボランティアの「ひょこっ！」 → 常駐おこめーが、セクションに入ったときにあいさつ
     D. フッターの「ぴょん！」 → 常駐おこめーのクリック／タップのリアクションに
   ここには、B. About のロゴ（イラスト）「ふわっ、ぽん！」だけが残っています。
   ========================================================= */

/* HERO内のおこめー画像は常駐おこめーと重複するため表示しない（HEROのHTMLはそのまま） */
#hero .hero3-mascot { display: none; }

/* B. About｜ロゴ（イラスト）が「ふわっ、ぽん！」 */
.okm-ready .about-visual.reveal { opacity: 1; transform: none; transition: none; }
.okm-ready .about-visual img { opacity: 0; transform: translateY(28px) scale(0.88); }
.okm-ready .about-visual img.okm-in { animation: okmFuwaPon 1.15s both; }
@keyframes okmFuwaPon {
  0%   { opacity: 0; transform: translateY(28px) scale(0.88); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); }
  45%  { opacity: 1; transform: translateY(-8px) scale(1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  62%  { transform: translateY(0) scale(1.045); animation-timing-function: cubic-bezier(0.3, 0, 0.5, 1); }
  76%  { transform: scale(0.985); }
  88%  { transform: scale(1.01); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .okm-ready .about-visual img,
  .okm-ready .about-visual img.okm-in { opacity: 1; transform: none; animation: none; }
}
/* 常駐おこめーで「動きを止める」を選んだときも静止 */
.okm-motion-off .about-visual img,
.okm-motion-off .about-visual img.okm-in { opacity: 1 !important; transform: none !important; animation: none !important; }