fix: rimappa tutte le foto sugli slot corretti del design figma

Le immagini erano asset reali del .fig ma piazzate in slot sbagliati.
Rimappate home/training/about dal confronto con i PDF Figma; aggiunti
i 9 ritratti team about (chiari in home, scuri in about via imageAbout),
immagini mancanti per metodo/vision/convenzioni/studios/trial e hero
contatti. Fix imgOf (match esatto) e getImage per i background dedupati.

src/components/PageHero.astro

@@ -1,8 +1,12 @@
 ---
-interface Props { title: string; eyebrow?: string }
-const { title, eyebrow } = Astro.props;
+import type { ImageMetadata } from 'astro';
+import { getImage } from 'astro:assets';
+
+interface Props { title: string; eyebrow?: string; bgImage?: ImageMetadata }
+const { title, eyebrow, bgImage } = Astro.props;
+const bg = bgImage ? await getImage({ src: bgImage, width: 1920 }) : null;
 ---
-<section class="phero">
+<section class:list={['phero', { 'phero--photo': bg }]} style={bg ? `background-image:url(${bg.src})` : undefined}>
   <div class="container" data-reveal>
     {eyebrow && <p class="eyebrow">{eyebrow}</p>}
     <h1>{title}</h1>
@@ -12,4 +16,8 @@ const { title, eyebrow } = Astro.props;
 <style>
   .phero { background: var(--c-bg-alt); padding-block: 70px; }
   .phero h1 { text-transform: lowercase; font-weight: 500; margin: 0; }
+  .phero--photo { position: relative; background-size: cover; background-position: center; padding-block: 110px; }
+  .phero--photo::before { content: ''; position: absolute; inset: 0; background: rgba(46,32,24,.6); }
+  .phero--photo .container { position: relative; }
+  .phero--photo h1 { color: #fff; }
 </style>