feat(site): smoother motion across the landing pages

- Slow Ken Burns drift on the hero artwork for cinematic depth.
- Gentle breathing pulse on the brand glows behind Frank and the hero.
- Silkier reveal easing (cubic-bezier .22/1/.36/1, 0.55s) site-wide.
- Eased, longer hover transitions on the hero CTAs.
- Smooth page scrolling, all guarded by prefers-reduced-motion.

src/app/globals.css

@@ -2083,3 +2083,48 @@ details[open] > summary .details-open\:rotate-180 {
 	font-weight: 900;
 	letter-spacing: -0.02em;
 }
+
+/* ── Smooth motion (landing) ───────────────────────────────────────── */
+html {
+	scroll-behavior: smooth;
+}
+
+/* Soft, slow drift for hero artwork (Ken Burns). */
+.ken-burns {
+	animation: ken-burns 20s ease-in-out infinite alternate;
+	will-change: transform;
+}
+@keyframes ken-burns {
+	from {
+		transform: scale(1.02) translateY(0);
+	}
+	to {
+		transform: scale(1.08) translateY(-1.5%);
+	}
+}
+
+/* Gentle breathing pulse for the brand glows behind Frank / the hero. */
+.brand-halo {
+	animation: hero-halo-pulse 6s ease-in-out infinite;
+}
+@keyframes hero-halo-pulse {
+	0%,
+	100% {
+		opacity: 0.55;
+		transform: scale(1);
+	}
+	50% {
+		opacity: 0.9;
+		transform: scale(1.07);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	html {
+		scroll-behavior: auto;
+	}
+	.ken-burns,
+	.brand-halo {
+		animation: none;
+	}
+}