Match partner logo wall spacing and sizes to Figma on every breakpoint (CR-130).

Restore asset/Logo import casing so Turbopack can resolve the module, and align the site lockup gaps with the Figma Asset/Logo instances.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/components/Logo.test.tsx

@@ -72,6 +72,13 @@ describe("Logo (behavioral tests)", () => {
     expect(img).toHaveClass("brightness-0");
   });
 
+  it("uses the Figma 6px wordmark-to-mark gap at the default size", () => {
+    const { container } = render(<Logo />);
+    const row = container.querySelector("a > div");
+    expect(row?.className).toContain("gap-[var(--spacing-scale-006)]");
+    expect(row?.className).toContain("h-[var(--spacing-scale-040)]");
+  });
+
   it("renders with different size variants", () => {
     const { rerender } = render(<Logo size="default" />);
     expect(screen.getByRole("link")).toBeInTheDocument();

tests/unit/LogoWall.test.jsx

@@ -46,7 +46,10 @@ describe("LogoWall Component", () => {
     render(<LogoWall />);
 
     const section = document.querySelector("section");
-    expect(section).toHaveClass("p-[var(--spacing-scale-032)]");
+    expect(section).toHaveClass(
+      "bg-[var(--color-surface-default-primary)]",
+      "p-[var(--spacing-scale-032)]",
+    );
   });
 
   test("renders with design tokens", () => {
@@ -70,7 +73,9 @@ describe("LogoWall Component", () => {
       "sm:grid-cols-3",
       "sm:grid-rows-2",
       "md:flex",
-      "md:justify-center",
+      "md:justify-between",
+      "md:flex-nowrap",
+      "gap-[38.4px]",
     );
   });
 
@@ -82,7 +87,11 @@ describe("LogoWall Component", () => {
       "src",
       "/assets/logos/partners/food-not-bombs.svg",
     );
-    expect(foodNotBombsLogo).toHaveClass("h-11", "lg:h-14", "xl:h-[70px]");
+    expect(foodNotBombsLogo).toHaveClass(
+      "h-[48px]",
+      "lg:h-[60px]",
+      "xl:h-[74.6px]",
+    );
   });
 
   test("handles empty logos array", () => {
@@ -109,16 +118,17 @@ describe("LogoWall Component", () => {
     const section = document.querySelector("section");
     expect(section).toBeInTheDocument();
 
-    expect(screen.queryByText("Trusted by leading cooperators")).not.toBeInTheDocument();
+    expect(
+      screen.getByText("Trusted by leading cooperators"),
+    ).toBeInTheDocument();
   });
 
-  test("applies transition effects", () => {
+  test("renders partner logos at Figma 60% opacity", () => {
     render(<LogoWall />);
 
-    const logoContainers = document.querySelectorAll(
-      '[class*="transition-opacity duration-500"]',
-    );
-    expect(logoContainers.length).toBeGreaterThan(0);
+    expect(
+      document.querySelectorAll('[class*="opacity-60"]').length,
+    ).toBeGreaterThan(0);
   });
 
   test("renders with proper image optimization", () => {