Fix the logo aspect ratio

src/app/(site)/community/brand-kit/page.tsx

@@ -68,7 +68,7 @@ export default function BrandKitPage() {
                 src={asset.src}
                 alt={asset.title}
                 width={220}
-                height={72}
+                height={73}
                 className="max-h-20 w-auto object-contain"
                 unoptimized
               />

src/app/global.css

@@ -94,6 +94,17 @@ header#nd-nav button {
     font-size: 0.9375rem;
 }
 
+/* The logo sits in an anchor fumadocs renders, and that anchor is a flex item
+   with the default shrink of 1. Once the nav links and the right-hand group
+   fill the row the anchor is squeezed and the image is squashed with it: at a
+   1100px viewport it rendered 57x62 where the file's ratio wants 184x62. Pin
+   the anchor and the image so the row overflows instead of deforming the mark. */
+header#nd-nav nav > a:first-child,
+header#nd-nav nav > a:first-child img {
+    flex-shrink: 0;
+    max-width: none;
+}
+
 /* The default fumadocs mobile navbar background is only 80% opaque, which
    lets page content ghost through while scrolling underneath. Force it opaque. */
 header#nd-subnav {

src/components/logo.tsx

@@ -41,7 +41,7 @@ export function Logo({ className }: { className?: string }) {
       src={src}
       alt="Apache Iggy"
       width={220}
-      height={44}
+      height={73}
       className={className}
       unoptimized
     />

src/lib/layout.shared.tsx

@@ -83,8 +83,8 @@ export function homeOptions(): BaseLayoutProps {
           src="/img/apache-iggy-color-darkbg0.5x.png"
           alt="Apache Iggy"
           width={240}
-          height={48}
-          className="h-10 w-auto md:h-12"
+          height={80}
+          className="h-10 w-auto shrink-0 md:h-12"
           unoptimized
         />
       ),
@@ -98,7 +98,7 @@ export function homeOptions(): BaseLayoutProps {
 export function siteOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: <Logo className="h-10 w-auto md:h-12" />,
+      title: <Logo className="h-10 w-auto shrink-0 md:h-12" />,
       transparentMode: "top",
     },
     searchToggle: { enabled: false },
@@ -109,7 +109,7 @@ export function siteOptions(): BaseLayoutProps {
 export function docsOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: <Logo className="h-9 w-auto md:h-11" />,
+      title: <Logo className="h-9 w-auto shrink-0 md:h-11" />,
     },
     links: [
       { text: "Home", url: "/" },