Add terminal cascade animation to hero with two-column layout

Right column shows a looping cause-and-effect animation: cladm console
selects projects one by one, then Claude Code terminals cascade in with
spring-bounce animation showing the real welcome screen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

site/app/globals.css

@@ -82,6 +82,43 @@ body {
 .float-delay { animation: float 3s ease-in-out 0.7s infinite; }
 .float-delay-2 { animation: float 3s ease-in-out 1.4s infinite; }
 
+/* Terminal cascade */
+@keyframes cascadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(50px) scale(0.88);
+  }
+  65% {
+    opacity: 1;
+    transform: translateY(-6px) scale(1.015);
+  }
+  82% {
+    transform: translateY(2px) scale(0.997);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+@keyframes cascadeGlow {
+  0%, 100% { border-color: #333333; }
+  50% { border-color: #e07850; }
+}
+@keyframes flash {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}
+.cascade-flash {
+  animation: flash 0.3s ease-in-out 2;
+}
+.cascade-in {
+  animation: cascadeIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+.cascade-glow {
+  animation: cascadeIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both,
+             cascadeGlow 2s ease-in-out 1.2s infinite;
+}
+
 /* Key cap */
 .keycap {
   display: inline-block;