HAKO / 秋の新入荷 — 掲載用アニメーション
作成者区分: デザイン、構図、コピー、動きの原案は Claude Design（Animationテンプレート）。この説明、単体HTMLへの梱包、下記補正はCodex。

形式
1080×1080の正方形、12秒、無音。animation.htmlはブラウザで再生する作品で、SNSへ直接投稿する動画ファイルではありません。このパッケージにはMP4は含めていません。別途書き出した動画を併用する場合は、そのファイルを確認してください。

秒単位の絵コンテ
0–3秒: 紙片が集まる導入。リムマグと「秋の、いいもの。」、HAKO、AUTUMN FINDS。
3–6秒: 3商品が登場。「暮らしに、小さな彩り。」、リムマグ 2,400円（税込）、リネンクロス 1,800円（税込）、一輪挿し 2,200円（税込）。
6–9秒: 商品の構図が揃い、「秋の新入荷、届きました。」。
9–12秒: 「今週末は、HAKOへ。」「店頭でお待ちしています」「架空店舗の制作サンプル」。末尾で冒頭へつながる遷移。

主な配色
クリーム #F7F0E4、マスタード #E2A32B、深紫 #3A1B4C、ピンク #F0C4BA、インク #26142E。
日本語は端末のゴシック体、図形はオリジナルSVG。外部画像・Webフォント・音源はありません。

操作
一時停止/再生、最初から、0–12秒のシーク、ループON/OFF。
シークするとその時刻で停止します。ループOFFでは12秒で停止します。
OSの「視差効果を減らす」相当（prefers-reduced-motion）では、7.6秒の完成構図で停止して開始します。再生を選んだ場合だけ動きます。

依存と保存
React/ReactDOM 18.3.1およびClaude DesignのDCランタイムをHTMLに内包しています。独立HTMLとして外部通信なしに動作する構成です。「ライブラリを一切使わない」実装ではありません。ReactのMITライセンスをlicenses/に同梱しました。

Codex補正
ランタイム内包、lang=ja付加、特定時刻で負になるSVG円半径の0下限保護、静止区間での商品±3pxの継続的な揺れを停止。構図・文言・主要トランジションは維持。
Claudeのセッション上限到達により、独立HTML化と最終検証をClaude自身が完了したとは扱いません。codex-adjustments.md参照。
