diff --git a/web/src/App.tsx b/web/src/App.tsx
index dd19f80..451be8b 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -33,6 +33,7 @@ import { SectionNav } from './components/SectionNav'
 import { ThemeToggle } from './components/ThemeToggle'
 import { StateIndex } from './components/StateIndex'
 import { StatBar } from './components/StatBar'
+import cautionSparta from './assets/caution-sparta.png'
 import { AboutPanel } from './components/AboutPanel'
 import { VestingPanel } from './components/VestingPanel'
 import { WormholeStage } from './components/WormholeStage'
@@ -119,7 +120,15 @@ export default function App() {
             <div className="mark-name">
               blackbeard<span>.observer</span>
             </div>
-            <div className="mark-tagline">quantus mining · this is sparta</div>
+            <div className="mark-tagline">
+              quantus mining{' '}
+              {/* In place of the separator the bullet used to be. Decorative,
+                  so `alt` is empty on purpose: the words either side already
+                  say it, and a screen reader announcing an image between them
+                  would be reading the punctuation aloud. */}
+              <img className="tagline-mark" src={cautionSparta} alt="" aria-hidden="true" /> this is
+              sparta
+            </div>
           </div>
         </div>
 
diff --git a/web/src/assets/caution-sparta.png b/web/src/assets/caution-sparta.png
new file mode 100644
index 0000000..199d130
Binary files /dev/null and b/web/src/assets/caution-sparta.png differ
diff --git a/web/src/index.css b/web/src/index.css
index cc538a6..ba06618 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -264,6 +264,23 @@ a {
   text-transform: uppercase;
   color: var(--text-muted);
   margin-top: 5px;
+  /* Stated rather than inherited, because the mark between the two halves is
+     sized from it — a line height that moved with the body's would quietly
+     resize the image. */
+  line-height: 1.4;
+}
+
+/* The mark standing where the bullet separator was, scaled to the line it sits
+   on. `1lh` is exactly that; the `em` above it is the same number for browsers
+   that do not know the unit, and is only equal because the line height above is
+   declared rather than inherited. */
+.tagline-mark {
+  height: 1.4em;
+  height: 1lh;
+  width: auto;
+  vertical-align: -0.28em;
+  /* The masthead sits on a radial glow rather than a flat surface, so the
+     image keeps its own transparency instead of being given a ground. */
 }
 
 .masthead-right {