diff --git a/emdash-env.d.ts b/emdash-env.d.ts
index fa5cf27..433f3d8 100644
--- a/emdash-env.d.ts
+++ b/emdash-env.d.ts
@@ -3,7 +3,7 @@
 
 /// <reference types="emdash/locals" />
 
-import type { ContentBylineCredit, PortableTextBlock } from "emdash";
+import type { ContentBylineCredit, TaxonomyTerm, PortableTextBlock } from "emdash";
 
 export interface Page {
   id: string;
@@ -15,6 +15,7 @@ export interface Page {
   updatedAt: Date;
   publishedAt: Date | null;
   bylines?: ContentBylineCredit[];
+  terms?: Record<string, TaxonomyTerm[]>;
 }
 
 export interface Post {
@@ -28,6 +29,7 @@ export interface Post {
   updatedAt: Date;
   publishedAt: Date | null;
   bylines?: ContentBylineCredit[];
+  terms?: Record<string, TaxonomyTerm[]>;
 }
 
 declare module "emdash" {
diff --git a/public/landing/hero/hero-dash-dark.png b/public/landing/hero/hero-dash-dark.png
new file mode 100644
index 0000000..9059b69
Binary files /dev/null and b/public/landing/hero/hero-dash-dark.png differ
diff --git a/public/landing/hero/hero-dash.png b/public/landing/hero/hero-dash-light.png
similarity index 100%
rename from public/landing/hero/hero-dash.png
rename to public/landing/hero/hero-dash-light.png
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index 0864219..7108bfa 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -276,7 +276,7 @@ const navItems = safeMenuItems.filter((item) => !isGitHubItem(item));
 	}
 
 	.site-logo-img {
-		height: 36px;
+		height: clamp(28px, 3vw, 32px);
 		width: auto;
 		display: block;
 	}
diff --git a/src/components/blocks/Hero.astro b/src/components/blocks/Hero.astro
index 73a829e..e7e032e 100644
--- a/src/components/blocks/Hero.astro
+++ b/src/components/blocks/Hero.astro
@@ -1,7 +1,8 @@
 ---
 import { sanitizeHref } from "emdash";
 import { Image } from "astro:assets";
-import heroDash from "../../../public/landing/hero/hero-dash.png";
+import heroDashDark from "../../../public/landing/hero/hero-dash-dark.png";
+import heroDashLight from "../../../public/landing/hero/hero-dash-light.png";
 import arrowRightSvg from "../../icons/arrow-right.svg?raw";
 
 interface Props {
@@ -69,9 +70,18 @@ const secondaryCta =
 			<div class="hero-image-wrap">
 				<div class="hero-image-frame">
 					<Image
-						src={heroDash}
+						src={heroDashLight}
 						alt="EmDash CMS dashboard"
-						class="hero-image"
+						class="hero-image hero-image--light"
+						widths={[640, 960, 1280, 1600, 2000]}
+						sizes="(min-width: 1140px) 1096px, calc(100vw - 32px)"
+						loading="eager"
+						fetchpriority="high"
+					/>
+					<Image
+						src={heroDashDark}
+						alt="EmDash CMS dashboard"
+						class="hero-image hero-image--dark"
 						widths={[640, 960, 1280, 1600, 2000]}
 						sizes="(min-width: 1140px) 1096px, calc(100vw - 32px)"
 						loading="eager"
@@ -248,6 +258,14 @@ const secondaryCta =
 			0 8px 8px -4px rgba(0, 0, 0, 0.18);
 	}
 
+	:global(:root.dark) .hero-image-frame :global(.hero-image--light) {
+		display: none;
+	}
+
+	:global(:root.dark) .hero-image-frame :global(.hero-image--dark) {
+		display: block;
+	}
+
 	@media (prefers-color-scheme: dark) {
 		:global(:root:not(.light)) .hero-image-frame {
 			border-color: color-mix(in srgb, var(--color-bg) 90%, var(--color-text));
@@ -256,6 +274,14 @@ const secondaryCta =
 				0 20px 24px -4px rgba(0, 0, 0, 0.24),
 				0 8px 8px -4px rgba(0, 0, 0, 0.18);
 		}
+
+		:global(:root:not(.light)) .hero-image-frame :global(.hero-image--light) {
+			display: none;
+		}
+
+		:global(:root:not(.light)) .hero-image-frame :global(.hero-image--dark) {
+			display: block;
+		}
 	}
 
 	.hero-image-frame :global(.hero-image) {
@@ -265,6 +291,10 @@ const secondaryCta =
 		aspect-ratio: 5 / 3;
 	}
 
+	.hero-image-frame :global(.hero-image--dark) {
+		display: none;
+	}
+
 	@media (min-width: 640px) {
 		.hero-actions {
 			width: auto;
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 5c7974d..1ebf4ab 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -75,6 +75,7 @@ function formatPostDate(date?: Date | null) {
 <style>
 	.blog-index {
 		overflow: hidden;
+		min-height: calc(100vh - 200px);
 		background: color-mix(in srgb, var(--color-bg) 50%, var(--color-surface));
 	}