Simplify hero backgrounds and add entrance animations

- Replace animated blob/wave/noise backdrop with clean static gradient
  (radial ellipse highlights + linear fade) in hero-motion-backdrop
- Remove all framer-motion from background layer; delete unused CSS
  classes: hero-blob, hero-sheet-glow, hero-sheet-wave, hero-sheet-noise,
  hero-title-shift keyframe, and responsive blob media queries
- Add framer-motion stagger entrance to HeroContentMotion, HeroMotionItem,
  and HeroTitle (slide-up + fade on mount)
- Refactor coming-soon page to use HeroContentMotion/HeroMotionItem
  instead of MotionFade (whileInView unreliable above the fold)

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

components/site/portfolio-project-detail.tsx

@@ -47,7 +47,6 @@ function PortfolioImage({
       alt={alt}
       width={width}
       height={height}
-      unoptimized
       className={className}
     />
   );
@@ -121,11 +120,7 @@ function SectionBlock({
             height={880}
             className="h-72 w-full rounded-surface object-cover"
           />
-        ) : (
-          <div className="rounded-surface border border-dashed border-border px-4 py-12 text-center text-sm text-muted-foreground">
-            No image configured.
-          </div>
-        )}
+        ) : null}
       </div>
     );
   }
@@ -216,7 +211,7 @@ function AssetGallery({
 function BadgeCount({ count }: { count: number }) {
   return (
     <div className="rounded-pill border border-border/70 bg-background px-4 py-2 text-sm text-muted-foreground">
-      {count}
+      {count} {count === 1 ? "file" : "files"}
     </div>
   );
 }