diff --git a/assets/film/var-film1-poster.jpg b/assets/film/var-film1-poster.jpg
new file mode 100644
index 0000000..b6ee3a2
Binary files /dev/null and b/assets/film/var-film1-poster.jpg differ
diff --git a/assets/film/var-film1.mp4 b/assets/film/var-film1.mp4
new file mode 100644
index 0000000..5319d02
Binary files /dev/null and b/assets/film/var-film1.mp4 differ
diff --git a/index.html b/index.html
index ae251d8..481c707 100644
--- a/index.html
+++ b/index.html
@@ -769,6 +769,20 @@ footer {
         </div>
       </div>
     </div>
+    <div class="story-film reveal" style="margin-top: 64px; text-align: center;">
+      <span class="eyebrow">The Film</span>
+      <h2 style="margin-bottom: 28px;">From volcanic soil to your cup</h2>
+      <video
+        class="story-film-video"
+        controls
+        preload="metadata"
+        playsinline
+        poster="assets/film/var-film1-poster.jpg"
+        style="width: 100%; max-width: 960px; border-radius: 8px; border: 1px solid rgba(200,169,106,0.35); box-shadow: 0 20px 60px rgba(0,0,0,0.45); background: #000;">
+        <source src="assets/film/var-film1.mp4" type="video/mp4">
+        Your browser does not support the video tag.
+      </video>
+    </div>
   </div>
 </section>