diff --git a/README.md b/README.md
index b0adf7c..ce1f6cd 100644
--- a/README.md
+++ b/README.md
@@ -688,6 +688,51 @@ CSP を `Page.setBypassCSP` で迂回すると本番と異なる絵を撮るこ
 比較するだけなので、キャレット隠蔽やアニメーション静止は撮影側で行うこと
 （Playwright なら `caret: 'hide'` / `animations: 'disabled'` に相当）。
 
+#### `prefers-reduced-motion` のエミュレーション（プロジェクト単位・既定 OFF）
+
+プロジェクト設定の `emulate_reduced_motion`（`PATCH /v1/projects/{id}`）を
+有効にすると、storybook モードの撮影を `prefers-reduced-motion: reduce` を
+エミュレートした状態で行う。ページのナビゲーション前に
+`Emulation.setEmulatedMedia` で一度設定するので、CSS メディアクエリにも、
+初期化時に `matchMedia` を読む JS にも、実利用者が OS で reduce を
+設定したときと同じ条件で見える。
+
+**効く範囲は狭い。** 上の静止機構が `getAnimations()` に載るもの
+（CSS animation / transition / Web Animations）を実装の行儀に依存せず
+止めるのに対し、reduced-motion が動きを止められるのは
+**canvas / `requestAnimationFrame` など JS が毎フレーム描き直す実装のうち、
+`prefers-reduced-motion` を自分で尊重するものだけ**である。
+
+- **効くもの**: rAF / canvas 駆動で、かつメディアクエリ（CSS）や
+  `matchMedia`（JS）を見て動きを抑える実装
+- **効かないもの**:
+  - メディアクエリを見ない rAF / canvas 実装（尊重しない実装に
+    ブラウザ側から強制する手段は無い）
+  - アニメーション画像（GIF / APNG）・`<video>`・SMIL——ブラウザ自身が
+    進めるもので、そもそも「行儀」の概念が無い
+  - `getAnimations()` に載るアニメーション——こちらは reduce の尊重に
+    関係なく上の静止機構が既に止めている
+
+つまり**これを入れても flaky が消えるわけではない**。静止機構が原理的に
+届かない領域（rAF / canvas）のうち、行儀の良い実装との狭い交差にだけ効く
+追加の手である——自前のコンポーネントに `prefers-reduced-motion` の尊重を
+規約として課せる場合に最も価値がある。
+
+**既定が OFF なのは、有効化すると撮る絵が変わるから**である。reduce を
+尊重する story の絵が変わり、**そのプロジェクトの baseline が一度
+入れ替わる**——有効化後の最初のビルドで出る差分をレビューして承認すること
+（静止機構の「移行手順」と同じ一度きりの差分）。
+
+**fail-closed である**: 有効にした project では、撮影直前に「エミュレーションが
+実際に効いているか」を CSS カスケード（constructed stylesheet の
+`@media` プローブ）と `matchMedia` の両面で実測し、**効いていると確かめられ
+なければその story は撮らずにエラーにする**（`reduced-motion emulation was
+requested but could not be verified as applied`）。`matchMedia` を reduce を
+返さないモックへ差し替えるページ（polyfill やテストダブルの事故）はここで
+落ちる。ページが両方の観測を偽装する場合は原理的に検出できない——脅威モデルが
+事故であり悪意でないのは静止機構の検証と同じである。失敗経路の全数は
+`crates/service/src/render/browser.rs` の「層ごとの失敗経路」を参照。
+
 #### `vrt` CLI で 1 コマンド（推奨）
 
 同梱の CLI（`apps/backend/crates/cli`、バイナリ名 `vrt`）を使うと、ビルド作成 →
