feat(motion): add scroll reveals and micro-interactions

src/components/ScenicHeroJourney.module.css

@@ -97,12 +97,22 @@
   top: clamp(72px, 8vw, 100px);
   left: clamp(-220px, calc(22% - 28vw), -40px);
   width: clamp(240px, 28vw, 440px);
+  animation: landscapeFloatLeft 8s var(--motion-ease-in-out) infinite alternate;
 }
 
 .backdropRight {
   top: clamp(80px, 9vw, 110px);
   right: clamp(-240px, calc(22% - 29vw), -40px);
   width: clamp(250px, 29vw, 460px);
+  animation: landscapeFloatRight 9s var(--motion-ease-in-out) -2s infinite alternate;
+}
+
+@keyframes landscapeFloatLeft {
+  to { transform: translate3d(0.5rem, -0.375rem, 0); }
+}
+
+@keyframes landscapeFloatRight {
+  to { transform: translate3d(-0.5rem, 0.375rem, 0); }
 }
 
 .backdropSun,
@@ -112,6 +122,14 @@
   width: clamp(52px, 10vw, 139px);
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .backdropLeft,
+  .backdropRight {
+    animation: none;
+    transform: none;
+  }
+}
+
 /* ================================================================
    TABLET  651px – 1100px
    Large illustrations with heavy bleed — bold fragments at edges.