Swap inline 'Sown' SVG for the real FCI brand logo

Drops the stylized SVG mark in favor of public/fci-logo.png (the official
Food Co-op Initiative logo, including its wordmark). Because the logo now
contains the 'Food Co-op Initiative' text, the duplicate display-font
wordmark is removed; the 'Co-op Check-in' eyebrow stays as a quiet hairline
divider to the right (sm+ only, hidden on mobile to keep the header tight).

components/SiteChrome.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import Link from "next/link";
 
 export function SiteHeader() {
@@ -6,18 +7,20 @@ export function SiteHeader() {
       <div className="mx-auto flex max-w-3xl items-center justify-between px-4 py-5 sm:px-6">
         <Link
           href="https://fci.coop"
-          className="group flex items-center gap-3.5 focus:outline-none"
+          className="group flex items-center gap-4 focus:outline-none"
           aria-label="Food Co-op Initiative — fci.coop"
         >
-          <Logo />
-          <div className="flex flex-col leading-none">
-            <span className="font-display text-base font-medium text-ink tracking-tight">
-              Food Co-op Initiative
-            </span>
-            <span className="mt-1 text-[11px] uppercase tracking-[0.18em] text-ink-mute">
-              Co-op Check-in
-            </span>
-          </div>
+          <Image
+            src="/fci-logo.png"
+            alt="Food Co-op Initiative"
+            width={130}
+            height={105}
+            priority
+            className="h-12 w-auto sm:h-14"
+          />
+          <span className="hidden text-[11px] uppercase tracking-[0.18em] text-ink-mute sm:inline-block sm:border-l sm:border-rule sm:pl-4">
+            Co-op Check-in
+          </span>
         </Link>
         <nav aria-label="Primary">
           <Link
@@ -53,51 +56,3 @@ export function SiteFooter() {
   );
 }
 
-/**
- * "Sown" — a stylized geometric mark: a center point (the co-op) with six
- * radiating sprouts (the six framework stages). Inscribed in a soft circle
- * (the cooperative principle). Pure SVG, scales cleanly, no external asset.
- *
- * Drawn at 40px; can be sized via className.
- */
-function Logo({ className = "" }: { className?: string }) {
-  return (
-    <svg
-      width="42"
-      height="42"
-      viewBox="0 0 42 42"
-      role="img"
-      aria-label="Food Co-op Initiative logo"
-      className={"text-leaf-700 " + className}
-    >
-      {/* Outer cooperative ring */}
-      <circle cx="21" cy="21" r="19" stroke="currentColor" strokeWidth="1.2" fill="none" />
-      <circle cx="21" cy="21" r="19" fill="currentColor" opacity="0.06" />
-
-      {/* Six sprouts radiating from center, one per stage */}
-      <g stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" fill="none">
-        {/* North */}
-        <path d="M21 21 V8" />
-        <path d="M21 12 q-2.5 -1 -3.5 -3 q3 -.5 3.5 3 z" fill="currentColor" opacity="0.7" />
-        {/* NE */}
-        <path d="M21 21 L30 12" />
-        <path d="M27.3 14.7 q.7 -2.6 -.5 -4.7 q2.5 1.5 .5 4.7 z" fill="currentColor" opacity="0.6" />
-        {/* SE */}
-        <path d="M21 21 L30 30" />
-        <path d="M27.3 27.3 q2.6 .7 4.7 -.5 q-1.5 2.5 -4.7 .5 z" fill="currentColor" opacity="0.5" />
-        {/* South */}
-        <path d="M21 21 V34" />
-        <path d="M21 30 q2.5 1 3.5 3 q-3 .5 -3.5 -3 z" fill="currentColor" opacity="0.4" />
-        {/* SW */}
-        <path d="M21 21 L12 30" />
-        <path d="M14.7 27.3 q-2.6 .7 -4.7 -.5 q1.5 2.5 4.7 .5 z" fill="currentColor" opacity="0.5" />
-        {/* NW */}
-        <path d="M21 21 L12 12" />
-        <path d="M14.7 14.7 q-.7 -2.6 .5 -4.7 q-2.5 1.5 -.5 4.7 z" fill="currentColor" opacity="0.6" />
-      </g>
-
-      {/* Center seed */}
-      <circle cx="21" cy="21" r="2.2" fill="currentColor" />
-    </svg>
-  );
-}