diff --git a/apps/backend/crates/entity/src/_generated/projects.rs b/apps/backend/crates/entity/src/_generated/projects.rs
index a27d5be..0327c1b 100644
--- a/apps/backend/crates/entity/src/_generated/projects.rs
+++ b/apps/backend/crates/entity/src/_generated/projects.rs
@@ -27,6 +27,10 @@ pub struct Model {
     /// プロジェクトごとに保持する完了ビルド数の上限。NULL は無制限（既定）。
     /// 超過した古い完了ビルドは自動削除される（現行 baseline の参照元は残す）。
     pub build_retention_limit: Option<i32>,
+    /// storybook モードの撮影時に `prefers-reduced-motion: reduce` を
+    /// エミュレートするか。既定 false——有効にすると撮る絵が変わり、
+    /// baseline が一度入れ替わるため。
+    pub emulate_reduced_motion: bool,
     /// GitHub App のインストール ID。Phase 6 で `github_installations` への FK にする。
     pub github_installation_id: Option<i64>,
     #[sea_orm(column_type = "Text", nullable)]
diff --git a/apps/backend/crates/handler/src/handlers/projects.rs b/apps/backend/crates/handler/src/handlers/projects.rs
index e9d1512..4f91d6c 100644
--- a/apps/backend/crates/handler/src/handlers/projects.rs
+++ b/apps/backend/crates/handler/src/handlers/projects.rs
@@ -147,7 +147,9 @@ pub async fn get_project(
     tag = "Projects",
     summary = "プロジェクト設定を更新",
     description = "admin 以上が必要。`diff_threshold` / `diff_ratio_fail` は 0.0〜1.0、\
-                   `viewport_width` / `viewport_height` は 64〜10000（storybook モードのレンダリング用）。",
+                   `viewport_width` / `viewport_height` は 64〜10000（storybook モードのレンダリング用）。\
+                   `emulate_reduced_motion` は撮影時に `prefers-reduced-motion: reduce` を\
+                   エミュレートする（既定 false。有効化すると baseline が一度入れ替わる）。",
     params(("project_id" = Uuid, Path, description = "プロジェクトID")),
     request_body = UpdateProjectRequest,
     responses(
@@ -178,6 +180,7 @@ pub async fn update_project(
             viewport_width: payload.viewport_width,
             viewport_height: payload.viewport_height,
             build_retention_limit: payload.build_retention_limit,
+            emulate_reduced_motion: payload.emulate_reduced_motion,
         },
     )
     .await?;
diff --git a/apps/backend/crates/job/src/render_build.rs b/apps/backend/crates/job/src/render_build.rs
index 2d1179f..ef55bd5 100644
--- a/apps/backend/crates/job/src/render_build.rs
+++ b/apps/backend/crates/job/src/render_build.rs
@@ -240,11 +240,7 @@ async fn run(
     let server = StaticServer::start(&bundle.root).await?;
     let base_url = server.base_url();
 
-    let options = RenderOptions::new(
-        chromium_path,
-        project.viewport_width.max(1) as u32,
-        project.viewport_height.max(1) as u32,
-    );
+    let options = render_options_for_project(chromium_path, &project);
     let renderer = StoryRenderer::launch(options).await?;
 
     // ブラウザは成功・失敗どちらでも必ず閉じる（`?` で早期 return しない）。
@@ -279,6 +275,26 @@ async fn run(
     Ok(())
 }
 
+/// project 設定から [`RenderOptions`] を組む。
+///
+/// ここが project 列とレンダラをつなぐ**唯一の配線**である。
+/// `emulate_reduced_motion` の「設定が有効な project なのに呼び出し自体が
+/// 漏れる」経路は実行時には検知できない（検知器の不在そのものがこの失敗）
+/// ため、配線を 1 箇所に寄せて単体テストで固定する
+/// （`service::render::browser` モジュール先頭の失敗経路表を参照）。
+fn render_options_for_project(
+    chromium_path: String,
+    project: &entity::projects::Model,
+) -> RenderOptions {
+    let mut options = RenderOptions::new(
+        chromium_path,
+        project.viewport_width.max(1) as u32,
+        project.viewport_height.max(1) as u32,
+    );
+    options.emulate_reduced_motion = project.emulate_reduced_motion;
+    options
+}
+
 /// ストーリー 1 件をどう処理するか。
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
 enum StoryAction {
@@ -624,6 +640,44 @@ mod tests {
         assert_eq!(truncate(&"x".repeat(50), 10).len(), 10);
     }
 
+    fn project_fixture(emulate_reduced_motion: bool) -> entity::projects::Model {
+        let now = chrono::Utc::now().fixed_offset();
+        entity::projects::Model {
+            id: Uuid::new_v4(),
+            tenant_id: Uuid::new_v4(),
+            name: "p".into(),
+            slug: "p".into(),
+            default_branch: "main".into(),
+            diff_threshold: 0.1,
+            diff_ratio_fail: 0.0,
+            viewport_width: 1280,
+            viewport_height: 720,
+            build_retention_limit: None,
+            emulate_reduced_motion,
+            github_installation_id: None,
+            github_repo: None,
+            created_at: now,
+            updated_at: now,
+        }
+    }
+
+    /// **project 列 `emulate_reduced_motion` がレンダラのオプションへ届く**こと。
+    ///
+    /// 「設定が有効な project なのに呼び出し自体が漏れる」経路は実行時には
+    /// 検知できないため、唯一の配線であるこの関数をテストで固定する。
+    /// 両方向を見る——ON が届くことだけでなく、OFF の project が ON に
+    /// 化けないことも（既定 OFF の契約）。
+    #[test]
+    fn reduced_motion_setting_reaches_the_render_options() {
+        let on = render_options_for_project("chromium".into(), &project_fixture(true));
+        assert!(on.emulate_reduced_motion);
+        let off = render_options_for_project("chromium".into(), &project_fixture(false));
+        assert!(!off.emulate_reduced_motion);
+        // 既存の配線が壊れていないこと（viewport・freeze 既定）。
+        assert_eq!((on.viewport_width, on.viewport_height), (1280, 720));
+        assert!(on.freeze_before_capture);
+    }
+
     #[test]
     fn queue_name_is_stable() {
         // ワーカー名は `{queue}-worker-{uuid}` で組み立てられる（server.rs 参照）。
diff --git a/apps/backend/crates/payload/src/projects.rs b/apps/backend/crates/payload/src/projects.rs
index aedd5b2..ffc9b97 100644
--- a/apps/backend/crates/payload/src/projects.rs
+++ b/apps/backend/crates/payload/src/projects.rs
@@ -41,6 +41,10 @@ pub struct ProjectResponse {
     /// 保持する完了ビルド数の上限。null は無制限。
     #[schema(nullable)]
     pub build_retention_limit: Option<i32>,
+    /// storybook モードの撮影時に `prefers-reduced-motion: reduce` を
+    /// エミュレートするか。既定 false。有効化すると撮る絵が変わり、
+    /// baseline が一度入れ替わる。
+    pub emulate_reduced_motion: bool,
     #[schema(nullable)]
     pub github_installation_id: Option<i64>,
     #[schema(nullable)]
@@ -64,6 +68,7 @@ impl From<projects::Model> for ProjectResponse {
             viewport_width: model.viewport_width,
             viewport_height: model.viewport_height,
             build_retention_limit: model.build_retention_limit,
+            emulate_reduced_motion: model.emulate_reduced_motion,
             github_installation_id: model.github_installation_id,
             github_repo: model.github_repo,
             created_at: model.created_at.with_timezone(&Utc),
@@ -104,4 +109,9 @@ pub struct UpdateProjectRequest {
     #[schema(nullable, value_type = Option<i32>)]
     #[serde(default, deserialize_with = "double_option")]
     pub build_retention_limit: Option<Option<i32>>,
+    /// storybook モードの撮影時に `prefers-reduced-motion: reduce` を
+    /// エミュレートするか。省略すると現在値を据え置く。既定は false。
+    /// **有効化すると撮る絵が変わり、そのプロジェクトの baseline が
+    /// 一度入れ替わる**——最初のビルドで差分をレビューして承認すること。
+    pub emulate_reduced_motion: Option<bool>,
 }
diff --git a/apps/backend/crates/service/src/projects.rs b/apps/backend/crates/service/src/projects.rs
index 6dda8fa..41ff3c8 100644
--- a/apps/backend/crates/service/src/projects.rs
+++ b/apps/backend/crates/service/src/projects.rs
@@ -68,6 +68,11 @@ pub struct ProjectSettings {
     /// ビルド保持数の上限。外側 `None` は据え置き、`Some(None)` は無制限（NULL）に設定、
     /// `Some(Some(n))` は上限を `n` に設定する。
     pub build_retention_limit: Option<Option<i32>>,
+    /// storybook モードの撮影時に `prefers-reduced-motion: reduce` を
+    /// エミュレートするか。既定 OFF（[`create_project`]）——有効にすると
+    /// 撮る絵が変わり、そのプロジェクトの baseline が一度入れ替わるため、
+    /// 利用者が明示的に選んだときにだけ変える。
+    pub emulate_reduced_motion: Option<bool>,
 }
 
 /// テナント内のプロジェクト一覧（作成順）。
@@ -159,6 +164,7 @@ pub async fn create_project<C: ConnectionTrait>(
         viewport_width: Set(DEFAULT_VIEWPORT_WIDTH),
         viewport_height: Set(DEFAULT_VIEWPORT_HEIGHT),
         build_retention_limit: Set(None),
+        emulate_reduced_motion: Set(false),
         github_installation_id: Set(None),
         github_repo: Set(None),
         created_at: Set(now),
@@ -212,6 +218,9 @@ pub async fn update_project<C: ConnectionTrait>(
     if let Some(build_retention_limit) = settings.build_retention_limit {
         active.build_retention_limit = Set(build_retention_limit);
     }
+    if let Some(emulate_reduced_motion) = settings.emulate_reduced_motion {
+        active.emulate_reduced_motion = Set(emulate_reduced_motion);
+    }
     active.updated_at = Set(Utc::now().fixed_offset());
     Ok(active.update(db).await?)
 }
diff --git a/apps/backend/crates/service/src/render/browser.rs b/apps/backend/crates/service/src/render/browser.rs
index ef9732d..84e3ffd 100644
--- a/apps/backend/crates/service/src/render/browser.rs
+++ b/apps/backend/crates/service/src/render/browser.rs
@@ -6,6 +6,9 @@
 //!    ループバック限定なので外部からは触れない
 //! 2. [`StoryRenderer`] が chromiumoxide で Chromium を起動し、
 //!    `http://127.0.0.1:{port}/iframe.html?id={story_id}&viewMode=story` を開く
+//!    （project 設定で有効な場合は、ナビゲーション前に
+//!    `Emulation.setEmulatedMedia` で `prefers-reduced-motion: reduce` を
+//!    エミュレートし、撮影直前に適用を実測する——効いていなければ撮らない）
 //! 3. Storybook 自身の描画完了シグナル（アドオンチャンネルの `storyRendered`）を待ち、
 //!    短い settle 待ちのあと [`FREEZE_SCRIPT`] でキャレットとアニメーションを
 //!    決定的に静止させてから、ビューポートを PNG で撮る
@@ -55,9 +58,13 @@
 //! | Rust 側の解析（[`freeze_verdict`]） | 検知 | `ok === true` と確かめられた場合のみ撮影へ進む。欠落・型違い・parse 失敗はすべて unparseable（fail-closed） |
 //! | iframe・shadow 走査（`freezeRoot` 再帰） | 部分的 | open shadow root と同一オリジン iframe には到達。closed shadow root は**列挙する API が存在せず検知不能**、静止処理より後から生成される root にも届かない——いずれも README「届かない範囲」でページ側の責務と定めてある |
 //! | スクリーンショット | 検知 | CDP エラーは Rust 側 `Err`（fail-closed） |
+//! | reduced-motion 適用（`Emulation.setEmulatedMedia`） | 検知（CDP エラー・無応答とも） | project 設定で有効なときだけ `new_page` 直後（ナビゲーション前）に一度呼ぶ。CDP エラーは Rust 側 `Err` → [`RenderError::Cdp`]（環境分類・即中断。story のスクリプトを待たない一往復で、失敗の原因はブラウザ側——`new_page` と同じ分類）。無応答は chromiumoxide の request timeout（既定 30 秒）が `CdpError::Timeout` を返し、同じ `Cdp` へ倒れる（fail-closed） |
+//! | reduced-motion 適用の検証（[`REDUCED_MOTION_PROBE`]） | 部分的に検知 | 「呼び出しは成功したが実際にはメディアクエリが変わっていない」を撮影直前に実測する——constructed stylesheet の `@media (prefers-reduced-motion: reduce)` が効いたかのプローブ（`--vrt-reduced-motion`）と `matchMedia().matches` の**両輪**。どちらかが不成立なら `ok: false` → [`RenderError::Story`]（fail-closed。reduce を返さない壊れた/モックされた `matchMedia`——polyfill やテストダブルの事故——はここで落ちる）。evaluate の CDP エラーは READY probe と同様 deadline までリトライし期限で [`RenderError::Timeout`]。**ページが両方の観測を偽装する積極的な偽りは原理的に検知不能**——検証はページの JS realm で走り、CDP に emulated media 状態を読み戻す API が無い。脅威モデルは一貫して事故であり悪意ではない（README「検証層自身の失敗も fail-closed である」と同じ契約） |
+//! | reduced-motion 有効なのに呼び出し自体が漏れる | 実行時には検知不能 | 検知器の不在そのものがこの失敗であり、実行時観測では塞げない（「呼ばれなかったこと」を観測する層は、それ自身も呼ばれない）。構造で塞ぐ——適用は [`StoryRenderer::render_story`] の単一チョークポイントにだけ置き、分岐は `RenderOptions::emulate_reduced_motion` の一つ、project 列からの配線は `render_build` の単体テストで固定、経路全体は「ON で絵が変わる」positive control テスト（`reduced_motion_emulation_changes_the_picture_and_is_deterministic`）が貫通して固定する |
 //!
 //! 残る fail-open は「原理的に観測できない」もの（closed shadow root・
-//! クロスオリジン iframe・後から生成される root）だけであり、これらは
+//! クロスオリジン iframe・後から生成される root・reduced-motion 検証の
+//! 観測を両輪とも偽装するページ）だけであり、これらは
 //! 検知不能な理由とともに README の「届かない範囲」で利用者との契約に
 //! 昇格させてある。観測できるのに判定に使っていない失敗は残さないこと。
 //!
@@ -78,6 +85,8 @@
 //! | FREEZE evaluate | READY 待ちと**共有**の deadline（`started + story_timeout`）の残余。1 story の最悪所要は約 `story_timeout` + `SETTLE_DELAY` に収まる | [`RenderError::Timeout`]（時間切れ。READY 側と同じ分類。evaluate の CDP エラーも READY probe と同様 deadline までリトライし、期限で同じ Timeout——即 [`RenderError::Cdp`] へは倒さない） | `raf_suppressed_page_fails_within_the_story_timeout`・`freeze_timeout_shares_the_story_deadline_with_the_ready_wait`・`reloading_page_during_freeze_fails_story_scoped`・`collected_freeze_promise_fails_story_scoped` |
 //! | FREEZE 結果の解析 | 即時（待ちなし） | [`RenderError::Story`]（`freeze_verdict`） | `freeze_verdict_*` 単体群・`garbled_freeze_result_fails_instead_of_silently_succeeding` |
 //! | スクリーンショット | **なし**——CDP 呼び出しが返らない場合は上位の CI ジョブタイムアウト頼み。JS の promise を待たない一往復コマンドで、ハングの既知経路が無いため保留（欠けと認識した上での判断） | [`RenderError::Cdp`] | `renders_a_story_to_a_png_with_the_requested_viewport` |
+//! | reduced-motion 適用 | chromiumoxide の request timeout（既定 30 秒。一往復コマンド共通の機構） | [`RenderError::Cdp`] | `reduced_motion_emulation_changes_the_picture_and_is_deterministic` |
+//! | reduced-motion 検証 | evaluate リトライは READY 待ちと共有の deadline 残余。判定自体は即時 | [`RenderError::Story`]（[`reduced_motion_verdict`]）/ リトライ期限切れは [`RenderError::Timeout`] | `a_page_that_breaks_matchmedia_fails_instead_of_silently_capturing`・`reduced_motion_verdict_*` 単体群 |
 //!
 //! ## story 固有の失敗と環境の失敗（隔離の分類・全経路）
 //!
@@ -102,6 +111,9 @@
 //! | FREEZE evaluate のエラー・ハング | リトライ→期限で [`RenderError::Timeout`] | story | navigation / reload・rAF 捨ては story のスクリプトの挙動（実測経路は上表） |
 //! | FREEZE verdict（静止失敗・解析不能） | [`RenderError::Story`] | story | その story のアニメーション・応答の内容に起因 |
 //! | スクリーンショット | [`RenderError::Cdp`] | 環境（即中断） | JS を待たない一往復の CDP コマンド——失敗はブラウザ側 |
+//! | reduced-motion 適用（`setEmulatedMedia`） | [`RenderError::Cdp`] | 環境（即中断） | `new_page` 直後・story のスクリプトを待たない一往復——失敗はブラウザ側 |
+//! | reduced-motion 検証の evaluate エラー | リトライ→期限で [`RenderError::Timeout`] | story | READY probe と同じ——ナビゲーション中の一時的な context 差し替えが主因 |
+//! | reduced-motion 検証の不成立・解析不能 | [`RenderError::Story`] | story | `matchMedia` の差し替え等、そのページの内容に起因 |
 //! | スクリーンショット名の規則違反 | `StoryFailure` 直行（`render_build`） | story | story の title / name に起因。全違反を 1 ビルドで列挙する |
 //! | ストレージ・DB・baseline 流用の失敗 | `anyhow`（`render_build`） | 環境（即中断） | 保存経路の異常は次の story でも再現する |
 //! | バンドル展開・stories 空 | `anyhow`（`render_build`） | ビルド全体（ループ前に中断） | story 以前の前提が壊れている |
@@ -130,6 +142,7 @@ use std::path::{Path, PathBuf};
 use std::time::Duration;
 
 use chromiumoxide::browser::{Browser, BrowserConfig};
+use chromiumoxide::cdp::browser_protocol::emulation::{MediaFeature, SetEmulatedMediaParams};
 use chromiumoxide::cdp::browser_protocol::page::CaptureScreenshotFormat;
 use chromiumoxide::handler::viewport::Viewport;
 use chromiumoxide::page::ScreenshotParams;
@@ -624,6 +637,61 @@ const FREEZE_SCRIPT: &str = r#"
 })()
 "#;
 
+/// reduced-motion エミュレーションが実際に効いているかを撮影直前に実測するプローブ。
+///
+/// `Emulation.setEmulatedMedia` の応答が成功でも、「メディアクエリが実際に
+/// 変わった」ことの証明にはならない——できたことは効いたことの証明ではない。
+/// 二輪で実測する:
+///
+/// 1. **CSS 輪**: constructed stylesheet の `@media (prefers-reduced-motion:
+///    reduce)` 内でだけ立つカスタムプロパティ（`--vrt-reduced-motion`）を
+///    `getComputedStyle` で読む。CSS カスケードの実評価であり、
+///    `matchMedia` 関数オブジェクトには依存しない
+/// 2. **matchMedia 輪**: `window.matchMedia('(prefers-reduced-motion:
+///    reduce)').matches === true`。JS 実装が実際に参照する観測面であり、
+///    reduce を返さない壊れた/モックされた `matchMedia`（polyfill・テスト
+///    ダブルの事故）をここで検出する——CSS 輪だけでは「CSS には効いたが
+///    JS には見えない」ページを素通ししてしまう
+///
+/// どちらか一方でも不成立なら `ok: false`（fail-closed）。プローブ自体の
+/// throw も `errors` → `ok: false` で、集めた診断は判定にも表示にも使う。
+/// 両輪とも偽装するページは原理的に検出できない（モジュール doc の表を参照）。
+const REDUCED_MOTION_PROBE: &str = r#"
+(() => {
+  const errors = [];
+  let cssApplied = false;
+  let mmMatches = false;
+  try {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(
+      '@media (prefers-reduced-motion: reduce) { :root { --vrt-reduced-motion: on; } }'
+    );
+    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    cssApplied =
+      getComputedStyle(document.documentElement)
+        .getPropertyValue('--vrt-reduced-motion')
+        .trim() === 'on';
+    document.adoptedStyleSheets = document.adoptedStyleSheets.filter((s) => s !== sheet);
+    if (!cssApplied) {
+      errors.push('the reduce media query did not apply to the CSS cascade');
+    }
+  } catch (e) {
+    errors.push('css probe: ' + String(e));
+  }
+  try {
+    mmMatches = window.matchMedia('(prefers-reduced-motion: reduce)').matches === true;
+    if (!mmMatches) {
+      errors.push(
+        'matchMedia does not report reduce (the emulation was not applied, or matchMedia is broken or mocked)'
+      );
+    }
+  } catch (e) {
+    errors.push('matchMedia probe: ' + String(e));
+  }
+  return JSON.stringify({ ok: cssApplied && mmMatches, errors: errors });
+})()
+"#;
+
 #[derive(Debug, Error)]
 pub enum RenderError {
     #[error("failed to launch chromium at {path}: {source}")]
@@ -714,6 +782,13 @@ pub struct RenderOptions {
     /// 検証する positive control のためにある。本番経路（`render_build`）は
     /// [`RenderOptions::new`] を通るので常に `true`。
     pub freeze_before_capture: bool,
+    /// `prefers-reduced-motion: reduce` をエミュレートして撮るか。
+    /// 既定は `false`（project 設定の既定 OFF と一致）。
+    ///
+    /// `true` のときはナビゲーション前に `Emulation.setEmulatedMedia` を
+    /// 一度設定し、撮影直前に [`REDUCED_MOTION_PROBE`] で「実際に効いている」
+    /// ことを実測する。効いていると確かめられなければ撮らない（fail-closed）。
+    pub emulate_reduced_motion: bool,
 }
 
 impl RenderOptions {
@@ -728,6 +803,7 @@ impl RenderOptions {
             viewport_height,
             story_timeout: DEFAULT_STORY_TIMEOUT,
             freeze_before_capture: true,
+            emulate_reduced_motion: false,
         }
     }
 }
@@ -904,6 +980,29 @@ impl StoryRenderer {
             })?;
 
         let result = async {
+            // reduced-motion のエミュレーションは**ナビゲーション前**に一度
+            // 設定する。撮影直前に設定すると、初期化時に一度だけ
+            // `matchMedia` を読む実装（この層の主対象である rAF / canvas
+            // 実装の最頻形）には見えない——OS で reduce を設定した実利用者は
+            // ページ読み込みの最初から reduce で描画されるのであり、それと
+            // 同じ条件で撮る。`Emulation.setEmulatedMedia` はセッション状態
+            // なのでナビゲーションを跨いで効き続け、「実際に効いているか」は
+            // 撮影直前に [`REDUCED_MOTION_PROBE`] で実測する（fail-closed）。
+            // story のスクリプトを待たない一往復の CDP コマンドなので、
+            // 失敗は `new_page` と同じ環境分類（無応答は chromiumoxide の
+            // request timeout（既定 30 秒）が拾う——モジュール doc の表を参照）。
+            if self.options.emulate_reduced_motion {
+                page.execute(
+                    SetEmulatedMediaParams::builder()
+                        .feature(MediaFeature::new("prefers-reduced-motion", "reduce"))
+                        .build(),
+                )
+                .await
+                .map_err(|source| RenderError::Cdp {
+                    story_id: story_id.to_string(),
+                    source,
+                })?;
+            }
             page.evaluate_on_new_document(READY_HOOK_SCRIPT)
                 .await
                 .map_err(|source| RenderError::Cdp {
@@ -977,6 +1076,44 @@ impl StoryRenderer {
 
         tokio::time::sleep(SETTLE_DELAY).await;
 
+        // reduced-motion を要求した project では、撮影直前に「実際に効いて
+        // いる」ことを実測する。setEmulatedMedia の応答が成功でも効いた
+        // 証明にはならず、「reduce を要求したのに適用されなかった」が
+        // 黙って通れば、静止させたと信じたまま動く絵を撮る（fail-closed）。
+        // evaluate の CDP エラーは READY probe / FREEZE evaluate と同じ扱いで
+        // deadline までリトライし、期限で story 分類の Timeout に倒す。
+        if self.options.emulate_reduced_motion {
+            let probe_result = loop {
+                let remaining = deadline.saturating_duration_since(std::time::Instant::now());
+                match tokio::time::timeout(remaining, page.evaluate(REDUCED_MOTION_PROBE)).await {
+                    Ok(Ok(result)) => break result,
+                    Err(_) => {
+                        return Err(RenderError::Timeout {
+                            story_id: story_id.to_string(),
+                            timeout: self.options.story_timeout,
+                            phase: "the reduced-motion verification never returned a verdict",
+                        });
+                    }
+                    Ok(Err(e)) => {
+                        tracing::trace!(
+                            %story_id, error = %e,
+                            "reduced-motion probe evaluate failed; retrying"
+                        );
+                        if std::time::Instant::now() + POLL_INTERVAL >= deadline {
+                            return Err(RenderError::Timeout {
+                                story_id: story_id.to_string(),
+                                timeout: self.options.story_timeout,
+                                phase: "the reduced-motion verification evaluate kept \
+                                 failing until the story deadline",
+                            });
+                        }
+                        tokio::time::sleep(POLL_INTERVAL).await;
+                    }
+                }
+            };
+            reduced_motion_verdict(probe_result.value(), story_id)?;
+        }
+
         // 撮影直前にキャレットとアニメーションを決定的な座標へ固定する。
         // 静止に失敗したまま撮ると flaky な絵が baseline に混ざるので、
         // 黙って続行せず失敗として返す（fail-closed）。
@@ -1154,6 +1291,64 @@ fn freeze_verdict(value: Option<&serde_json::Value>, story_id: &str) -> Result<(
     }
 }
 
+/// [`REDUCED_MOTION_PROBE`] の返り値を検分し、撮影へ進んでよいか判定する。
+///
+/// [`freeze_verdict`] と同じ受理条件——`ok` が `true` であると確かめられた
+/// 場合にだけ `Ok(())` を返し、それ以外はすべて失敗（fail-closed）:
+///
+/// - `ok: false` — **エミュレーションが効いていると確かめられなかった**。
+///   `errors` にどちらの輪（CSS / matchMedia）が不成立だったかが載る
+/// - 値が文字列でない／JSON として読めない／`ok` が無い・bool でない —
+///   **検証結果を解析できなかった**。効いているかどうか自体が不明
+///
+/// どちらも既存の freeze 失敗と同じ [`RenderError::Story`] 経路を使う
+/// （story 単位に隔離され、残りの story は撮り続けられる）。
+fn reduced_motion_verdict(
+    value: Option<&serde_json::Value>,
+    story_id: &str,
+) -> Result<(), RenderError> {
+    let unparseable = |detail: String| RenderError::Story {
+        story_id: story_id.to_string(),
+        message: format!("reduced-motion verification result was unparseable: {detail}"),
+    };
+    let Some(raw) = value.and_then(|v| v.as_str()) else {
+        return Err(unparseable(format!(
+            "expected a JSON string, got {value:?}"
+        )));
+    };
+    let parsed = serde_json::from_str::<serde_json::Value>(raw)
+        .map_err(|e| unparseable(format!("{e} (raw: {raw})")))?;
+    match parsed.get("ok").and_then(|v| v.as_bool()) {
+        // 効いていると確かめられた。撮影へ進む。`ok` 以外のキーは検査しない
+        // （将来プローブが返すものを増やしても正当な応答を弾かない）。
+        Some(true) => Ok(()),
+        Some(false) => {
+            let errors_note = parsed
+                .get("errors")
+                .and_then(|v| v.as_array())
+                .map(|arr| {
+                    let joined = arr
+                        .iter()
+                        .filter_map(|v| v.as_str())
+                        .collect::<Vec<_>>()
+                        .join("; ");
+                    format!(" (errors: {joined})")
+                })
+                .unwrap_or_default();
+            Err(RenderError::Story {
+                story_id: story_id.to_string(),
+                message: format!(
+                    "reduced-motion emulation was requested but could not be \
+                     verified as applied{errors_note}"
+                ),
+            })
+        }
+        None => Err(unparseable(format!(
+            "missing or non-boolean `ok` key (raw: {raw})"
+        ))),
+    }
+}
+
 /// 起動失敗が一時的（リトライで直りうる）かを判定する。
 ///
 /// ブラウザプロセスの立ち上げそのものがこけた系
@@ -4082,6 +4277,259 @@ mod tests {
         renderer.close().await;
     }
 
+    /// reduced-motion を尊重して見た目が変わるバンドル。エミュレーション検証用。
+    ///
+    /// - `demo-rm--box` : 上半分は **CSS メディアクエリ**で色が変わる
+    ///   （通常 赤 / reduce 青）。下半分は **JS が描画時に一度だけ
+    ///   `matchMedia` を読んで**色を決める（通常 黄 / reduce 緑）。
+    ///   JS 側はエミュレーションが**ナビゲーション前に**効いていることの
+    ///   証明になる——撮影直前に設定したのでは、描画時に読んだ値は
+    ///   通常のままで黄が出る
+    /// - `demo-rm--mocked` : `window.matchMedia` を「常に matches: false」の
+    ///   モックへ差し替えるページ（polyfill / テストダブルの事故を模す）。
+    ///   エミュレーション有効時は検証の matchMedia 輪が不成立になり、
+    ///   fail-closed で落ちるべき対象
+    fn write_reduced_motion_bundle(root: &Path) {
+        write_story_html(
+            root,
+            r#"  html,body{margin:0;padding:0;background:#fff}
+  .css-box { width:100%; height:50vh; background:#ff0000; }
+  @media (prefers-reduced-motion: reduce) { .css-box { background:#0000ff; } }"#,
+            "",
+            r#"      var root = document.getElementById('storybook-root');
+      if (id === 'demo-rm--mocked') {
+        window.matchMedia = function () {
+          return { matches: false, media: '',
+                   addEventListener: function () {}, removeEventListener: function () {} };
+        };
+      }
+      var cssBox = document.createElement('div');
+      cssBox.className = 'css-box';
+      root.appendChild(cssBox);
+      var jsBox = document.createElement('div');
+      jsBox.style.width = '100%';
+      jsBox.style.height = '50vh';
+      jsBox.style.background =
+        window.matchMedia('(prefers-reduced-motion: reduce)').matches
+          ? '#00ff00' : '#ffff00';
+      root.appendChild(jsBox);
+      channel.emit('storyRendered', id);"#,
+        );
+    }
+
+    /// `ok === true` と確かめられたときだけ成功。それ以外——`ok: false`・
+    /// 解析不能——はすべて失敗（fail-closed）。[`freeze_verdict`] と同じ
+    /// 受理条件を reduced-motion 検証にも要求する。
+    ///
+    /// 証明する: `reduced_motion_verdict` の受理条件のみ。証明しない:
+    /// 実ブラウザでプローブがこの形の JSON を返すこと（実ブラウザ系が担う）。
+    #[test]
+    fn reduced_motion_verdict_accepts_only_a_verified_ok_true() {
+        let json = |raw: &str| serde_json::Value::String(raw.to_string());
+
+        assert!(reduced_motion_verdict(Some(&json(r#"{"ok":true}"#)), "s").is_ok());
+        // 将来プローブの戻り値を拡張しても ok:true なら通る。
+        assert!(
+            reduced_motion_verdict(Some(&json(r#"{"ok":true,"errors":[],"extra":1}"#)), "s")
+                .is_ok()
+        );
+
+        // ok:false は「効いていると確かめられなかった」。errors が原因ごと載る。
+        let message = reduced_motion_verdict(
+            Some(&json(
+                r#"{"ok":false,"errors":["matchMedia does not report reduce"]}"#,
+            )),
+            "s",
+        )
+        .expect_err("ok:false must fail")
+        .to_string();
+        assert!(
+            message.contains("could not be verified")
+                && message.contains("matchMedia does not report reduce"),
+            "the failure must carry the probe's diagnostics, got {message:?}"
+        );
+
+        // 解析不能はすべて「効いているか不明」の失敗。成功へ倒さない。
+        let unparseable: Vec<(&str, Option<serde_json::Value>)> = vec![
+            ("evaluate returned no value", None),
+            ("non-string value", Some(serde_json::json!(42))),
+            ("non-JSON string", Some(json("not json"))),
+            ("missing ok key", Some(json(r#"{"errors":[]}"#))),
+            ("non-boolean ok", Some(json(r#"{"ok":"true"}"#))),
+        ];
+        for (label, value) in &unparseable {
+            let message = reduced_motion_verdict(value.as_ref(), "s")
+                .expect_err(&format!("{label}: must fail"))
+                .to_string();
+            assert!(
+                message.contains("unparseable"),
+                "{label}: the error must say the result could not be parsed, got {message:?}"
+            );
+        }
+    }
+
+    /// **positive control**: reduced-motion エミュレーションが絵を実際に
+    /// 変えること、そして決定的であること。
+    ///
+    /// - OFF: CSS 輪は赤・JS 輪は黄（fixture が動いていることの対照——
+    ///   ここで色が出なければ、ON の検証は何も証明しない）
+    /// - ON: CSS 輪は青（メディアクエリが CSS カスケードに効いた）・
+    ///   JS 輪は緑（**描画時に一度だけ読む** `matchMedia` にも見えた =
+    ///   ナビゲーション前の適用が効いている）
+    /// - ON の二回撮りはバイト一致（決定性）・ON と OFF の絵は異なる
+    ///
+    /// 証明する: エミュレーションの適用・検証・配線が経路全体として効くこと
+    /// （「設定が有効なのに呼び出しが漏れる」経路をこのテストが貫通して固定）。
+    /// 証明しない: 適用に失敗したとき落ちること（下の mocked テストが担う）。
+    #[tokio::test(flavor = "multi_thread")]
+    async fn reduced_motion_emulation_changes_the_picture_and_is_deterministic() {
+        let Some(chromium) = discover_chromium() else {
+            eprintln!(
+                "SKIP reduced_motion_emulation_changes_the_picture_and_is_deterministic: \
+                 no chromium"
+            );
+            return;
+        };
+        let _guard = BROWSER_LOCK.lock().await;
+
+        let dir = tempfile::tempdir().expect("tempdir");
+        write_reduced_motion_bundle(dir.path());
+        let server = StaticServer::start(dir.path()).await.expect("start server");
+
+        let mut options = RenderOptions::new(chromium, 320, 240);
+        options.story_timeout = Duration::from_secs(10);
+
+        // OFF（既定）: 通常の絵。fixture が本当に分岐を描いていることの対照。
+        let renderer = StoryRenderer::launch(options.clone())
+            .await
+            .expect("launch (emulation off)");
+        let off = renderer
+            .render_story(&server.base_url(), "demo-rm--box")
+            .await
+            .expect("capture without emulation");
+        renderer.close().await;
+
+        let image = decode_png(&off);
+        let css = image.get_pixel(160, 60);
+        let js = image.get_pixel(160, 180);
+        assert_eq!(
+            (css[0], css[1], css[2]),
+            (255, 0, 0),
+            "without emulation the CSS branch must be the no-preference color"
+        );
+        assert_eq!(
+            (js[0], js[1], js[2]),
+            (255, 255, 0),
+            "without emulation the render-time matchMedia read must be no-preference"
+        );
+
+        // ON: reduce の絵。二回撮って決定性も確かめる。
+        options.emulate_reduced_motion = true;
+        let renderer = StoryRenderer::launch(options)
+            .await
+            .expect("launch (emulation on)");
+        let first = renderer
+            .render_story(&server.base_url(), "demo-rm--box")
+            .await
+            .expect("first capture with emulation");
+        let second = renderer
+            .render_story(&server.base_url(), "demo-rm--box")
+            .await
+            .expect("second capture with emulation");
+        renderer.close().await;
+
+        assert_eq!(
+            first, second,
+            "two captures under reduced-motion emulation must be byte-identical"
+        );
+        assert_ne!(
+            first, off,
+            "the emulated capture must differ from the non-emulated one — \
+             otherwise the emulation changed nothing and the switch is a no-op"
+        );
+
+        let image = decode_png(&first);
+        let css = image.get_pixel(160, 60);
+        let js = image.get_pixel(160, 180);
+        assert_eq!(
+            (css[0], css[1], css[2]),
+            (0, 0, 255),
+            "the reduce media query must reach the CSS cascade"
+        );
+        assert_eq!(
+            (js[0], js[1], js[2]),
+            (0, 255, 0),
+            "a render-time matchMedia read must see reduce — the emulation must be \
+             applied before navigation, not right before the capture"
+        );
+    }
+
+    /// **fail-closed**: エミュレーションを要求したのに「効いている」と
+    /// 確かめられないページでは、撮らずに失敗すること。
+    ///
+    /// fixture は `window.matchMedia` を「常に matches: false」のモックへ
+    /// 差し替える（polyfill / テストダブルの事故を模す）。CSS 輪は効いて
+    /// いるが matchMedia 輪が不成立——JS 実装には reduce が見えないまま
+    /// 撮ることになるので、fail-closed で落とす。**検証を入れる前の実装
+    /// （setEmulatedMedia を呼ぶだけ）はこのページを成功として撮っていた**
+    /// ——このテストが落ちなくなったら、検証が判定から外れている。
+    ///
+    /// 対照: エミュレーションを**要求していない** project では、同じページが
+    /// 成功する——モックされた matchMedia は「reduce を要求した」ときにだけ
+    /// 失敗になる（検証は要求の裏取りであり、ページの行儀の監査ではない）。
+    #[tokio::test(flavor = "multi_thread")]
+    async fn a_page_that_breaks_matchmedia_fails_instead_of_silently_capturing() {
+        let Some(chromium) = discover_chromium() else {
+            eprintln!(
+                "SKIP a_page_that_breaks_matchmedia_fails_instead_of_silently_capturing: \
+                 no chromium"
+            );
+            return;
+        };
+        let _guard = BROWSER_LOCK.lock().await;
+
+        let dir = tempfile::tempdir().expect("tempdir");
+        write_reduced_motion_bundle(dir.path());
+        let server = StaticServer::start(dir.path()).await.expect("start server");
+
+        let mut options = RenderOptions::new(chromium, 320, 240);
+        options.story_timeout = Duration::from_secs(10);
+        options.emulate_reduced_motion = true;
+        let renderer = StoryRenderer::launch(options.clone())
+            .await
+            .expect("launch (emulation on)");
+        let err = renderer
+            .render_story(&server.base_url(), "demo-rm--mocked")
+            .await
+            .expect_err(
+                "a page whose matchMedia cannot confirm the emulation must fail \
+                 instead of being captured",
+            );
+        renderer.close().await;
+
+        let message = err.to_string();
+        assert!(
+            message.contains("could not be verified") && message.contains("matchMedia"),
+            "the error must say the emulation could not be verified and name the \
+             failing probe, got {message:?}"
+        );
+        assert!(
+            matches!(err, RenderError::Story { .. }),
+            "the failure must be story-scoped so the remaining stories keep rendering"
+        );
+
+        // 対照: 要求していなければ同じページでも成功する。
+        options.emulate_reduced_motion = false;
+        let renderer = StoryRenderer::launch(options)
+            .await
+            .expect("launch (emulation off)");
+        renderer
+            .render_story(&server.base_url(), "demo-rm--mocked")
+            .await
+            .expect("without the request the mocked page is a legitimate story");
+        renderer.close().await;
+    }
+
     #[tokio::test]
     async fn static_server_serves_the_bundle_over_loopback() {
         let dir = tempfile::tempdir().expect("tempdir");
diff --git a/apps/backend/migration/src/lib.rs b/apps/backend/migration/src/lib.rs
index 35a5963..bc740ba 100644
--- a/apps/backend/migration/src/lib.rs
+++ b/apps/backend/migration/src/lib.rs
@@ -6,6 +6,7 @@ mod m20260730000000_build_retention_limit;
 mod m20260801000000_build_approval_evidence;
 mod m20260802000000_build_capture_plan;
 mod m20260803000000_content_hash_decode_skip;
+mod m20260811000000_reduced_motion;
 
 pub struct Migrator;
 
@@ -19,6 +20,7 @@ impl MigratorTrait for Migrator {
             Box::new(m20260801000000_build_approval_evidence::Migration),
             Box::new(m20260802000000_build_capture_plan::Migration),
             Box::new(m20260803000000_content_hash_decode_skip::Migration),
+            Box::new(m20260811000000_reduced_motion::Migration),
         ]
     }
 }
diff --git a/apps/backend/migration/src/m20260811000000_reduced_motion.rs b/apps/backend/migration/src/m20260811000000_reduced_motion.rs
new file mode 100644
index 0000000..14ed67e
--- /dev/null
+++ b/apps/backend/migration/src/m20260811000000_reduced_motion.rs
@@ -0,0 +1,29 @@
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        // storybook モードの撮影時に `prefers-reduced-motion: reduce` を
+        // エミュレートするかのプロジェクト単位スイッチ。既定 OFF——有効にすると
+        // 撮る絵が変わり、そのプロジェクトの baseline が一度入れ替わるため、
+        // 利用者が明示的に選んだときにだけ変える。
+        manager
+            .get_connection()
+            .execute_unprepared(
+                "ALTER TABLE projects ADD COLUMN emulate_reduced_motion BOOLEAN NOT NULL DEFAULT FALSE",
+            )
+            .await?;
+        Ok(())
+    }
+
+    async fn down(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        manager
+            .get_connection()
+            .execute_unprepared("ALTER TABLE projects DROP COLUMN IF EXISTS emulate_reduced_motion")
+            .await?;
+        Ok(())
+    }
+}
diff --git a/apps/frontend/openapi.json b/apps/frontend/openapi.json
index 3c1abf3..378f4cd 100644
--- a/apps/frontend/openapi.json
+++ b/apps/frontend/openapi.json
@@ -3953,7 +3953,7 @@
           "Projects"
         ],
         "summary": "プロジェクト設定を更新",
-        "description": "admin 以上が必要。`diff_threshold` / `diff_ratio_fail` は 0.0〜1.0、`viewport_width` / `viewport_height` は 64〜10000（storybook モードのレンダリング用）。",
+        "description": "admin 以上が必要。`diff_threshold` / `diff_ratio_fail` は 0.0〜1.0、`viewport_width` / `viewport_height` は 64〜10000（storybook モードのレンダリング用）。`emulate_reduced_motion` は撮影時に `prefers-reduced-motion: reduce` をエミュレートする（既定 false。有効化すると baseline が一度入れ替わる）。",
         "operationId": "update_project",
         "parameters": [
           {
@@ -6940,6 +6940,7 @@
           "diff_ratio_fail",
           "viewport_width",
           "viewport_height",
+          "emulate_reduced_motion",
           "created_at",
           "updated_at"
         ],
@@ -6969,6 +6970,10 @@
             "format": "double",
             "description": "1 ピクセルを差分と判定する色距離のしきい値（0.0〜1.0）。"
           },
+          "emulate_reduced_motion": {
+            "type": "boolean",
+            "description": "storybook モードの撮影時に `prefers-reduced-motion: reduce` を\nエミュレートするか。既定 false。有効化すると撮る絵が変わり、\nbaseline が一度入れ替わる。"
+          },
           "github_installation_id": {
             "type": [
               "integer",
@@ -7309,6 +7314,13 @@
             ],
             "format": "double"
           },
+          "emulate_reduced_motion": {
+            "type": [
+              "boolean",
+              "null"
+            ],
+            "description": "storybook モードの撮影時に `prefers-reduced-motion: reduce` を\nエミュレートするか。省略すると現在値を据え置く。既定は false。\n**有効化すると撮る絵が変わり、そのプロジェクトの baseline が\n一度入れ替わる**——最初のビルドで差分をレビューして承認すること。"
+          },
           "name": {
             "type": [
               "string",