Add Instagram QR section before footer

index.html

@@ -967,6 +967,32 @@
 <!-- ════════════════════════════════════
      FOOTER
 ════════════════════════════════════ -->
+
+<hr class="hr" />
+
+<!-- ════════════════════════════════════
+     FOLLOW
+════════════════════════════════════ -->
+<div class="wrap">
+  <section style="padding-bottom:2rem;text-align:center;">
+    <div class="section-label reveal" style="justify-content:center;">Follow the Journey</div>
+    <h2 class="section-heading reveal d2" style="text-align:center;">Watch it being built</h2>
+    <p class="section-body reveal d2" style="margin:0.75rem auto 2rem;text-align:center;">
+      Behind the scenes — Blender, Llammy, the cast, and the story as it happens.
+    </p>
+    <div class="reveal d3" style="display:inline-block;">
+      <img src="qr_instagram.png"
+           alt="Scan to follow @whispers.of.the.eternal.path on Instagram"
+           style="width:200px;height:200px;border-radius:16px;
+                  border:1px solid rgba(78,158,110,0.3);
+                  box-shadow:0 0 30px rgba(78,158,110,0.15),0 8px 24px rgba(0,0,0,0.4);" />
+      <p style="margin-top:0.75rem;font-size:0.8rem;color:var(--jade);letter-spacing:0.15em;text-transform:uppercase;">
+        @whispers.of.the.eternal.path
+      </p>
+    </div>
+  </section>
+</div>
+
 <div class="wrap">
   <footer class="reveal">
     <div class="footer-logo">永恒之路 · Eternal Path Media</div>