diff --git a/apps/web/public/showcase/vignettes/barns-dark.png b/apps/web/public/showcase/vignettes/barns-dark.png
deleted file mode 100644
index 0d2b473..0000000
Binary files a/apps/web/public/showcase/vignettes/barns-dark.png and /dev/null differ
diff --git a/apps/web/public/showcase/vignettes/barns-dark.webm b/apps/web/public/showcase/vignettes/barns-dark.webm
deleted file mode 100644
index b3301b0..0000000
Binary files a/apps/web/public/showcase/vignettes/barns-dark.webm and /dev/null differ
diff --git a/apps/web/public/showcase/vignettes/barns-light.png b/apps/web/public/showcase/vignettes/barns-light.png
deleted file mode 100644
index 8884516..0000000
Binary files a/apps/web/public/showcase/vignettes/barns-light.png and /dev/null differ
diff --git a/apps/web/public/showcase/vignettes/barns-light.webm b/apps/web/public/showcase/vignettes/barns-light.webm
deleted file mode 100644
index c9a357f..0000000
Binary files a/apps/web/public/showcase/vignettes/barns-light.webm and /dev/null differ
diff --git a/apps/web/public/showcase/vignettes/barns.png b/apps/web/public/showcase/vignettes/barns.png
new file mode 100644
index 0000000..02bb5ab
Binary files /dev/null and b/apps/web/public/showcase/vignettes/barns.png differ
diff --git a/apps/web/public/showcase/vignettes/barns.webm b/apps/web/public/showcase/vignettes/barns.webm
new file mode 100644
index 0000000..bf1c095
Binary files /dev/null and b/apps/web/public/showcase/vignettes/barns.webm differ
diff --git a/apps/web/src/components/portfolio/bento-grid.tsx b/apps/web/src/components/portfolio/bento-grid.tsx
index e67ff31..2a6ccfc 100644
--- a/apps/web/src/components/portfolio/bento-grid.tsx
+++ b/apps/web/src/components/portfolio/bento-grid.tsx
@@ -63,7 +63,9 @@ const items: Item[] = [
   { name: "Wownerogue", tagline: "Provably-fair roguelike, synced to crypto block times.", color: "orange", span: 1, image: "/images/products/privacy-labs.png", alt: "Screenshot of the Wownerogue roguelike dungeon-crawler", href: "/products/wownerogue" },
   { name: "Bauhaus Echo", tagline: "Visual memory puzzle game.", color: "blue", span: 2, image: "/images/products/bauhaus-echo.png", alt: "Bauhaus Echo visual memory puzzle game", href: "/products/bauhaus-echo" },
   { name: "Vegan IQ", tagline: "Plant-based trivia game.", color: "green", span: 1, image: "/images/products/vegan-iq.png", alt: "Vegan IQ plant-based trivia game", href: "/products/vegan-iq" },
-  { name: "Barns & Neutrons", tagline: "Cozy puzzle expedition across the real Table of Nuclides.", color: "amber", span: 2, image: "/images/products/barns-and-neutrons.svg", alt: "Barns & Neutrons, a game about the Table of Nuclides", href: "/products/barns-and-neutrons", vignette: { webm: "/showcase/vignettes/barns-light.webm", poster: "/showcase/vignettes/barns-light.png", webmDark: "/showcase/vignettes/barns-dark.webm", posterDark: "/showcase/vignettes/barns-dark.png" } },
+  // Single theme-independent asset: the INSET black silhouette stroke (sg_outline) sits ON the yellow letters, so one
+  // baked alpha render reads on both light and dark tiles — no per-theme pair needed (a 3D->web pipeline win).
+  { name: "Barns & Neutrons", tagline: "Cozy puzzle expedition across the real Table of Nuclides.", color: "amber", span: 2, image: "/images/products/barns-and-neutrons.svg", alt: "Barns & Neutrons, a game about the Table of Nuclides", href: "/products/barns-and-neutrons", vignette: { webm: "/showcase/vignettes/barns.webm", poster: "/showcase/vignettes/barns.png" } },
 ];
 
 function BentoCard({ item, delay }: { item: Item; delay: number }) {