commit c2952e8
Author: Claude <noreply@anthropic.com>
Date:   Sun Nov 8 21:45:10 2026 +0900

    トップの最初の画面を作り直す：立ち位置の1文と、いま進めている2つ（導入シミュレーション・研究室）
    
    - 見出しを「現場で人が受け入れて、使い続けられるロボットを。」に（2026-11-08 エイイチが決定）
    - その証拠として /series8 と /series6 への入口を2枚並べる（前のハコブくんの動画は media に残してある）
    - 同じ1文をタイトル・説明文・WebSite の構造化データ・AI 向けの案内（llms.txt / llms.html）にそろえる
    - このサイトの楽しみ方は残す

diff --git a/src/lib/llmsGuide.ts b/src/lib/llmsGuide.ts
--- a/src/lib/llmsGuide.ts
+++ b/src/lib/llmsGuide.ts
@@ export type GuideSection = { h: string; items: GuideItem[] };
 export const GUIDE_TITLE = 'Pixels to Motors';
-export const GUIDE_LEAD = 'ADAPT DESIGN（島津 栄一 / Eiichi Shimazu）による、フィジカルAI・ロボットの研究記録のサイト。机の上のロボットアームでお手本のデータを集め、AI に学習させ、実機で動かして確かめる環境を自宅で組み、誰でも同じ手順で始められる形で公開している。サービスロボット（配膳・搬送・清掃など）の導入前シミュレーションも行っている。';
+// 書き出しの1文はトップの見出し（src/pages/index.astro の LINE）とそろえる（2026-11-08）
+export const GUIDE_LEAD = 'ADAPT DESIGN（島津 栄一 / Eiichi Shimazu）による、フィジカルAI・ロボットの研究記録のサイト。目指すのは「現場で人が受け入れて、使い続けられるロボット」。そのために2つを進めている。1つは、サービスロボット（配膳・搬送・清掃など）を店や施設に入れる前に、何人で回るか・どこで止まるか・いくらかかるかを試算と3D（Unity）で確かめる導入シミュレーション。もう1つは、机の上のロボットアームでお手本のデータを集めて AI に学習させ、実機で確かめるフィジカルAI研究室。前提・結果・コードは、誰でも同じ手順で始められる形で公開している。';
 export const GUIDE_NOTES = [

diff --git a/src/pages/index.astro b/src/pages/index.astro
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ const records = await allCards();
 const records = await allCards();
+// 立ち位置の1文（2026-11-08 エイイチが決定）。タイトル・説明文・AI 向けの案内（src/lib/llmsGuide.ts の GUIDE_LEAD）とそろえる
+const LINE = '現場で人が受け入れて、使い続けられるロボットを';
+const DESC = `${LINE}。そのために、サービスロボットを店に入れる前に何が起きるかを試算と3D（Unity）で確かめ、机の上のロボットアームにお手本から動きを覚えさせています。前提・結果・コードはすべて公開。29年のデザイナー経験をもつ島津 栄一（ADAPT DESIGN）の研究記録です。`;
 import { SITE, SITE_NAME, AUTHOR, PUBLISHER } from '../lib/seo';
 const jsonLd = [
-  { '@context': 'https://schema.org', '@type': 'WebSite', name: SITE_NAME, url: SITE + '/', inLanguage: 'ja', publisher: PUBLISHER },
+  { '@context': 'https://schema.org', '@type': 'WebSite', name: SITE_NAME, url: SITE + '/', inLanguage: 'ja', description: DESC, publisher: PUBLISHER },
@@
-<Base title="Pixels to Motors ｜ 人とロボットの関わりを、シミュレーションでデザインする"
-  description="29年のデザイナー経験を、いまロボティクスに応用しています。机の上のロボットアームでお手本のデータを集め、AIに学習させ、動かして確かめる。その環境を自宅で組み、誰でも同じ手順で始められる形で公開しています。"
+<Base title={`Pixels to Motors ｜ ${LINE}`}
+  description={DESC}
   ogImage="/site/ffb300c2-1071-4714-978c-87d386d5dfd3.png" path="/" jsonLd={jsonLd}>
 
-  <section class="hero">
-    <div class="hero-text">
-      <h1>Pixels to Motors | 人とロボットの関わりをシミュレーションでデザインする</h1>
-      <p>29年のデザイナー経験を、いまロボティクスに応用しています。机の上のロボットアームでお手本のデータを集め、AIに学習させ、動かして確かめる。その環境を自宅で組み、誰でも同じ手順で始められる形で公開しています。基準は物理精度ではなく、人がロボットをどう感じ、どう関わるかという体験の成立。過程の失敗も含めて公開しています。</p>
-    </div>
-    <video class="hero-video" src={media("/media/hakobu_fv_voice_eleven.mp4") + "#t=0.01"} controls muted autoplay loop playsinline></video>
-  </section>
+  <!-- 最初の画面（2026-11-08 作り直し）。立ち位置の1文を主役に、いま進めている2つ（導入シミュレーション・研究室）をその証拠として並べる。
+       同じ1文をタイトル・説明文・AI 向けの案内（src/lib/llmsGuide.ts）にもそろえている（AI がこのサイトを説明するときの言葉になるため）。
+       前の FV はハコブくんの動画（media の hakobu_fv_voice_eleven.mp4・消さずに残してある） -->
+  <section class="hero-wrap"><div class="hero">
+    <div class="hero-head">
+      <h1>現場で人が受け入れて、<br>使い続けられるロボットを。</h1>
+      <p>そのために、いま2つを進めています。店に入れる前に何が起きるかを確かめることと、ロボットに動きを覚えさせること。前提・結果・コードは、すべて公開しています。</p>
+    </div>
+    <div class="hero-cards">
+      <a class="hcard" href="/series8" data-ev="FV:導入シミュレーション">
+        <img src="/site/series8-service-robot-unity.webp" alt="Unityで建てたファミレスを斜めから見たところ" width="1320" height="880" />
+        <span class="hc-meta"><span><span class="hc-kicker">入れる前に確かめる</span><span class="hc-title">サービスロボット<wbr>導入シミュレーション</span></span><i class="ms" aria-hidden="true">arrow_forward</i></span>
+      </a>
+      <a class="hcard" href="/series6" data-ev="FV:研究室">
+        <img class="hc-arm" src="/site/lab/run-poster.webp" alt="机の上のロボットアームと、赤いブロックと白い箱" width="1200" height="900" />
+        <span class="hc-meta"><span><span class="hc-kicker">動きを覚えさせる</span><span class="hc-title">フィジカルAI研究室</span></span><i class="ms" aria-hidden="true">arrow_forward</i></span>
+      </a>
+    </div>
+  </div></section>
@@ <style>
-  .hero { max-width: 964px; margin: 0 auto; padding: 104px 0 40px; display: flex; gap: 40px; align-items: flex-start; }
-  .hero-text { flex: 1 1 588px; min-width: 0; }
-  .hero h1 { margin: 0 0 16px; font: 600 29px/40.6px var(--sans); }
-  .hero p { margin: 0; font: 400 19px/1.6 'Noto Sans JP', sans-serif; color: #333; }
-  .hero-video { flex: 0 0 336px; width: 336px; height: 320px; background: #111; border-radius: 4px; object-fit: cover; }
+  /* 最初の画面：下の節のパネル（.sec の左右 80px＋.panel の 32px）と端をそろえる */
+  .hero-wrap { padding: 0 80px; }
+  .hero { max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 112px 32px 48px; display: flex; flex-direction: column; gap: 44px; }
+  .hero-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
+  .hero h1 { margin: 0; font: 900 46px/1.4 'Noto Sans JP', sans-serif; letter-spacing: -0.005em; }
+  .hero-head p { flex: 0 1 440px; margin: 0 0 6px; font: 400 16px/1.85 'Noto Sans JP', sans-serif; color: #333; }
+  .hero-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
+  .hcard { display: flex; flex-direction: column; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 16px rgba(0,0,0,.08); color: var(--ink); }
+  .hcard img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #eceef2; transition: transform .3s; }
+  .hcard .hc-arm { object-position: center 40%; }
+  .hcard:hover img { transform: scale(1.02); }
+  .hc-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; position: relative; background: #fff; }
+  .hc-meta > span { display: flex; flex-direction: column; gap: 6px; }
+  .hc-kicker { font: 500 13px/1 'Noto Sans JP', sans-serif; color: #666; }
+  .hc-title { font: 600 22px/1.3 'Noto Sans JP', sans-serif; word-break: keep-all; overflow-wrap: anywhere; }
+  .hc-meta .ms { font-size: 24px; }
@@ @media (max-width: 1023px) {
-    .hero { padding: 88px 24px 32px; flex-direction: column; gap: 24px; }
-    /* 縦並びでは flex-basis の 588px が高さとして効き、文章と動画の間が大きく空いていた */
-    .hero-text { flex: none; }
-    .hero-video { width: 100%; flex-basis: auto; }
+    .hero-wrap { padding: 0 24px; }
+    .hero { padding: 96px 0 32px; gap: 32px; }
+    .hero-head { flex-direction: column; align-items: flex-start; gap: 20px; }
+    .hero-head p { flex: none; max-width: 640px; }
+    .hero-cards { gap: 20px; }
+    .hc-title { font-size: 18px; }
@@ @media (max-width: 599px) {
-    .hero { padding: 72px 24px 24px; }
-    .hero h1 { font-size: 24px; line-height: 1.5; }
-    .hero p { font-size: 16px; line-height: 1.75; }
+    .hero-wrap { padding: 0 16px; }
+    .hero { padding: 80px 0 24px; gap: 24px; }
+    .hero h1 { font-size: 26px; line-height: 1.5; }
+    .hero-head p { font-size: 15px; line-height: 1.8; }
+    .hero-cards { grid-template-columns: 1fr; gap: 16px; }
+    .hc-meta { padding: 14px 16px; }
+    .hc-title { font-size: 17px; }
