🔀 :: (#26) efface 브랜드 소개 스크롤 씬 추가

app/[locale]/page.tsx

@@ -1,5 +1,6 @@
 import { setRequestLocale } from "next-intl/server";
 import Hero from "@/components/sections/Hero";
+import EffaceIntro from "@/components/sections/EffaceIntro";
 import AppCards from "@/components/sections/AppCards";
 import CapabilitiesScene from "@/components/sections/CapabilitiesScene";
 import Approach from "@/components/sections/Approach";
@@ -20,6 +21,7 @@ export default async function Home({
       <span id="top" aria-hidden />
       <main>
         <Hero />
+        <EffaceIntro />
         <AppCards />
         <CapabilitiesScene />
         <Approach />

app/globals.css

@@ -192,6 +192,23 @@ body {
   }
 }
 
+/* Slow float for the clutter pieces in the efface intro scene. */
+@keyframes bob {
+  0%,
+  100% {
+    transform: translateY(-6px);
+  }
+  50% {
+    transform: translateY(8px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [style*="animation: bob"] {
+    animation: none !important;
+  }
+}
+
 /* ── Capabilities scene ──────────────────────────────────────────
    Per-card accent arrives as the --acc custom property; chips mix it
    into their text/background/border so one rule covers all four columns. */