home: merge FeatureStoryHero design into FeaturedBentoFromDb

Replace the bento's old hero+side-rail layout with a full-width cinematic
21:9 hero on top + 4-up vertical-card rail below. Single DB query, single
component. Standalone FeatureStoryHero component removed (was rendered
above the bento; design now lives inside the bento itself).

- FeaturedBentoFromDb.tsx: new hero (gradient overlay, Feature Story badge,
  large overlaid title, "Read full story" cue) + 4-card grid below
- home-page/page.tsx: drop <FeatureStoryHero /> import + JSX block
- src/components/FeatureStoryHero.tsx: deleted (composition replaced by
  inline JSX in the bento for single-query efficiency)

Accent uses var(--color-text-info, #60a5fa) — the existing blue from the
codebase, matching the rest of the post-Slice-4-revert site.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/home-page/page.tsx

@@ -3,7 +3,6 @@ import type { Metadata } from "next";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 import FeaturedBentoFromDb from '@/components/FeaturedBentoFromDb';
-import FeatureStoryHero from '@/components/FeatureStoryHero';
 import FeaturedCarouselServer from '@/components/FeaturedCarouselServer';
 import TrendsSidebar from '@/components/TrendsSidebar';
 import LiveWireTicker from '@/components/LiveWireTicker';
@@ -157,14 +156,7 @@ export default function HomePage() {
         </Suspense>
       </div>
 
-      {/* Top feature story hero — single prominent card above the bento */}
-      <ScrollRevealSection className="section-enter section-enter-2">
-        <Suspense fallback={<BentoSkeleton />}>
-          <FeatureStoryHero />
-        </Suspense>
-      </ScrollRevealSection>
-
-      {/* Featured articles bento */}
+      {/* Featured: cinematic hero + 4-up rail below (FeaturedBentoFromDb) */}
       <ScrollRevealSection className="section-enter section-enter-3">
         <Suspense fallback={<BentoSkeleton />}>
           <FeaturedBentoFromDb />