wip: cena PortraitCyber e ajuste no About

app/components/About.tsx

@@ -4,7 +4,7 @@ import { motion, type Variants } from "framer-motion";
 import { useReducedMotion } from "@/app/hooks/useReducedMotion";
 import profilePhoto from "@/public/edev.jpg";
 import { DrawLine } from "./animations/DrawLine";
-import { LazyRevealImage } from "./animations/LazyRevealImage";
+import PortraitCyberScene from "./cinematic/PortraitCyberScene";
 import { Section } from "./Section";
 
 const STORY_DATA = [
@@ -132,20 +132,19 @@ export default function About() {
           whileTap={shouldReduceMotion ? undefined : { scale: 0.99 }}
           transition={{ type: "spring", stiffness: 180, damping: 18 }}
         >
-          <LazyRevealImage
+          <PortraitCyberScene
             src={profilePhoto}
             alt="Evandro Fonseca Junior, engenheiro da computação e desenvolvedor de software em Garuva, SC"
-            className="mb-sp-6 aspect-square w-full overflow-hidden rounded-[6px] border border-[var(--border)]"
-            imageClassName="object-contain"
+            className="mb-sp-6"
           />
           <div className="ds-kicker">Technical profile</div>
           <DrawLine delay={0.05} />
           <h3 className="ds-card-title">Base tecnica e postura de entrega</h3>
           <p className="ds-copy">
             Sou engenheiro da computação e desenvolvedor de software full-stack,
-            atuando ha 5 anos com foco em integrar camadas que normalmente
-            ficam separadas: hardware, servicos, operacao e interface. Meu
-            trabalho e dar forma clara ao que costuma nascer fragmentado.
+            atuando ha 5 anos com foco em integrar camadas que normalmente ficam
+            separadas: hardware, servicos, operacao e interface. Meu trabalho e
+            dar forma clara ao que costuma nascer fragmentado.
           </p>
           <div className="mt-sp-6 space-y-sp-4">
             {PROFILE_POINTS.map((point) => (