From 2f86a414fbd783a60e36aaa6b252113a966710fa Mon Sep 17 00:00:00 2001
From: okorion <ok.or.orion@gmail.com>
Date: Fri, 26 Jun 2026 22:21:42 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20=EC=82=AC=EC=9A=A9=EC=9E=90=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 변경 유형: feat
- 주된 영역: index.html 외 1개
- 변경 의도: index.html 외 1개에 작고 검증 가능한 사용자 기능 개선을 추가합니다.

Co-authored-by: Codex
---
 index.html | 12 ++++++++++++
 styles.css |  9 +++++++++
 2 files changed, 21 insertions(+)

diff --git a/index.html b/index.html
index a36c4dd..e3811ff 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@
         <a href="#signal">Signal</a>
         <a href="#drift">Drift</a>
         <a href="#arrival">Arrival</a>
+        <a href="#fallback">Fallback</a>
       </nav>
     </header>
 
@@ -56,6 +57,17 @@ <h2>도착</h2>
           <p>중앙 maintainer bot이 다음 장면, 접근성, fallback 개선을 작은 PR로 제안합니다.</p>
         </div>
       </section>
+
+      <section id="fallback" class="chapter scene scene-d">
+        <div class="scene-card">
+          <span>04</span>
+          <h2>대체 항로</h2>
+          <p>
+            모션이 꺼져도 모든 장면은 순서대로 읽히며, no-JS 검증이 스토리의 기본 항로를
+            지킵니다.
+          </p>
+        </div>
+      </section>
     </main>
   </body>
 </html>
diff --git a/styles.css b/styles.css
index 72ef5af..17648f5 100644
--- a/styles.css
+++ b/styles.css
@@ -189,6 +189,15 @@
     --scene-bg: #fffdf7;
   }
 
+  .scene-d {
+    --scene-accent: 52 121 96;
+    --scene-glow-position: 30% 68%;
+    --scene-glow-alpha: 11%;
+    --scene-sweep-alpha: 8%;
+    --scene-sweep-stop: 56%;
+    --scene-bg: #f7fff9;
+  }
+
   .scene-card {
     --scroll-animation: reveal-card;
     --scroll-animation-range: entry 8% cover 42%;