diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index ad9a7f6..6b7d988 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -28,6 +28,11 @@ const { title } = Astro.props;
 </script>
 
 	<body>
+		<header>
+			<div class="container">
+				<h1 class="nu-c-h3 title">Enhance Your Craft with AI</h1>
+			</div>
+		</header>
 		<button class="theme-toggle" id="theme-toggle" title="Toggles light & dark" aria-label="auto" aria-live="polite">
 			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="var(--icon-secondary)" fill-opacity=".16" d="M8.57 17.93A5.98 5.98 0 0 1 6 13c0-3.31 2.69-6 6-6s6 2.69 6 6c0 2.05-1.03 3.86-2.6 4.94"/><path stroke="var(--icon-secondary)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M12 4V2M3 13H1m22 0h-2m-1.222-7.778-1.414 1.414m-12.728 0L4.222 5.222M4 18h16M8 21h8m-7.43-3.07A5.98 5.98 0 0 1 6 13c0-3.31 2.69-6 6-6s6 2.69 6 6c0 2.05-1.03 3.86-2.6 4.94l-6.83-.01Z"/></svg>
 		  </button>
@@ -44,7 +49,7 @@ const { title } = Astro.props;
 	}
 	html { font-family: var(--system-ui); background-color: var(--background);}
 	body { margin: 0; padding: 0;}
-	main { margin: auto var(--spacing-09);}
+	main, .container { margin: auto var(--spacing-09);}
 	h1.title { margin-bottom: var(--spacing-10); color: var(--text-primary); margin-top: var(--spacing-12); }
 	section { margin-bottom: var(--spacing-10);}
 	p { margin-top: var(--spacing-00);}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9590f9a..1b625ea 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,8 +9,6 @@ import "@new-ui/spacings";
 
 <Layout title="Rise of Machine — A curated set of powerful AI tools for makers.">
 <main>
-		<h1 class="nu-c-h3 title">Enhance Your Craft with AI</h1>
-
 		<!-- Audio tools -->
 		<section>
 		<h6 class="separator nu-c-h6">&#127899; Audio</h6>
