feat(story): celular CC0 com site vivo na tela, ReelDirector scrub em todas as seções e filmstrip pinado de prints reais

app/components/Projects.tsx

@@ -93,7 +93,7 @@ export default function Projects({
 
             <p className="ds-copy">{project.description}</p>
 
-            <ul className="ds-tags mt-sp-6">
+            <ul className="ds-tags mt-sp-6" data-reel-stagger="fade">
               {project.technologies.slice(0, 5).map((tech) => (
                 <li key={tech} className="ds-tag">
                   {tech}
@@ -101,7 +101,7 @@ export default function Projects({
               ))}
             </ul>
 
-            <div className="mt-sp-6 flex flex-wrap gap-sp-3">
+            <div className="mt-sp-6 flex flex-wrap gap-sp-3" data-reel="top">
               {project.githubUrl && (
                 <MagneticButton
                   as="a"
@@ -131,7 +131,7 @@ export default function Projects({
         ))}
       </motion.div>
 
-      <div className="mt-sp-8 flex flex-wrap gap-sp-3">
+      <div className="mt-sp-8 flex flex-wrap gap-sp-3" data-reel-stagger="left">
         <MagneticButton
           as="a"
           href="/cases"