diff --git a/public/logo-horizontal-dark.png b/public/logo-horizontal-dark.png
new file mode 100644
index 0000000..1101013
Binary files /dev/null and b/public/logo-horizontal-dark.png differ
diff --git a/public/logo-horizontal.png b/public/logo-horizontal.png
new file mode 100644
index 0000000..9ccc21b
Binary files /dev/null and b/public/logo-horizontal.png differ
diff --git a/public/logo-mark.png b/public/logo-mark.png
deleted file mode 100644
index 23826ed..0000000
Binary files a/public/logo-mark.png and /dev/null differ
diff --git a/public/logo-stacked-dark.png b/public/logo-stacked-dark.png
index 5a5e425..e013d39 100644
Binary files a/public/logo-stacked-dark.png and b/public/logo-stacked-dark.png differ
diff --git a/public/logo-stacked.png b/public/logo-stacked.png
index a10afe3..e6472e8 100644
Binary files a/public/logo-stacked.png and b/public/logo-stacked.png differ
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
index 1ba1859..72732a6 100644
Binary files a/src/app/apple-icon.png and b/src/app/apple-icon.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index d913874..f484826 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
index b0f48eb..749f4a2 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -348,13 +348,12 @@ a {
 .logo {
   display: inline-flex;
   align-items: center;
-  gap: 14px;
 }
 
-.logo-mark {
+.logo img {
+  display: block;
   width: auto;
-  height: 40px;
-  flex: none;
+  height: 44px;
 }
 
 .logo-stacked {
@@ -367,27 +366,6 @@ a {
   height: auto;
 }
 
-.logo-type {
-  display: flex;
-  flex-direction: column;
-  line-height: 1;
-}
-
-.logo-type b {
-  white-space: nowrap;
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.2em;
-}
-
-.logo-type span {
-  margin-top: 5px;
-  font-size: 8.5px;
-  font-weight: 500;
-  letter-spacing: 0.42em;
-  color: var(--fumo);
-}
-
 .nav {
   display: flex;
   align-items: center;
@@ -2770,12 +2748,15 @@ a {
   }
 }
 
-/* The stacked logo's wordmark is white; the light theme swaps in the dark-lettered file. */
+/* The logos' wordmarks are white; the light theme swaps in the dark-lettered files. */
+.logo .on-light,
 .logo-stacked .on-light,
+:root[data-theme="light"] .logo .on-dark,
 :root[data-theme="light"] .logo-stacked .on-dark {
   display: none;
 }
 
+:root[data-theme="light"] .logo .on-light,
 :root[data-theme="light"] .logo-stacked .on-light {
   display: block;
 }
diff --git a/src/app/icon.png b/src/app/icon.png
index 88be3bf..f0ea51d 100644
Binary files a/src/app/icon.png and b/src/app/icon.png differ
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
index 8c1cef4..b57c6a6 100644
--- a/src/components/logo.tsx
+++ b/src/components/logo.tsx
@@ -4,11 +4,8 @@ import Image from "next/image";
 export default function Logo({ href, label }: { href: string; label: string }) {
   return (
     <Link href={href} className="logo" aria-label={label}>
-      <Image className="logo-mark" src="/logo-mark.png" alt="" width={229} height={192} priority />
-      <span className="logo-type">
-        <b>AI GROWTH</b>
-        <span>TECHNOLOGIES</span>
-      </span>
+      <Image className="on-dark" src="/logo-horizontal.png" alt="AI Growth Technologies" width={640} height={191} priority />
+      <Image className="on-light" src="/logo-horizontal-dark.png" alt="AI Growth Technologies" width={640} height={191} priority />
     </Link>
   );
 }
@@ -16,8 +13,8 @@ export default function Logo({ href, label }: { href: string; label: string }) {
 export function LogoStacked({ href, label }: { href: string; label: string }) {
   return (
     <Link href={href} className="logo-stacked" aria-label={label}>
-      <Image className="on-dark" src="/logo-stacked.png" alt="AI Growth Technologies" width={480} height={547} />
-      <Image className="on-light" src="/logo-stacked-dark.png" alt="AI Growth Technologies" width={480} height={547} />
+      <Image className="on-dark" src="/logo-stacked.png" alt="AI Growth Technologies" width={480} height={542} />
+      <Image className="on-light" src="/logo-stacked-dark.png" alt="AI Growth Technologies" width={480} height={542} />
     </Link>
   );
 }