Clere Radiance: 30s spot, product viz R&D loop

- Main video: 30s CTA spot (ProRes master re-encoded to 7.4 MB H.264)
- New 'loops' project field: silent autoplaying clips with a caption;
  used for the square product visualisation R&D render (1.9 MB)
- Poster and gallery stills from the spot; summary/credits updated
- Ignore .mov masters in content/

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/(site)/work/[slug]/page.tsx

@@ -83,6 +83,29 @@ export default async function ProjectPage({ params }: PageProps<"/work/[slug]">)
         </div>
       )}
 
+      {project.loops?.map((loop) => (
+        <section
+          key={loop.src}
+          className="mx-auto mt-16 grid max-w-7xl items-center gap-8 px-5 md:mt-24 md:grid-cols-2 md:gap-16 md:px-8"
+        >
+          <video
+            src={loop.src}
+            poster={loop.poster}
+            autoPlay
+            muted
+            loop
+            playsInline
+            preload="metadata"
+            className="w-full bg-ink-2"
+            style={{ aspectRatio: loop.aspect }}
+          />
+          <div>
+            <p className="font-mono text-xs tracking-[0.3em] text-accent uppercase">{loop.title}</p>
+            <p className="mt-4 text-lg leading-relaxed font-light text-muted md:text-xl">{loop.caption}</p>
+          </div>
+        </section>
+      ))}
+
       <div className="mx-auto grid max-w-7xl gap-12 px-5 py-20 md:grid-cols-[1fr_2fr] md:px-8 md:py-28">
         <dl className="grid grid-cols-2 gap-6 self-start md:grid-cols-1">
           {meta.map((m) => (