diff --git a/package.json b/package.json
index bcf5af2..6e417a9 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "main": "index.js",
   "scripts": {
     "dev": "npx @11ty/eleventy --serve",
+    "build": "npx @11ty/eleventy",
     "upload": "npx @11ty/eleventy && rsync -aP --delete dist/ joshua@seigler.net:/srv/www/joshua.seigler.net/public_html/"
   },
   "keywords": [],
diff --git a/site/_includes/-header.njk b/site/_includes/-header.njk
index 4758d7a..af59891 100644
--- a/site/_includes/-header.njk
+++ b/site/_includes/-header.njk
@@ -1,7 +1,7 @@
 <header>
   <nav>
     <div class="nav-row">
-      <a class="nav-home" href="{{ "/" | url }}">{{ site.title }}</a>
+      <div class="nav-home"><a href="{{ "/" | url }}">{{ site.title }}</a></div>
       <div class="nav-settings">
         <div class="nav-toggles">
           <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
diff --git a/site/_includes/base.njk b/site/_includes/base.njk
index 0805bde..1efe55a 100644
--- a/site/_includes/base.njk
+++ b/site/_includes/base.njk
@@ -6,7 +6,7 @@ title: Joshua's Homepage
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <link rel="stylesheet" href="{{ "/site.css" | url }}?modified={{buildTime}}"/>
     <link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention" />
     <title>{{ computedTitle }} - {{ site.title }}</title>
diff --git a/assets/fonts/ftaurebesh/ftaurebesh.css b/site/_includes/css/ftaurebesh.css
similarity index 64%
rename from assets/fonts/ftaurebesh/ftaurebesh.css
rename to site/_includes/css/ftaurebesh.css
index fbe97e0..3cd5074 100644
--- a/assets/fonts/ftaurebesh/ftaurebesh.css
+++ b/site/_includes/css/ftaurebesh.css
@@ -3,7 +3,7 @@
   font-style: normal;
   font-weight: 500;
   font-display: block;
-  src: url("ftaurebesh-medium.woff2") format("woff2");
+  src: url("/fonts/ftaurebesh/ftaurebesh-medium.woff2") format("woff2");
   size-adjust: 125%;
 }
 @font-face {
@@ -11,6 +11,6 @@
   font-style: normal;
   font-weight: 700;
   font-display: block;
-  src: url("ftaurebesh-bold.woff2") format("woff2");
+  src: url("/fonts/ftaurebesh/ftaurebesh-bold.woff2") format("woff2");
   size-adjust: 125%;
 }
diff --git a/assets/fonts/inter/inter.css b/site/_includes/css/inter.css
similarity index 60%
rename from assets/fonts/inter/inter.css
rename to site/_includes/css/inter.css
index d80b71a..56f3762 100644
--- a/assets/fonts/inter/inter.css
+++ b/site/_includes/css/inter.css
@@ -3,12 +3,12 @@
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
-  src: url("InterVariable.woff2") format("woff2");
+  src: url("/fonts/inter/InterVariable.woff2") format("woff2");
 }
 @font-face {
   font-family: Inter;
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
-  src: url("InterVariable-Italic.woff2") format("woff2");
+  src: url("/fonts/inter/InterVariable-Italic.woff2") format("woff2");
 }
