Shrink desktop header logo to 70px

Header row height (lg:h-32 -> lg:h-25) and the logo's own height
(h-[108px] -> h-[70px]) both come down together so the row doesn't
carry leftover empty space around the smaller mark. Footer logo is
unchanged (still 108px) — the two are sized independently.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/components/Header.tsx

@@ -29,18 +29,18 @@ export default function Header({
       <div className="boxed">
         {/* Mobile keeps the header down to the search box alone — account,
             cart and browsing live in the fixed bottom bar instead. The row
-            is taller on lg so a prominent 108px logo (3x the old 36px) has
-            room without cramming the search box/buttons beside it. */}
-        <div className="flex h-[70px] items-center gap-4 lg:h-32">
+            is taller on lg so the desktop logo has room without cramming
+            the search box/buttons beside it. */}
+        <div className="flex h-[70px] items-center gap-4 lg:h-25">
           <Link href="/" className="hidden shrink-0 lg:block" aria-label={SITE_NAME}>
-            {/* h-[108px] w-auto (not a fixed box) so a square dashboard logo
+            {/* h-[70px] w-auto (not a fixed box) so a square dashboard logo
                 mark and the wide fallback wordmark both render undistorted. */}
             <Image
               src={logoUrl}
               alt={SITE_NAME}
-              width={280}
-              height={108}
-              className="h-[108px] w-auto object-contain"
+              width={180}
+              height={70}
+              className="h-[70px] w-auto object-contain"
               priority
             />
           </Link>