diff --git a/src/pages/tarot/Tarot.css b/src/pages/tarot/Tarot.css
index 7c90115..9d8f9dd 100644
--- a/src/pages/tarot/Tarot.css
+++ b/src/pages/tarot/Tarot.css
@@ -40,6 +40,20 @@
   z-index: 0;
 }
 
+.tarot__hero-video {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 0;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tarot__hero-video { display: none; }
+}
+
 .tarot__hero-overlay {
   position: absolute;
   inset: 0;
diff --git a/src/pages/tarot/Tarot.jsx b/src/pages/tarot/Tarot.jsx
index 3384bb3..40f2dfb 100644
--- a/src/pages/tarot/Tarot.jsx
+++ b/src/pages/tarot/Tarot.jsx
@@ -6,6 +6,17 @@ export default function Tarot() {
   return (
     <div className="tarot tarot--landing">
       <img className="tarot__hero-poster" src="/images/tarot_background.png" alt="" aria-hidden />
+      <video
+        className="tarot__hero-video"
+        src="/videos/tarot_hero.mp4"
+        autoPlay
+        loop
+        muted
+        playsInline
+        preload="metadata"
+        poster="/images/tarot_background.png"
+        aria-hidden
+      />
       <div className="tarot__hero-overlay" />
       <div className="tarot__corner tarot__corner--left" aria-hidden />
       <div className="tarot__corner tarot__corner--right" aria-hidden />
@@ -64,10 +75,6 @@ export default function Tarot() {
           </article>
         </div>
 
-        <div className="tarot__scroll-cue" aria-hidden>
-          <span>SCROLL TO DISCOVER</span>
-          <b>⌄</b>
-        </div>
       </div>
     </div>
   );