diff --git a/assets/site.css b/site/_includes/css/site.css
similarity index 85%
rename from assets/site.css
rename to site/_includes/css/site.css
index aaa656f..c623be7 100644
--- a/assets/site.css
+++ b/site/_includes/css/site.css
@@ -1,6 +1,3 @@
-@import url(fonts/inter/inter.css);
-@import url(fonts/ftaurebesh/ftaurebesh.css);
-
 :root {
   font-size: 16px;
   font-size: clamp(16px, 8px + 1.5vw, 24px);
@@ -14,11 +11,13 @@
 }
 
 body {
-  --c-highlight: hsl(0 0% 100% / 87.5%);
-  --c-dark: hsl(217 17% 21%);
+  --c-highlight: oklch(100% 0 0 / 0.875);
+  --c-dark: oklch(32.1% 0.022 259.9);
   --c-accent: white;
-  --c-body-background: hsl(0 0% 85%);
-  --c-text-background-light: hsl(0 0% 95% / 60%);
+  --c-body-background: oklch(85% 0 338);
+  --c-bg1: oklch(85% 0.04 285);
+  --c-bg2: oklch(85% 0.04 188);
+  --c-text-background-light: oklch(96.2% 0 0 / 0.6);
 
   --c-text-light: var(--c-highlight);
   --c-text-dark: var(--c-dark);
@@ -35,7 +34,7 @@ body {
   --s3: calc(var(--s2) * var(--ratio));
   --s4: calc(var(--s3) * var(--ratio));
   --s5: calc(var(--s4) * var(--ratio));
-  --content-width: clamp(75vw, 40rem, 100vw - 3rem);
+  --content-width: clamp(75vw, 40rem, 100vw - 1rem);
   --sidebar-width: clamp(
     10rem,
     calc(0.2 * var(--content-width)),
@@ -43,8 +42,8 @@ body {
   );
   --inset: calc(50vw - var(--content-width) / 2);
   background-image:
-    radial-gradient(circle at -20% 20vmin, #0000ff19, transparent 60%),
-    radial-gradient(circle at 120% calc(100% - 20vmin), #0873, transparent 60%),
+    radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%),
+    radial-gradient(circle at 120% calc(100% - 20vmin), var(--c-bg2), transparent 60%),
     url(/noise.png);
 }
 
@@ -52,14 +51,15 @@ body[data-theme="dark"] {
   background-color: var(--c-body-background);
 }
 [data-theme="dark"] {
-  --c-highlight: hsl(320 40% 20% / 50%);
-  --c-dark: hsl(217 9% 8%);
-  --c-accent: hsl(320 40% 25% / 80%);
-  --c-body-background: hsl(220 50% 5%);
-
-  --c-text-background-light: hsl(320 40% 20% / 30%);
-  --c-text-light: hsl(60 50% 86.67%);
-  --c-text-dark: hsl(60 50% 86.67%);
+  --c-highlight: oklch(40% 0.088 341.9 / 0.6);
+  --c-accent: oklch(40% 0.088 341.9 / 0.8);
+  --c-body-background: oklch(15% 0.05 262);
+  --c-bg1: oklch(15% 0.05 285);
+  --c-bg2: oklch(15% 0.05 188);
+  --c-dark: oklch(19.1% 0.005 259.9);
+  --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
+  --c-text-light: oklch(94% 0.045 107.2);
+  --c-text-dark: oklch(94% 0.045 107.2);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -67,14 +67,15 @@ body[data-theme="dark"] {
     background-color: var(--c-body-background);
   }
   [data-theme="auto"] {
-    --c-highlight: hsl(320 40% 25% / 50%);
-    --c-dark: hsl(217 9% 8%);
-    --c-accent: hsl(320 40% 25%);
-    --c-body-background: hsl(220 50% 5%);
-
-    --c-text-background-light: hsl(320 40% 20% / 30%);
-    --c-text-light: hsl(60 50% 86.67%);
-    --c-text-dark: hsl(60 50% 86.67%);
+    --c-highlight: oklch(40% 0.088 341.9 / 0.6);
+    --c-accent: oklch(40% 0.088 341.9 / 0.8);
+    --c-body-background: oklch(15% 0.05 262);
+    --c-bg1: oklch(15% 0.05 285);
+    --c-bg2: oklch(15% 0.05 188);
+    --c-dark: oklch(19.1% 0.005 259.9);
+    --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
+    --c-text-light: oklch(94% 0.045 107.2);
+    --c-text-dark: oklch(94% 0.045 107.2);
   }
 }
 
@@ -271,6 +272,7 @@ body > header {
   color: var(--c-text-dark);
   padding: 0 var(--inset) 0;
   border-radius: 0.5rem 0.5rem 0 0;
+  padding-top: env(safe-area-inset-top, 0);
 }
 body > header > nav {
   margin: 0.5rem 0 3rem;
@@ -289,16 +291,19 @@ body > header > nav {
 .nav-row {
   width: 100%;
   display: flex;
-  flex-direction: row;
+  flex-direction: row-reverse;
   flex-wrap: wrap;
   gap: 0.5rem;
   margin-bottom: 0.25rem;
 }
+.nav-home {
+  flex-grow: 1;
+  order: 2;
+}
 .nav-home, .nav-active {
   font-weight: bold;
 }
 .nav-settings {
-  margin-left: auto;
   display: flex;
   gap: 0.5em;
   flex-direction: row;
@@ -353,6 +358,7 @@ body > footer {
   font-size: var(--s-1);
   margin: auto var(--inset) 0.5rem;
   padding-top: 4rem;
+  padding-bottom: env(safe-area-inset-bottom, 0);
   & a {
     white-space: nowrap;
   }
diff --git a/site/css.njk b/site/css.njk
new file mode 100644
index 0000000..77a31f7
--- /dev/null
+++ b/site/css.njk
@@ -0,0 +1,6 @@
+---
+permalink: /site.css
+---
+{%include "css/inter.css"%}
+{%include "css/ftaurebesh.css"%}
+{%include "css/site.css"%}
diff --git a/site/pages/now.md b/site/pages/now.md
index 4ea80a8..a3656d0 100644
--- a/site/pages/now.md
+++ b/site/pages/now.md
@@ -4,7 +4,7 @@ layout: "base.njk"
 date: 2025-06-07
 ---
 
-I live in Southbridge, Massachusetts since 2022, with my wife Sara and our three cats. We're starting to get more integrated here. I'm about to start a new role, my third or fourth startup depending on how you count it. I'm active in [a local church](https://www.stmichaelorthodox.com/). I enjoy spicy food, board games, and peace.
+I live in Southbridge, Massachusetts since 2022, with my wife Sara and our three cats. We're starting to get more integrated here. I'm about to start a new role, my third or fourth startup depending on how you count it. I'm active in [a local church](https://www.stmichaelorthodox.com/). I recently changed my mind about olives (I like them now).
 
 ## Goals
 
