/* イベントページ（https://claude.ai/artifact/2o7PCGHu2ucyyLG8vuLBnJ の 2026-10-10 14:21 の版）からそのまま写した。商業施設ページ・ひな形でも同じ（しのさん 2026-10-10 コメント「イベントページの選ばれる理由のセクションと全く同じテキストのアニメーションエフェクトを」） */
/* ===== 選ばれる理由: 案 4「カーソルを追う光」（しのさん 2026-10-10 採用・見本 8Xpzeruuj1ecidWdJFHKAX）=====
   見出しと 3 つの理由の名前を紫のグラデーションの字に。字の中を淡い紫の光が動く。
   PC: 光がカーソルを少し遅れて追う（節の見出し・理由の項目の上にいる間）。離すと 1 往復して止まる。
   スマホ: 画面に入った時に 1 往復、タップでもう一度。動きを減らす設定: 光なしの静止グラデーション。
   color は Violet のまま（解像の升はこの色で描かれる）。見える字は text-fill を透明にして背景のグラデーションを字の形で切る */
.m-glow { position: relative; display: inline-block; max-width: 100%; color: var(--a-violet);
  background: radial-gradient(var(--gr, 120px) calc(var(--gr, 120px) * .8) at var(--gx, -200px) var(--gy, 50%), #C9B5DE 0%, #8A57C2 35%, rgb(138 87 194 / 0) 75%),
    linear-gradient(100deg, #3E1A5C 0%, #512376 35%, #8A57C2 62%, #512376 82%, #3E1A5C 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.is-rz .m-glow, .m-glow.is-rz, .is-pt .m-glow { background: none !important; }   /* 解像・粒子の間は本物の字（グラデーション）を隠す。升・粒が字と同じ色で描かれる */   /* 解像の間は本物の字（グラデーション）を隠す。升と解けた字は Violet で描かれる */
.m-rsn__t { font-weight: 500; font-size: max(22px, calc(28 * var(--u))); line-height: 1.45; font-feature-settings: "palt"; }   /* 理由の名前は一回り大きく。太さは 700 から一段細い 500（しのさん 2026-10-10「font weight を一段細く」） */
#rsn-h { font-feature-settings: "palt"; }
@media (prefers-reduced-motion: reduce) { .m-glow { --gx: -400px !important; } }