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

src/components/FooterSection.module.css

@@ -23,6 +23,11 @@
 .bgImage {
   object-fit: cover;
   object-position: bottom center;
+  animation: footerArtworkDrift 12s var(--motion-ease-in-out) infinite alternate;
+}
+
+@keyframes footerArtworkDrift {
+  to { transform: scale(1.025) translateY(0.25rem); }
 }
 
 .content {
@@ -89,6 +94,7 @@
   justify-content: center;
   width: 3rem;
   height: 3rem;
+  transition: transform var(--motion-duration-default) var(--motion-ease-out);
 }
 
 .socialIcon svg {
@@ -174,4 +180,16 @@
     color: var(--accent-default);
     transform: translateY(-2px);
   }
+
+
+  .socialItem:hover .socialIcon {
+    transform: translateY(-2px) scale(1.05);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bgImage {
+    animation: none;
+    transform: none;
+  }
 }