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

app/components/Experience.tsx

@@ -79,7 +79,7 @@ export default function Experience({
               <div className="max-w-[720px]">
                 <div className="ds-kicker">{exp.period}</div>
                 <DrawLine delay={0.04} />
-                <h3 className="ds-card-title">{exp.title}</h3>
+                <h3 className="ds-card-title" data-reel="left">{exp.title}</h3>
                 <p className="mt-sp-3 text-[13px] leading-6 text-[rgba(10,10,10,.64)] dark:text-[rgba(255,255,255,.6)]">
                   {exp.company} • {exp.type}
                 </p>
@@ -87,7 +87,7 @@ export default function Experience({
               <div className="ds-metric">{exp.location}</div>
             </div>
 
-            <p className="ds-copy">{exp.description}</p>
+            <p className="ds-copy" data-reel="right">{exp.description}</p>
 
             <ul className="ds-list">
               {exp.achievements?.map((achievement) => (
@@ -95,7 +95,7 @@ export default function Experience({
               ))}
             </ul>
 
-            <ul className="ds-tags mt-sp-6">
+            <ul className="ds-tags mt-sp-6" data-reel-stagger="fade">
               {exp.technologies?.slice(0, 6).map((tech) => (
                 <li key={tech} className="ds-tag">
                   {tech}