diff --git a/1/index.html b/1/index.html
index 76444f02..38dae9a9 100644
--- a/1/index.html
+++ b/1/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1643,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/1/` was built on 2026-09-18T15:48:53.307Z -->
+    <!-- This page `/1/` was built on 2026-09-20T00:40:45.063Z -->
   </body>
 </html>
diff --git a/10/index.html b/10/index.html
index 78e6e9f1..cbac1390 100644
--- a/10/index.html
+++ b/10/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1691,6 +1702,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/10/` was built on 2026-09-18T15:48:56.553Z -->
+    <!-- This page `/10/` was built on 2026-09-20T00:40:51.811Z -->
   </body>
 </html>
diff --git a/11/index.html b/11/index.html
index e0310a1f..5de78495 100644
--- a/11/index.html
+++ b/11/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1659,6 +1670,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/11/` was built on 2026-09-18T15:48:56.826Z -->
+    <!-- This page `/11/` was built on 2026-09-20T00:40:52.304Z -->
   </body>
 </html>
diff --git a/12/index.html b/12/index.html
index b98147d2..c94ed960 100644
--- a/12/index.html
+++ b/12/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1679,6 +1690,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/12/` was built on 2026-09-18T15:48:57.062Z -->
+    <!-- This page `/12/` was built on 2026-09-20T00:40:52.811Z -->
   </body>
 </html>
diff --git a/13/index.html b/13/index.html
index 900828d1..f54c6a44 100644
--- a/13/index.html
+++ b/13/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1671,6 +1682,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/13/` was built on 2026-09-18T15:48:57.214Z -->
+    <!-- This page `/13/` was built on 2026-09-20T00:40:53.118Z -->
   </body>
 </html>
diff --git a/14/index.html b/14/index.html
index 24cd5f34..1af4cbff 100644
--- a/14/index.html
+++ b/14/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1645,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/14/` was built on 2026-09-18T15:48:57.567Z -->
+    <!-- This page `/14/` was built on 2026-09-20T00:40:53.720Z -->
   </body>
 </html>
diff --git a/15/index.html b/15/index.html
index dd133603..2d9a4e9f 100644
--- a/15/index.html
+++ b/15/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1543,6 +1554,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/15/` was built on 2026-09-18T15:48:57.889Z -->
+    <!-- This page `/15/` was built on 2026-09-20T00:40:54.154Z -->
   </body>
 </html>
diff --git a/2/index.html b/2/index.html
index 5346eeb4..5368419c 100644
--- a/2/index.html
+++ b/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1643,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/2/` was built on 2026-09-18T15:48:53.647Z -->
+    <!-- This page `/2/` was built on 2026-09-20T00:40:45.615Z -->
   </body>
 </html>
diff --git a/3/index.html b/3/index.html
index 5adf3112..87b4e727 100644
--- a/3/index.html
+++ b/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1647,6 +1658,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/3/` was built on 2026-09-18T15:48:54.022Z -->
+    <!-- This page `/3/` was built on 2026-09-20T00:40:46.226Z -->
   </body>
 </html>
diff --git a/4/index.html b/4/index.html
index 00708222..471bbec3 100644
--- a/4/index.html
+++ b/4/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1655,6 +1666,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/4/` was built on 2026-09-18T15:48:54.422Z -->
+    <!-- This page `/4/` was built on 2026-09-20T00:40:47.011Z -->
   </body>
 </html>
diff --git a/404.html b/404.html
index fec165a6..146ba7e9 100644
--- a/404.html
+++ b/404.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1440,6 +1450,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/404.html` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/404.html` was built on 2026-09-20T00:40:39.768Z -->
   </body>
 </html>
diff --git a/5/index.html b/5/index.html
index f85dd642..d9c3d93a 100644
--- a/5/index.html
+++ b/5/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1643,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/5/` was built on 2026-09-18T15:48:54.868Z -->
+    <!-- This page `/5/` was built on 2026-09-20T00:40:48.135Z -->
   </body>
 </html>
diff --git a/6/index.html b/6/index.html
index 0ece54a1..41a08da6 100644
--- a/6/index.html
+++ b/6/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1645,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/6/` was built on 2026-09-18T15:48:55.159Z -->
+    <!-- This page `/6/` was built on 2026-09-20T00:40:48.747Z -->
   </body>
 </html>
diff --git a/7/index.html b/7/index.html
index 71f17914..b4f83f7e 100644
--- a/7/index.html
+++ b/7/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1653,6 +1664,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/7/` was built on 2026-09-18T15:48:55.522Z -->
+    <!-- This page `/7/` was built on 2026-09-20T00:40:49.522Z -->
   </body>
 </html>
diff --git a/8/index.html b/8/index.html
index b56e4040..cf218298 100644
--- a/8/index.html
+++ b/8/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1645,6 +1656,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/8/` was built on 2026-09-18T15:48:55.794Z -->
+    <!-- This page `/8/` was built on 2026-09-20T00:40:50.150Z -->
   </body>
 </html>
diff --git a/9/index.html b/9/index.html
index 0ff71f9a..d36d09d1 100644
--- a/9/index.html
+++ b/9/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1643,6 +1654,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/9/` was built on 2026-09-18T15:48:56.165Z -->
+    <!-- This page `/9/` was built on 2026-09-20T00:40:51.065Z -->
   </body>
 </html>
diff --git a/aarons-mask/index.html b/aarons-mask/index.html
index fb2d4f93..dfe5ee2b 100644
--- a/aarons-mask/index.html
+++ b/aarons-mask/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+		<a class="postlink" href="/leatherworking-favorites/">
+			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/aarons-mask/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/aarons-mask/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/about/index.html b/about/index.html
index 5eca1c56..68e07809 100644
--- a/about/index.html
+++ b/about/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1557,6 +1567,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/about/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/about/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/acadia-coloring-journal/index.html b/acadia-coloring-journal/index.html
index 46ca6115..b9c6fa86 100644
--- a/acadia-coloring-journal/index.html
+++ b/acadia-coloring-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1890,6 +1901,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/lined-notebook/">
+			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/black-and-red-journal/">
 			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
@@ -1907,29 +1932,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+		<a class="postlink" href="/orange-green-journal/">
+			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1986,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/acadia-coloring-journal/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/acadia-coloring-journal/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/acadia-mitts/index.html b/acadia-mitts/index.html
index d9d54699..a3a0096e 100644
--- a/acadia-mitts/index.html
+++ b/acadia-mitts/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,22 +1885,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/brookes-scarf/">
 			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
@@ -1904,6 +1899,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/brookes-socks/">
+			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/pink-socks/">
 			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/acadia-mitts/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/acadia-mitts/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/accessibility/index.html b/accessibility/index.html
index 7c19ae8d..c99b102d 100644
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1445,6 +1455,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/accessibility/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/accessibility/` was built on 2026-09-20T00:40:39.772Z -->
   </body>
 </html>
diff --git a/accessible-image-modals/index.html b/accessible-image-modals/index.html
index 05aac1d5..eda08b86 100644
--- a/accessible-image-modals/index.html
+++ b/accessible-image-modals/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1934,49 +1945,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+		<a class="postlink" href="/an-intro-to-git/">
+			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/handedness-toggle/">
+			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
-				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
@@ -2033,6 +2038,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/accessible-image-modals/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/accessible-image-modals/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/an-intro-to-git/index.html b/an-intro-to-git/index.html
index 3c03c9a0..85d6fed8 100644
--- a/an-intro-to-git/index.html
+++ b/an-intro-to-git/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2304,31 +2315,29 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/framer-accessibility/">
-			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
+		<a class="postlink" href="/my-favorite-git-flag/">
+			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
+			<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2385,6 +2394,6 @@ codeberg  https://codeberg.org/inherentlee/git-intro.git (push)</code></pre>
 </footer>
 
 
-    <!-- This page `/an-intro-to-git/` was built on 2026-09-18T15:48:49.979Z -->
+    <!-- This page `/an-intro-to-git/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/anarchy-autism/index.html b/anarchy-autism/index.html
index 88faeee8..669516c1 100644
--- a/anarchy-autism/index.html
+++ b/anarchy-autism/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1897,8 +1908,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1906,46 +1917,44 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>shirt</li>
+				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2002,6 +2011,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/anarchy-autism/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/anarchy-autism/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/art-shows-and-events/index.html b/art-shows-and-events/index.html
index 7cbf537e..5732dee4 100644
--- a/art-shows-and-events/index.html
+++ b/art-shows-and-events/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1932,6 +1943,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/art-shows-and-events/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/art-shows-and-events/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/artisans-cooperative-cards/index.html b/artisans-cooperative-cards/index.html
index 5f4a2c96..7fac2c21 100644
--- a/artisans-cooperative-cards/index.html
+++ b/artisans-cooperative-cards/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1882,22 +1893,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+		<a class="postlink" href="/congrats-on-the-gay/">
+			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1905,17 +1902,17 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+		<a class="postlink" href="/slightly-weird-man-club/">
+			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1926,7 +1923,23 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="" id="iris">iris </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1983,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-cards/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/artisans-cooperative-cards/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/artisans-cooperative-shirts/index.html b/artisans-cooperative-shirts/index.html
index b69c0cf1..2d507c33 100644
--- a/artisans-cooperative-shirts/index.html
+++ b/artisans-cooperative-shirts/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1883,53 +1894,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/euphorbia/">
+			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/become-unbutterable/">
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1986,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/artisans-cooperative-shirts/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/artists-conk/index.html b/artists-conk/index.html
index ac209f34..503ab18c 100644
--- a/artists-conk/index.html
+++ b/artists-conk/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1909,6 +1920,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/artists-conk/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/artists-conk/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/azure-locations-and-file-crawling/index.html b/azure-locations-and-file-crawling/index.html
index d1bf6b4c..c18d4893 100644
--- a/azure-locations-and-file-crawling/index.html
+++ b/azure-locations-and-file-crawling/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2106,47 +2117,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+		<a class="postlink" href="/happy-solstice-2025/">
+			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/solstice-2025.jpg" alt="front and back of our solstice card from this year, designed in postcard format. long alt incoming... front - 4 picture collage. 1 - i&#39;m standing in the woods, looking to one side, wearing an elaborate knit scarf. 2 - silhouetted thistle-like flowers in front of a pink-purple sky. 3 - my wife brooke crouches down to draw a heart in charcoal on a beach log, with &#39;L + B&#39; written inside. 4 - brooke stands on a driftwood-covered beach looking hella cool in mirrored shades. our dog kes stands in front of her and looks off to one side eagerly. overlaid is the words &#39;happy solstice&#39; in cursive. back - split down the center like the back of a postcard. on the left side, a 5 picture collage. 1 - i stand on a rock at the edge of a calm alpine lake. overlaid is the words &#39;lee, brooke, kestrel, &amp; the flock&#39; in print lettering. 2 - an early spring fern curl. 3 - our six ducks, all facing to the left, not in a row but still very organized. 4 - brooke grins at the camera while hugging kestrel&#39;s head. kestrel looks maybe a bit distraught. 5 - silhouette of a heron in flight across an early morning blue sky. on the address side, i&#39;ve added a dahlia to represent the stamp, and written &#39;you!&#39; in the field that would normally hold the mailing address." loading="lazy" decoding="async" width="1000" height="1346">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2203,6 +2210,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/azure-locations-and-file-crawling/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/backend-accessibility/index.html b/backend-accessibility/index.html
index 5cd131d6..edf056ce 100644
--- a/backend-accessibility/index.html
+++ b/backend-accessibility/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1936,43 +1947,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
+		<a class="postlink" href="/comparing-text-editors/">
+			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
+			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+		<a class="postlink" href="/intro-to-wireframing/">
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
 			
 		</a>
 	</li>
@@ -2029,6 +2040,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/backend-accessibility/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/backend-accessibility/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/bag-strap/index.html b/bag-strap/index.html
index ae0815d5..460fce41 100644
--- a/bag-strap/index.html
+++ b/bag-strap/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,47 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/gradient-purse-strap/">
+			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+		<a class="postlink" href="/eight-pocket-bifold/">
+			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>book</li>
-				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1972,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bag-strap/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/bag-strap/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/baseball-journal/index.html b/baseball-journal/index.html
index de44d162..4bf3c337 100644
--- a/baseball-journal/index.html
+++ b/baseball-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,31 +1896,15 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+		<a class="postlink" href="/flocked-notebook/">
+			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1930,6 +1925,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/square-watercolor-pad/">
+			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1982,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/baseball-journal/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/baseball-journal/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/become-unbutterable/index.html b/become-unbutterable/index.html
index 722dc9cf..a2e2a640 100644
--- a/become-unbutterable/index.html
+++ b/become-unbutterable/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1881,6 +1892,38 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="" id="crow">crow </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/loon/">
 			<h2 data-ha-exclude="" id="loon">loon </h2>
@@ -1895,46 +1938,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1987,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/become-unbutterable/` was built on 2026-09-18T15:48:49.946Z -->
+    <!-- This page `/become-unbutterable/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/bfl-silk-handspun/index.html b/bfl-silk-handspun/index.html
index 3b158c27..92bd1c11 100644
--- a/bfl-silk-handspun/index.html
+++ b/bfl-silk-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,15 +1886,29 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1902,20 +1927,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bfl-silk-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/bfl-silk-handspun/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/big-pidge/index.html b/big-pidge/index.html
index 6299d1e4..762629e3 100644
--- a/big-pidge/index.html
+++ b/big-pidge/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,26 +1903,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1920,14 +1913,14 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1938,7 +1931,21 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1995,6 +2002,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/big-pidge/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/big-pidge/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/black-and-red-journal/index.html b/black-and-red-journal/index.html
index 6dd21401..ca62ecc5 100644
--- a/black-and-red-journal/index.html
+++ b/black-and-red-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1879,47 +1890,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+		<a class="postlink" href="/vix-collar/">
+			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>book</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>book</li>
-				
-				<li>highlight</li>
+				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1976,6 +1983,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/black-and-red-journal/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/black-and-red-journal/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/block-printing-transfer-method/index.html b/block-printing-transfer-method/index.html
index 91f85b2e..e246f09e 100644
--- a/block-printing-transfer-method/index.html
+++ b/block-printing-transfer-method/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1915,30 +1926,26 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/heron/">
+			<h2 data-ha-exclude="" id="heron">heron </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
+				<li>card</li>
 				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="" id="iris">iris </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1947,27 +1954,21 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+		<a class="postlink" href="/fix-your-hearts/">
+			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2024,6 +2025,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/block-printing-transfer-method/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/block-printing-transfer-method/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/blue-and-brown-leather-journal/index.html b/blue-and-brown-leather-journal/index.html
index 8f4ccdac..ea44b446 100644
--- a/blue-and-brown-leather-journal/index.html
+++ b/blue-and-brown-leather-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,45 +1902,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+		<a class="postlink" href="/leather-strap-journal/">
+			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+		<a class="postlink" href="/stampede-journal/">
+			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
+			</ul>
+			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+			
+			<ul class="postlist-tags">
+				
 				<li>leather</li>
 				
-			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
-			
-			<ul class="postlist-tags">
-				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1986,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/blue-and-brown-leather-journal/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/booby-congrats-on-the-top-surgery/index.html b/booby-congrats-on-the-top-surgery/index.html
index ac2ef38a..3ebae448 100644
--- a/booby-congrats-on-the-top-surgery/index.html
+++ b/booby-congrats-on-the-top-surgery/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,30 +1896,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/seedling/">
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,24 +1905,46 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1990,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-18T15:48:49.958Z -->
+    <!-- This page `/booby-congrats-on-the-top-surgery/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/bottom-growth/index.html b/bottom-growth/index.html
index a82911f2..a4797cca 100644
--- a/bottom-growth/index.html
+++ b/bottom-growth/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,47 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+		<a class="postlink" href="/squarsh/">
+			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="" id="hair">hair </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+		<a class="postlink" href="/fix-your-hearts/">
+			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1977,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bottom-growth/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/bottom-growth/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/bowtie/index.html b/bowtie/index.html
index 64eac928..5454df00 100644
--- a/bowtie/index.html
+++ b/bowtie/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/bowtie/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/bowtie/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/boypussy/index.html b/boypussy/index.html
index bb051f52..2db32b8f 100644
--- a/boypussy/index.html
+++ b/boypussy/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1902,8 +1913,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1911,44 +1922,36 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
+			</ul>
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/give-to-trans-orgs-and-people/">
+			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+			
+			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/bouquet.jpg" alt="Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
+			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
 			
 		</a>
 	</li>
@@ -2005,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/boypussy/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/boypussy/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/brookes-collar/index.html b/brookes-collar/index.html
index 43589688..4ecd72bd 100644
--- a/brookes-collar/index.html
+++ b/brookes-collar/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/leatherworking-favorites/">
+			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+		<a class="postlink" href="/mousie/">
+			<h2 data-ha-exclude="" id="mousie">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-collar/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/brookes-collar/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/brookes-cuff-bracelets/index.html b/brookes-cuff-bracelets/index.html
index 73de5d36..e582d330 100644
--- a/brookes-cuff-bracelets/index.html
+++ b/brookes-cuff-bracelets/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,22 +1886,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/wrap-bracelets/">
+			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,21 +1910,21 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/long-zipper-bifold/">
+			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1970,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/brookes-cuff-bracelets/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/brookes-notebook/index.html b/brookes-notebook/index.html
index bcd11620..945aa120 100644
--- a/brookes-notebook/index.html
+++ b/brookes-notebook/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1890,51 +1901,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>software</li>
+				<li>leather</li>
 				
-				<li>highlight</li>
+				<li>book</li>
 				
 			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>software</li>
+				<li>knit</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/lined-notebook/">
+			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
-				
-				<li>software</li>
-				
-				<li>highlight</li>
+				<li>book</li>
 				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1991,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-notebook/` was built on 2026-09-18T15:48:49.949Z -->
+    <!-- This page `/brookes-notebook/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/brookes-scarf/index.html b/brookes-scarf/index.html
index 055f28c1..c2435d0e 100644
--- a/brookes-scarf/index.html
+++ b/brookes-scarf/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1912,15 +1923,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/acadia-mitts.jpg" alt="a hand wearing a knitted fingerless mitten. it&#39;s knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
@@ -1977,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-scarf/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/brookes-scarf/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/brookes-socks/index.html b/brookes-socks/index.html
index 15a15dfe..e30be953 100644
--- a/brookes-socks/index.html
+++ b/brookes-socks/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,29 +1902,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
+		<a class="postlink" href="/acadia-mitts/">
+			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/acadia-mitts.jpg" alt="a hand wearing a knitted fingerless mitten. it&#39;s knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1970,6 +1983,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-socks/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/brookes-socks/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/brookes-suspenders/index.html b/brookes-suspenders/index.html
index e859acbe..ba3cc963 100644
--- a/brookes-suspenders/index.html
+++ b/brookes-suspenders/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
+		<a class="postlink" href="/vertical-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+		<a class="postlink" href="/gradient-purse-strap/">
+			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brookes-suspenders/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/brookes-suspenders/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/brown-creeper/index.html b/brown-creeper/index.html
index e45cc59e..76129050 100644
--- a/brown-creeper/index.html
+++ b/brown-creeper/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1876,8 +1887,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/heron/">
+			<h2 data-ha-exclude="" id="heron">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1888,14 +1899,14 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flicker/">
-			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1903,24 +1914,24 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/loon/">
-			<h2 data-ha-exclude="" id="loon">loon </h2>
+		<a class="postlink" href="/kniphofia/">
+			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1977,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/brown-creeper/` was built on 2026-09-18T15:48:49.960Z -->
+    <!-- This page `/brown-creeper/` was built on 2026-09-20T00:40:39.740Z -->
   </body>
 </html>
diff --git a/butch-hands-pattern/index.html b/butch-hands-pattern/index.html
index de2b0032..dbc01163 100644
--- a/butch-hands-pattern/index.html
+++ b/butch-hands-pattern/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1957,15 +1968,15 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1987,17 +1998,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>software</li>
+				<li>knit</li>
 				
-				<li>highlight</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
@@ -2054,6 +2065,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/butch-hands-pattern/` was built on 2026-09-18T15:48:49.961Z -->
+    <!-- This page `/butch-hands-pattern/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/chanterelle/index.html b/chanterelle/index.html
index bd49237a..fb8081a9 100644
--- a/chanterelle/index.html
+++ b/chanterelle/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,44 +1898,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1932,10 +1907,40 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/seedling/">
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1992,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/chanterelle/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/chanterelle/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/charlie-the-alpaca-handspun/index.html b/charlie-the-alpaca-handspun/index.html
index 610b43f4..4a81d09b 100644
--- a/charlie-the-alpaca-handspun/index.html
+++ b/charlie-the-alpaca-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1889,29 +1900,31 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/dyeing-fiber/">
+			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/charlie-the-alpaca-handspun/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/circle-bag/index.html b/circle-bag/index.html
index bd68a3d7..9de18cc6 100644
--- a/circle-bag/index.html
+++ b/circle-bag/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,47 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1972,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/circle-bag/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/circle-bag/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/colophon/index.html b/colophon/index.html
index dd5c0d14..6b03a1b8 100644
--- a/colophon/index.html
+++ b/colophon/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1392,7 +1402,7 @@ switch (currentThemeValue) {
 
   <p>This is v2 of my personal website, built with <a href="https://www.11ty.dev/" target="_blank" rel="external">Eleventy v3.1.2</a> and hosted by <a href="https://heckin.technology/" target="_blank" rel="external">heckin' technology</a>. It's been hand-coded from the ground up.</p>
 <p>v1 of this site began in 2022 and was based on <a href="https://lenpaul.github.io/Millennial/" target="_blank" rel="external">Millennial</a>, a minimalist Jekyll theme for running a blog or publication by Paul Le.</p>
-<p>The fonts are <a href="https://brailleinstitute.org/freefont" target="_blank" rel="external">Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono</a> for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :)</p>
+<p>The header font is <a href="https://chriskirknielsen.com/fonts/peritel/" target="_blank" rel="external">Peritel by Christopher Kirk-Nielsen</a>. I'm currently trying it on for size, so let me know if you like it - or hate it! The body fonts (and the all-caps headers on the post list pages) are <a href="https://brailleinstitute.org/freefont" target="_blank" rel="external">Atkinson Hyperlegible Next and Atkinson Hyperlegible Mono</a> for standard text and monospace respectively, specifically designed for low-vision readers to improve character recognition. Also they look neat :)</p>
 <p>The search bar is powered by <a href="https://pagefind.app/" target="_blank" rel="external">Pagefind</a>. I was guided by <a href="https://rknight.me/blog/using-pagefind-with-eleventy-for-search/" target="_blank" rel="external">Robb Knight's walkthrough</a> when setting it up.</p>
 <p>Thank you to some lovely friends for their feedback and help with the site! You should hire them. Yes, you.</p>
 <ul>
@@ -1449,6 +1459,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/colophon/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/colophon/` was built on 2026-09-20T00:40:39.773Z -->
   </body>
 </html>
diff --git a/coming-out/index.html b/coming-out/index.html
index 23dc5b4c..e42b0a33 100644
--- a/coming-out/index.html
+++ b/coming-out/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,22 +1902,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,22 +1911,40 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="" id="loon">loon </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
 			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1986,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/coming-out/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/coming-out/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/comparing-text-editors/index.html b/comparing-text-editors/index.html
index 526fa4dd..a7ddbcbe 100644
--- a/comparing-text-editors/index.html
+++ b/comparing-text-editors/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2097,22 +2108,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/core-css/">
+			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -2121,21 +2118,35 @@ switch (currentThemeValue) {
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/domain-and-site-setup/">
+			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2192,6 +2203,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/comparing-text-editors/` was built on 2026-09-18T15:48:49.979Z -->
+    <!-- This page `/comparing-text-editors/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/congrats-on-the-autism-adhd/index.html b/congrats-on-the-autism-adhd/index.html
index 5d0e8c10..6dfab605 100644
--- a/congrats-on-the-autism-adhd/index.html
+++ b/congrats-on-the-autism-adhd/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1888,8 +1899,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1897,35 +1922,17 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+		<a class="postlink" href="/flatfish/">
+			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1933,10 +1940,8 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1993,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-18T15:48:49.946Z -->
+    <!-- This page `/congrats-on-the-autism-adhd/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/congrats-on-the-gay/index.html b/congrats-on-the-gay/index.html
index 845af744..713db911 100644
--- a/congrats-on-the-gay/index.html
+++ b/congrats-on-the-gay/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1894,43 +1905,53 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tiny-mushrooms/">
-			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>knit</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tiny-portraits/">
-			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1987,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/congrats-on-the-gay/` was built on 2026-09-18T15:48:49.961Z -->
+    <!-- This page `/congrats-on-the-gay/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/contact/index.html b/contact/index.html
index 00a3da71..1e5269d3 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1528,6 +1538,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/contact/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/contact/` was built on 2026-09-20T00:40:39.773Z -->
   </body>
 </html>
diff --git a/coral-reef-handspun/index.html b/coral-reef-handspun/index.html
index f58ef562..db16b6fd 100644
--- a/coral-reef-handspun/index.html
+++ b/coral-reef-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/coral-reef-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/coral-reef-handspun/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/core-css/index.html b/core-css/index.html
index 64efd83e..f9ba2c9f 100644
--- a/core-css/index.html
+++ b/core-css/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2192,45 +2203,45 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/recommendations-and-favorites/">
-			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/moving-images/">
+			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
@@ -2287,6 +2298,6 @@ footer a[aria-current="page"]::after</span> <span class="token punctuation">{</s
 </footer>
 
 
-    <!-- This page `/core-css/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/core-css/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/crow/index.html b/crow/index.html
index 164577f2..eddec2ea 100644
--- a/crow/index.html
+++ b/crow/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,57 +1885,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="" id="loon">loon </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/tiny-portraits/">
+			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1981,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/crow/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/crow/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/designing-a-bag/index.html b/designing-a-bag/index.html
index fe43d770..3a6b5757 100644
--- a/designing-a-bag/index.html
+++ b/designing-a-bag/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,43 +1902,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>software</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mouse-coin-purse/">
-			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bowtie/">
-			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1984,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/designing-a-bag/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/designing-a-bag/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/domain-and-site-setup/index.html b/domain-and-site-setup/index.html
index 0d0013d0..2d7f105c 100644
--- a/domain-and-site-setup/index.html
+++ b/domain-and-site-setup/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1926,33 +1937,29 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/accessible-image-modals/">
+			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/visual-site-builders-and-accessibility/">
+			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2023,6 +2030,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/domain-and-site-setup/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/domain-and-site-setup/` was built on 2026-09-20T00:40:39.726Z -->
   </body>
 </html>
diff --git a/double-bill-pocket-bifold/index.html b/double-bill-pocket-bifold/index.html
index 7f3660f5..d0d287b7 100644
--- a/double-bill-pocket-bifold/index.html
+++ b/double-bill-pocket-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/o-ring-bracelet/">
-			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/zipper-bifold-green/">
+			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
+			<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/double-bill-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/dragon-mask/index.html b/dragon-mask/index.html
index 52775948..ba643971 100644
--- a/dragon-mask/index.html
+++ b/dragon-mask/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,45 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/leather-chest-harness/">
+			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1975,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/dragon-mask/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/dragon-mask/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/dyeing-fiber/index.html b/dyeing-fiber/index.html
index b234e13f..a7ce32ff 100644
--- a/dyeing-fiber/index.html
+++ b/dyeing-fiber/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
+		<a class="postlink" href="/charlie-the-alpaca-handspun/">
+			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/dyeing-fiber/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/dyeing-fiber/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/ecommerce-options/index.html b/ecommerce-options/index.html
index 6fa68f25..da3a777e 100644
--- a/ecommerce-options/index.html
+++ b/ecommerce-options/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1950,6 +1961,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/ecommerce-options/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/ecommerce-options/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/eight-pocket-bifold/index.html b/eight-pocket-bifold/index.html
index ba68fd5b..c4891ba2 100644
--- a/eight-pocket-bifold/index.html
+++ b/eight-pocket-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/triangle-pouch/">
-			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/eight-pocket-bifold/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/eight-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/eleventy-lessons/index.html b/eleventy-lessons/index.html
index 0acd0fa0..e658ff77 100644
--- a/eleventy-lessons/index.html
+++ b/eleventy-lessons/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2166,15 +2177,31 @@ eleventyExcludeFromCollections: true
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/domain-and-site-setup/">
-			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+		<a class="postlink" href="/visual-site-builders-and-accessibility/">
+			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
@@ -2193,20 +2220,6 @@ eleventyExcludeFromCollections: true
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2259,6 +2272,6 @@ eleventyExcludeFromCollections: true
 </footer>
 
 
-    <!-- This page `/eleventy-lessons/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/eleventy-lessons/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/euphorbia/index.html b/euphorbia/index.html
index e9524909..a115180d 100644
--- a/euphorbia/index.html
+++ b/euphorbia/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,8 +1886,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/big-pidge/">
-			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
+		<a class="postlink" href="/congrats-on-the-gay/">
+			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1884,33 +1895,33 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
+				<li>card</li>
+				
 			</ul>
-			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1918,10 +1929,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1978,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/euphorbia/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/euphorbia/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/fat-raccoon/index.html b/fat-raccoon/index.html
index 7b7ae1d1..ea2f0008 100644
--- a/fat-raccoon/index.html
+++ b/fat-raccoon/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,57 +1903,51 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/quorbs/">
-			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
-			
-			<ul class="postlist-tags">
-				
 				<li>card</li>
 				
-				<li>print</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/shirts/">
+			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1999,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fat-raccoon/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/fat-raccoon/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/fd-signifier-and-oppositional-sexism/index.html b/fd-signifier-and-oppositional-sexism/index.html
index 4e7f8175..52d12dd0 100644
--- a/fd-signifier-and-oppositional-sexism/index.html
+++ b/fd-signifier-and-oppositional-sexism/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1909,15 +1920,33 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+		<a class="postlink" href="/gender-as-a-proxy-variable/">
+			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
+				<li>zine</li>
+				
 			</ul>
-			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
 			
 		</a>
 	</li>
@@ -1940,22 +1969,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -2008,6 +2021,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/fd-signifier-and-oppositional-sexism/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/fedilearns/index.html b/fedilearns/index.html
index d2587514..97191093 100644
--- a/fedilearns/index.html
+++ b/fedilearns/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1909,6 +1920,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fedilearns/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/fedilearns/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/fedizinefest-2025/index.html b/fedizinefest-2025/index.html
index 46941ba0..2e4523d0 100644
--- a/fedizinefest-2025/index.html
+++ b/fedizinefest-2025/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,22 +1885,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>zine</li>
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/kestrel-zine/">
 			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
@@ -1924,6 +1919,22 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
+			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>zine</li>
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1976,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fedizinefest-2025/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/fedizinefest-2025/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/feed.xml b/feed.xml
index 0499697e..2e40ae61 100644
--- a/feed.xml
+++ b/feed.xml
@@ -315,6 +315,7 @@
 &lt;/table&gt;
 &lt;h2 id=&quot;framer&quot;&gt;Framer&lt;/h2&gt;
 &lt;p&gt;&lt;a href=&quot;https://framer.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;Framer&lt;/a&gt; is a full-featured site designer with a built-in CMS. It offers generative AI features.&lt;/p&gt;
+&lt;p&gt;I have written &lt;a href=&quot;https://leecat.art/framer-accessibility&quot;&gt;further thoughts on Framer accessibility&lt;/a&gt; as part of a more in-depth review.&lt;/p&gt;
 &lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
diff --git a/feed.xsl b/feed.xsl
index 68cec410..e163c0c4 100644
--- a/feed.xsl
+++ b/feed.xsl
@@ -21,10 +21,18 @@ https://nicolas-hoizey.com/feeds/all.xml
         <title>feed | <xsl:value-of select="atom:feed/atom:title"/></title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1"/>
-        <style>:root {
+        <style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -118,11 +126,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -132,23 +142,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
diff --git a/fire-and-ice-handspun/index.html b/fire-and-ice-handspun/index.html
index c2fd998d..25267f76 100644
--- a/fire-and-ice-handspun/index.html
+++ b/fire-and-ice-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/petrichor-handspun/">
-			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+		<a class="postlink" href="/ruby-the-alpaca-handspun/">
+			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fire-and-ice-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/fire-and-ice-handspun/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/fishhook-pride-keychains/index.html b/fishhook-pride-keychains/index.html
index 4b20aacf..f358df29 100644
--- a/fishhook-pride-keychains/index.html
+++ b/fishhook-pride-keychains/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,43 +1891,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/give-to-trans-orgs-and-people/">
-			<h2 data-ha-exclude="" id="give-to-trans-orgs-and-people">give to trans orgs and people </h2>
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/bouquet.jpg" alt="Image unrelated to post. A close up on a flower bouquet in shades of purple, pink, and white. Centered is a large, almost soft-looking pink flower that is still partially closed up." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/x-acto-knife-sheath/">
-			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1973,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fishhook-pride-keychains/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/fishhook-pride-keychains/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/five-of-them/index.html b/five-of-them/index.html
index fbbb3e69..2aa06b27 100644
--- a/five-of-them/index.html
+++ b/five-of-them/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,8 +1898,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1899,37 +1910,43 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="" id="crow">crow </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+			</ul>
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/euphorbia/">
-			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1986,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/five-of-them/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/five-of-them/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/fix-your-hearts/index.html b/fix-your-hearts/index.html
index 8ee5a077..3cb2f89e 100644
--- a/fix-your-hearts/index.html
+++ b/fix-your-hearts/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,8 +1885,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1883,33 +1894,21 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
-			
-			<ul class="postlist-tags">
+				<li>sticker</li>
 				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1920,7 +1919,23 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
@@ -1977,6 +1992,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fix-your-hearts/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/fix-your-hearts/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/flatfish/index.html b/flatfish/index.html
index 129cafe0..10ebdbc5 100644
--- a/flatfish/index.html
+++ b/flatfish/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,26 +1898,24 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
+		<a class="postlink" href="/not-a-drill/">
+			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,24 +1923,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/killdeer/">
-			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
+		<a class="postlink" href="/greeting-quorbs/">
+			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>card</li>
 				
+				<li>print</li>
+				
 			</ul>
-			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1988,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flatfish/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/flatfish/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/flicker/index.html b/flicker/index.html
index dad4813a..201c93ac 100644
--- a/flicker/index.html
+++ b/flicker/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,22 +1903,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/crow/">
-			<h2 data-ha-exclude="" id="crow">crow </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,26 +1912,44 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/artisans-cooperative-shirts/">
+			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
+				<li>print</li>
+				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/squarsh/">
+			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1991,6 +2006,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flicker/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/flicker/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/flocked-notebook/index.html b/flocked-notebook/index.html
index 8925a7de..c1c19644 100644
--- a/flocked-notebook/index.html
+++ b/flocked-notebook/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,6 +1898,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/leather-long-stitch-journals/">
 			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
@@ -1904,31 +1929,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+		<a class="postlink" href="/square-watercolor-pad/">
+			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1985,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/flocked-notebook/` was built on 2026-09-18T15:48:49.949Z -->
+    <!-- This page `/flocked-notebook/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/foldy-wallet-with-thumb-slide/index.html b/foldy-wallet-with-thumb-slide/index.html
index 1763afde..4ea567af 100644
--- a/foldy-wallet-with-thumb-slide/index.html
+++ b/foldy-wallet-with-thumb-slide/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/zipper-bifold/">
+			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>software</li>
+				
 			</ul>
-			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/foldy-wallet-with-thumb-slide/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/foldy-wallet/index.html b/foldy-wallet/index.html
index d738da5a..1b733fdd 100644
--- a/foldy-wallet/index.html
+++ b/foldy-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/circle-bag/">
+			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+		<a class="postlink" href="/x-acto-knife-sheath/">
+			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foldy-wallet/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/foldy-wallet/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/fonts/Peritel/LICENSE.md b/fonts/Peritel/LICENSE.md
new file mode 100644
index 00000000..759ff09d
--- /dev/null
+++ b/fonts/Peritel/LICENSE.md
@@ -0,0 +1,33 @@
+# End User License Agreement (EULA)
+
+This End User License Agreement is a legal agreement between the licensee (you), and the author of this font, Christopher Kirk-Nielsen.
+
+You are granted a perpetual, non-exclusive license to use the font with your purchase.
+
+## By downloading or purchasing this font, you agree to the following terms:
+
+**For use on a website**
+Use on any website owned or under the licensee's control, no pageview limits.
+
+**For use in an app**
+App embed allowed for 1 app. Another app = another license.
+
+**Distribution**
+The font may not be redistributed.
+
+**Personal modification**
+The font may be modified for personal use, but cannot be redistributed.
+
+**Do not use the font for hateful purposes**
+The font is not allowed to be used in any material promoting hate speech of any kind, including but not limited to: racism, xenophobia, homophobia, sexism, or other types of discrimination.
+
+**Do not use the font with AI**
+The font is not allowed to be used in, or in training of, AI/LLMs.
+
+**Use at your own risk**
+Any usage of the fonts are at the licensee's own risk.
+
+For ebooks and other commercial use, or any other specific needs, email me to figure something out: chriskirknielsen+fonts[at]gmail.com
+
+Thank you very much for the support!
+Christopher Kirk-Nielsen (https://chriskirknielsen.com/fonts/)
diff --git a/fonts/Peritel/Peritel-Regular.otf b/fonts/Peritel/Peritel-Regular.otf
new file mode 100644
index 00000000..290d0502
Binary files /dev/null and b/fonts/Peritel/Peritel-Regular.otf differ
diff --git a/fonts/Peritel/Peritel-Regular.woff2 b/fonts/Peritel/Peritel-Regular.woff2
new file mode 100644
index 00000000..369b6bd3
Binary files /dev/null and b/fonts/Peritel/Peritel-Regular.woff2 differ
diff --git a/fountain-pen-friendly-stationery/index.html b/fountain-pen-friendly-stationery/index.html
index 9785621c..76e69655 100644
--- a/fountain-pen-friendly-stationery/index.html
+++ b/fountain-pen-friendly-stationery/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1889,20 +1900,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/stationery-exchange/">
-			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>stationery</li>
-				
-			</ul>
-			<img src="/img/clustered-brown-mushrooms.jpg" alt="Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/siblinghood-of-the-traveling-greeting-card/">
 			<h2 data-ha-exclude="" id="siblinghood-of-the-traveling-greeting-card">siblinghood of the traveling greeting card </h2>
@@ -1917,6 +1914,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/stationery-exchange/">
+			<h2 data-ha-exclude="" id="stationery-exchange">stationery exchange </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>stationery</li>
+				
+			</ul>
+			<img src="/img/clustered-brown-mushrooms.jpg" alt="Picture unrelated to post. A tight close-up on a cluster of tannish brown mushrooms." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1969,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-18T15:48:49.960Z -->
+    <!-- This page `/fountain-pen-friendly-stationery/` was built on 2026-09-20T00:40:39.740Z -->
   </body>
 </html>
diff --git a/foxgloves/index.html b/foxgloves/index.html
index 005c2a12..492e2536 100644
--- a/foxgloves/index.html
+++ b/foxgloves/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,8 +1902,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1901,14 +1912,28 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+		<a class="postlink" href="/tiny-portraits/">
+			<h2 data-ha-exclude="" id="tiny-portraits">tiny portraits </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/tiny-portrait-stamps.jpg" alt="A collage showing various small (around an inch) stamps that depict people or animals." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,26 +1941,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/printmaking-paper-notes/">
-			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1992,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/foxgloves/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/foxgloves/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/framer-accessibility/index.html b/framer-accessibility/index.html
index bafa34fc..798dc2c6 100644
--- a/framer-accessibility/index.html
+++ b/framer-accessibility/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1981,45 +1992,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/handedness-toggle/">
+			<h2 data-ha-exclude="" id="handedness-toggle">handedness toggle </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/accessible-image-modals/">
-			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
@@ -2076,6 +2087,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/framer-accessibility/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/framer-accessibility/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/gallery/1/index.html b/gallery/1/index.html
index 2ce057cf..afbcf97c 100644
--- a/gallery/1/index.html
+++ b/gallery/1/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1644,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/1/` was built on 2026-09-18T15:48:53.307Z -->
+    <!-- This page `/gallery/1/` was built on 2026-09-20T00:40:45.064Z -->
   </body>
 </html>
diff --git a/gallery/10/index.html b/gallery/10/index.html
index 1077c163..85b23097 100644
--- a/gallery/10/index.html
+++ b/gallery/10/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1662,6 +1673,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/10/` was built on 2026-09-18T15:48:56.450Z -->
+    <!-- This page `/gallery/10/` was built on 2026-09-20T00:40:52.046Z -->
   </body>
 </html>
diff --git a/gallery/11/index.html b/gallery/11/index.html
index 0a6bb823..ffcd631d 100644
--- a/gallery/11/index.html
+++ b/gallery/11/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1630,6 +1641,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/11/` was built on 2026-09-18T15:48:56.724Z -->
+    <!-- This page `/gallery/11/` was built on 2026-09-20T00:40:52.834Z -->
   </body>
 </html>
diff --git a/gallery/2/index.html b/gallery/2/index.html
index 6bb0e7b7..32cc4af5 100644
--- a/gallery/2/index.html
+++ b/gallery/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1658,6 +1669,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/2/` was built on 2026-09-18T15:48:53.565Z -->
+    <!-- This page `/gallery/2/` was built on 2026-09-20T00:40:45.766Z -->
   </body>
 </html>
diff --git a/gallery/3/index.html b/gallery/3/index.html
index 49569bb9..47c0d296 100644
--- a/gallery/3/index.html
+++ b/gallery/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1652,6 +1663,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/3/` was built on 2026-09-18T15:48:53.931Z -->
+    <!-- This page `/gallery/3/` was built on 2026-09-20T00:40:46.475Z -->
   </body>
 </html>
diff --git a/gallery/4/index.html b/gallery/4/index.html
index 7e6c445c..4db2a748 100644
--- a/gallery/4/index.html
+++ b/gallery/4/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1648,6 +1659,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/4/` was built on 2026-09-18T15:48:54.268Z -->
+    <!-- This page `/gallery/4/` was built on 2026-09-20T00:40:47.339Z -->
   </body>
 </html>
diff --git a/gallery/5/index.html b/gallery/5/index.html
index c9eb042d..ed82a968 100644
--- a/gallery/5/index.html
+++ b/gallery/5/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1656,6 +1667,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/5/` was built on 2026-09-18T15:48:54.653Z -->
+    <!-- This page `/gallery/5/` was built on 2026-09-20T00:40:48.281Z -->
   </body>
 </html>
diff --git a/gallery/6/index.html b/gallery/6/index.html
index 3678fc3f..a7683180 100644
--- a/gallery/6/index.html
+++ b/gallery/6/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1644,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/6/` was built on 2026-09-18T15:48:55.063Z -->
+    <!-- This page `/gallery/6/` was built on 2026-09-20T00:40:48.969Z -->
   </body>
 </html>
diff --git a/gallery/7/index.html b/gallery/7/index.html
index 1a3b8cc9..0a3f42bf 100644
--- a/gallery/7/index.html
+++ b/gallery/7/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1686,6 +1697,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/7/` was built on 2026-09-18T15:48:55.417Z -->
+    <!-- This page `/gallery/7/` was built on 2026-09-20T00:40:49.803Z -->
   </body>
 </html>
diff --git a/gallery/8/index.html b/gallery/8/index.html
index 1220f2db..6b4a6900 100644
--- a/gallery/8/index.html
+++ b/gallery/8/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1666,6 +1677,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/8/` was built on 2026-09-18T15:48:55.738Z -->
+    <!-- This page `/gallery/8/` was built on 2026-09-20T00:40:50.665Z -->
   </body>
 </html>
diff --git a/gallery/9/index.html b/gallery/9/index.html
index 78062971..1bf0f285 100644
--- a/gallery/9/index.html
+++ b/gallery/9/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1692,6 +1703,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/9/` was built on 2026-09-18T15:48:56.031Z -->
+    <!-- This page `/gallery/9/` was built on 2026-09-20T00:40:51.294Z -->
   </body>
 </html>
diff --git a/gallery/index.html b/gallery/index.html
index dda75778..b65eb3fb 100644
--- a/gallery/index.html
+++ b/gallery/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1640,6 +1651,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gallery/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/gallery/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/geese-trans-wrongs/index.html b/geese-trans-wrongs/index.html
index bfe57f5b..92173b66 100644
--- a/geese-trans-wrongs/index.html
+++ b/geese-trans-wrongs/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,55 +1903,51 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="" id="loon">loon </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+			</ul>
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
 				
 				<li>sticker</li>
 				
+				<li>shirt</li>
+				
 				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/queer-book-list/">
+			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1997,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/geese-trans-wrongs/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/geese-trans-wrongs/` was built on 2026-09-20T00:40:39.720Z -->
   </body>
 </html>
diff --git a/geese/index.html b/geese/index.html
index 3f1c7af9..69b6c614 100644
--- a/geese/index.html
+++ b/geese/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,55 +1903,61 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/shrimp/">
+			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
+				<li>card</li>
 				
 				<li>sticker</li>
 				
-				<li>shirt</li>
-				
 				<li>pin</li>
 				
 			</ul>
-			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
 				<li>card</li>
 				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/kestrel-zine/">
+			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+			
+			<ul class="postlist-tags">
+				
 				<li>print</li>
 				
+				<li>zine</li>
+				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1997,6 +2014,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/geese/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/geese/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/gender-as-a-proxy-variable/index.html b/gender-as-a-proxy-variable/index.html
index 29ae6aa3..1402398c 100644
--- a/gender-as-a-proxy-variable/index.html
+++ b/gender-as-a-proxy-variable/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2063,55 +2074,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/fedizinefest-2025/">
+			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>zine</li>
+				
+			</ul>
+			<img src="/img/fedizinefest-2025.png" alt="A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025." loading="lazy" decoding="async" width="729" height="799">
 			
 		</a>
 	</li>
@@ -2168,6 +2173,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/gender-as-a-proxy-variable/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/gender-in-data-models/index.html b/gender-in-data-models/index.html
index 0651a867..c779e865 100644
--- a/gender-in-data-models/index.html
+++ b/gender-in-data-models/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2114,45 +2125,55 @@ This may also be expanded to a multi-step approach, with questions covering some
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/on-pronouns/">
-			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
+		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
+			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-the-world/">
+			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2209,6 +2230,6 @@ This may also be expanded to a multi-step approach, with questions covering some
 </footer>
 
 
-    <!-- This page `/gender-in-data-models/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/gender-in-data-models/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/gender/index.html b/gender/index.html
index f01a0146..52f18927 100644
--- a/gender/index.html
+++ b/gender/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1898,24 +1909,30 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1923,30 +1940,24 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2003,6 +2014,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gender/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/gender/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/girldick/index.html b/girldick/index.html
index 731f4b69..b5cadcab 100644
--- a/girldick/index.html
+++ b/girldick/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1902,51 +1913,51 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>patch</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+		<a class="postlink" href="/flatfish/">
+			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
-				<li>gender</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+		<a class="postlink" href="/artisans-cooperative-cards/">
+			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2003,6 +2014,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/girldick/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/girldick/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/give-to-trans-orgs-and-people/index.html b/give-to-trans-orgs-and-people/index.html
index 5221ef60..d9db230c 100644
--- a/give-to-trans-orgs-and-people/index.html
+++ b/give-to-trans-orgs-and-people/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1934,53 +1945,55 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>gender</li>
 				
-				<li>zine</li>
+				<li>patch</li>
 				
 			</ul>
-			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
+				<li>patch</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>shirt</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2037,6 +2050,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/give-to-trans-orgs-and-people/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/give-to-trans-orgs-and-people/` was built on 2026-09-20T00:40:39.745Z -->
   </body>
 </html>
diff --git a/gradient-purse-strap/index.html b/gradient-purse-strap/index.html
index de669e35..9eb96ff7 100644
--- a/gradient-purse-strap/index.html
+++ b/gradient-purse-strap/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
+			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/gradient-purse-strap/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/gradient-purse-strap/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/green-memo-pad/index.html b/green-memo-pad/index.html
index be5a637c..46317e55 100644
--- a/green-memo-pad/index.html
+++ b/green-memo-pad/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,17 +1902,31 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/brookes-notebook/">
+			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>book</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/stampede-journal/">
+			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+			
+			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1920,22 +1945,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/brookes-notebook/">
-			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1988,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/green-memo-pad/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/green-memo-pad/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/greeting-loons/index.html b/greeting-loons/index.html
index e3dd2387..4fd4e358 100644
--- a/greeting-loons/index.html
+++ b/greeting-loons/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,40 +1896,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/junco/">
-			<h2 data-ha-exclude="" id="junco">junco </h2>
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 			</ul>
-			<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1933,7 +1926,23 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1990,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/greeting-loons/` was built on 2026-09-18T15:48:49.961Z -->
+    <!-- This page `/greeting-loons/` was built on 2026-09-20T00:40:39.744Z -->
   </body>
 </html>
diff --git a/greeting-quorbs/index.html b/greeting-quorbs/index.html
index 12e444f7..3659cafc 100644
--- a/greeting-quorbs/index.html
+++ b/greeting-quorbs/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,44 +1891,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>shirt</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1928,7 +1903,35 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/tiny-mushrooms/">
+			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/block-printing-transfer-method/">
+			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1985,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/greeting-quorbs/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/greeting-quorbs/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/guestbook/index.html b/guestbook/index.html
index 1cfa5f59..57703808 100644
--- a/guestbook/index.html
+++ b/guestbook/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1512,6 +1522,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/guestbook/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/guestbook/` was built on 2026-09-20T00:40:39.773Z -->
   </body>
 </html>
diff --git a/hair/index.html b/hair/index.html
index 0b9fe156..d32ced9b 100644
--- a/hair/index.html
+++ b/hair/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,24 +1898,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
+		<a class="postlink" href="/on-the-ubiquity-of-enby/">
+			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/geese/">
+			<h2 data-ha-exclude="" id="geese">geese </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,23 +1924,21 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="" id="crow">crow </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
-				<li>gender</li>
+				<li>print</li>
 				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1988,6 +1995,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hair/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/hair/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/hand-dyed-gold-handspun/index.html b/hand-dyed-gold-handspun/index.html
index 2c7a4dfa..cfd1460d 100644
--- a/hand-dyed-gold-handspun/index.html
+++ b/hand-dyed-gold-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+		<a class="postlink" href="/orion-handspun/">
+			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spinning-plants/">
-			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hand-dyed-gold-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/hand-dyed-gold-handspun/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/handcombed-jacobs-handspun/index.html b/handcombed-jacobs-handspun/index.html
index 63e3989a..2dc11e9c 100644
--- a/handcombed-jacobs-handspun/index.html
+++ b/handcombed-jacobs-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+		<a class="postlink" href="/petrichor-handspun/">
+			<h2 data-ha-exclude="" id="petrichor-handspun">petrichor handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/petrichor-handspun.jpg" alt="3 skeins of handspun yarn, 2 large and 1 small. the large ones are a rich earth-tone blend of reds, pinks, browns, and hints of green and gold. the smaller skein is similar but with a decidedly greener hue" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/handcombed-jacobs-handspun/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/handcombed-jacobs-handspun/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/handedness-toggle/index.html b/handedness-toggle/index.html
index 5478fa83..b125ffcb 100644
--- a/handedness-toggle/index.html
+++ b/handedness-toggle/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2101,47 +2112,45 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+		<a class="postlink" href="/redirections/">
+			<h2 data-ha-exclude="" id="redirections">redirections </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
 			
 		</a>
 	</li>
@@ -2198,6 +2207,6 @@ alignToggle<span class="token punctuation">.</span><span class="token function">
 </footer>
 
 
-    <!-- This page `/handedness-toggle/` was built on 2026-09-18T15:48:49.958Z -->
+    <!-- This page `/handedness-toggle/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/handspun-yarn-in-party-mix-and-orange-gold/index.html b/handspun-yarn-in-party-mix-and-orange-gold/index.html
index 865e8969..363d3ee3 100644
--- a/handspun-yarn-in-party-mix-and-orange-gold/index.html
+++ b/handspun-yarn-in-party-mix-and-orange-gold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1896,45 +1907,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/spinners-dream-handspun/">
-			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
+		<a class="postlink" href="/bfl-silk-handspun/">
+			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/icelandic-lamb-handspun/">
-			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
+		<a class="postlink" href="/handcombed-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+		<a class="postlink" href="/charlie-the-alpaca-handspun/">
+			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1991,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/handspun-yarn-in-party-mix-and-orange-gold/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/handspun-yarn-in-party-mix-and-orange-gold/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/happy-bihrtday/index.html b/happy-bihrtday/index.html
index c7933753..8476b764 100644
--- a/happy-bihrtday/index.html
+++ b/happy-bihrtday/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,49 +1902,51 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/become-unbutterable/">
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+			</ul>
+			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/loon/">
+			<h2 data-ha-exclude="" id="loon">loon </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/loon-print.jpg" alt="A print of a loon rearing up with wings spread" loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1990,6 +2003,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-bihrtday/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/happy-bihrtday/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/happy-solstice-2024/index.html b/happy-solstice-2024/index.html
index 7d1fc3d2..e922084b 100644
--- a/happy-solstice-2024/index.html
+++ b/happy-solstice-2024/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1909,6 +1920,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-solstice-2024/` was built on 2026-09-18T15:48:49.961Z -->
+    <!-- This page `/happy-solstice-2024/` was built on 2026-09-20T00:40:39.744Z -->
   </body>
 </html>
diff --git a/happy-solstice-2025/index.html b/happy-solstice-2025/index.html
index 4705fd84..aed0ea96 100644
--- a/happy-solstice-2025/index.html
+++ b/happy-solstice-2025/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,49 +1886,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/core-css/">
+			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>software</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
+			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/little-critter-pouch/">
-			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+		<a class="postlink" href="/brookes-notebook/">
+			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>book</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>software</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
@@ -1974,6 +1985,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/happy-solstice-2025/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/happy-solstice-2025/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/heron/index.html b/heron/index.html
index dde6466a..a62dc499 100644
--- a/heron/index.html
+++ b/heron/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,30 +1903,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/squarsh/">
+			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/chanterelle/">
+			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1923,32 +1926,24 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
-				<li>gender</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -2005,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/heron/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/heron/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/houndstooth-dishtowels/index.html b/houndstooth-dishtowels/index.html
index 69e9d110..4d724986 100644
--- a/houndstooth-dishtowels/index.html
+++ b/houndstooth-dishtowels/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1869,34 +1880,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/log-cabin-dishtowels/">
-			<h2 data-ha-exclude="" id="log-cabin-dishtowels">log cabin dishtowels </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/log-cabin-dishtowels.jpg" alt="A two image collage. Image one shows 1 dishtowel fully laid out and 2 folded next to the yarn used in them. They are navy blue, yellow, and beige and in the log cabin pattern, which alternates blocks of horizontal and vertical light-dark stripes (light is yellow or beige depending, dark is always navy). They have a fringed hem on two opposing sides. Image 2 is a closeup on the pattern." loading="lazy" decoding="async" width="1000" height="1777">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/pink-lime-and-grey-shawl/">
 			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
@@ -1911,6 +1894,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/loud-table-runner/">
+			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/loud-table-runner.jpg" alt="Folded long piece of fabric on a table. It is randomly mixed magenta, lime green, and wine purple, with occasional stripes of something glittery, fuzzy, or satiny in a variety of complementary colors. The ends have twisted fringe." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/rainbow-shawl/">
+			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1963,6 +1974,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/houndstooth-dishtowels/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/houndstooth-dishtowels/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/hummingbird-become-ungovernable/index.html b/hummingbird-become-ungovernable/index.html
index 48858904..94a60d8d 100644
--- a/hummingbird-become-ungovernable/index.html
+++ b/hummingbird-become-ungovernable/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,24 +1903,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+		<a class="postlink" href="/kniphofia/">
+			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1917,24 +1926,26 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+		<a class="postlink" href="/iris/">
+			<h2 data-ha-exclude="" id="iris">iris </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
 			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1991,6 +2002,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/hummingbird-become-ungovernable/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/hummingbird-become-ungovernable/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/icelandic-lamb-handspun/index.html b/icelandic-lamb-handspun/index.html
index 6156658c..3bb9507e 100644
--- a/icelandic-lamb-handspun/index.html
+++ b/icelandic-lamb-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,6 +1885,36 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/bfl-silk-handspun/">
+			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/spinners-dream-handspun/">
 			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
@@ -1888,34 +1929,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/ruby-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="ruby-the-alpaca-handspun">ruby the alpaca handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-			</ul>
-			<img src="/img/ruby-alpaca-handspun.jpg" alt="one large skein and two smaller skeins of a rich chocolatey brown alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/icelandic-lamb-handspun/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/icelandic-lamb-handspun/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/in-the-news/index.html b/in-the-news/index.html
index 720036f0..930d7011 100644
--- a/in-the-news/index.html
+++ b/in-the-news/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1883,49 +1894,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
+		<a class="postlink" href="/on-pronouns/">
+			<h2 data-ha-exclude="" id="on-pronouns">on pronouns </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/starling.jpg" alt="Image unrelated to post. A starling, a beautifully iridescent black bird, stands on a hanging suet feeder." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/congrats-on-the-gay/">
+			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1982,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/in-the-news/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/in-the-news/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/index.html b/index.html
index cc938b37..fdb95e8e 100644
--- a/index.html
+++ b/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1637,6 +1648,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/intro-to-wireframing/index.html b/intro-to-wireframing/index.html
index e4716453..a8af1de0 100644
--- a/intro-to-wireframing/index.html
+++ b/intro-to-wireframing/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,47 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/visual-site-builders-and-accessibility/">
+			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/moving-images/">
+			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
-				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
+		<a class="postlink" href="/domain-and-site-setup/">
+			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1972,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/intro-to-wireframing/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/intro-to-wireframing/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/iris/index.html b/iris/index.html
index bbfd3103..a3a72bd3 100644
--- a/iris/index.html
+++ b/iris/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1908,33 +1919,35 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+		<a class="postlink" href="/quorbs/">
+			<h2 data-ha-exclude="" id="quorbs">quorbs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/quorbs-print.jpg" alt="A print in two layers of color showing two rotund quails on a branch. Most of the details are in black ink, then there is a layer with a brown gradient filling in some color on the head and breast." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+		<a class="postlink" href="/foxgloves/">
+			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1991,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/iris/` was built on 2026-09-18T15:48:49.961Z -->
+    <!-- This page `/iris/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/junco/index.html b/junco/index.html
index 508d6c9b..776dfe2c 100644
--- a/junco/index.html
+++ b/junco/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,22 +1898,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/squarsh/">
-			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/geese/">
-			<h2 data-ha-exclude="" id="geese">geese </h2>
+		<a class="postlink" href="/congrats-on-the-autism-adhd/">
+			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1910,26 +1907,48 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/congrats-on-the.jpg" alt="4 greeting cards propped up on a keyboard. On the right hand side, two cards read &#39;Congrats on the Autism&#39;; one in rainbow ink and one in black ink with a glittery gold shadow. On the left, two cards read &#39;Congrats on the ADHD&#39;; one in red and one in black, both with glittery pink shadows." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-rights-skull/">
+			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1986,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/junco/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/junco/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/keffiyah-fishing-net-pattern/index.html b/keffiyah-fishing-net-pattern/index.html
index 6c9ddbc2..b0a4fa64 100644
--- a/keffiyah-fishing-net-pattern/index.html
+++ b/keffiyah-fishing-net-pattern/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2068,33 +2079,15 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/brookes-socks/">
+			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/pride-dice-bags/">
-			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
+			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2115,6 +2108,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/pink-socks/">
+			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -2167,6 +2174,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/keffiyah-fishing-net-pattern/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/keffiyah-fishing-net-pattern/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/kestrel-zine/index.html b/kestrel-zine/index.html
index e167d353..862dfbfa 100644
--- a/kestrel-zine/index.html
+++ b/kestrel-zine/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1884,8 +1895,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/big-pidge/">
+			<h2 data-ha-exclude="" id="big-pidge">big pidge </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1893,42 +1904,46 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/big-pidge-print.jpg" alt="A block print of a superb speciman of pigeon, inked mostly in black but with patches of green, blue, and purple to indicate iridescence." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>print</li>
 				
-				<li>highlight</li>
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/fat-raccoon/">
+			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
 				
-				<li>software</li>
+				<li>card</li>
 				
-				<li>highlight</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1985,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/kestrel-zine/` was built on 2026-09-18T15:48:49.949Z -->
+    <!-- This page `/kestrel-zine/` was built on 2026-09-20T00:40:39.745Z -->
   </body>
 </html>
diff --git a/killdeer/index.html b/killdeer/index.html
index 7a5a83d4..513e490f 100644
--- a/killdeer/index.html
+++ b/killdeer/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,24 +1898,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,7 +1910,7 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1934,6 +1929,24 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/flicker/">
+			<h2 data-ha-exclude="" id="flicker">flicker </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/flicker-print.jpg" alt="A print in black, brown, and red ink of a northern flicker (a type of woodpecker). Viewed from the back, he is looking over his shoulder and upward towards something unseen above him (my bird feeder)." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1986,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/killdeer/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/killdeer/` was built on 2026-09-20T00:40:39.713Z -->
   </body>
 </html>
diff --git a/kniphofia/index.html b/kniphofia/index.html
index 8b8b1eb2..d514c7e2 100644
--- a/kniphofia/index.html
+++ b/kniphofia/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,40 +1886,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bottom-growth/">
-			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+		<a class="postlink" href="/lupine/">
+			<h2 data-ha-exclude="" id="lupine">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1919,7 +1912,25 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1976,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/kniphofia/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/kniphofia/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/knit-shrimp/index.html b/knit-shrimp/index.html
index 47404254..157a9ad7 100644
--- a/knit-shrimp/index.html
+++ b/knit-shrimp/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,45 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/brookes-socks/">
+			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
+			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sideways-canvas-shirt/">
-			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
+			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>zine</li>
+				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
+			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/pink-socks/">
+			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1975,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/knit-shrimp/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/knit-shrimp/` was built on 2026-09-20T00:40:39.716Z -->
   </body>
 </html>
diff --git a/leaf-patches/index.html b/leaf-patches/index.html
index 595c0ec4..6aa032bf 100644
--- a/leaf-patches/index.html
+++ b/leaf-patches/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,22 +1886,36 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-keychains/">
-			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/long-zipper-bifold/">
+			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1898,22 +1923,10 @@ switch (currentThemeValue) {
 				
 				<li>gender</li>
 				
-			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/swoop-wallet/">
-			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
+				<li>patch</li>
 				
 			</ul>
-			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1970,6 +1983,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leaf-patches/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/leaf-patches/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/leather-chest-harness/index.html b/leather-chest-harness/index.html
index 75ab8821..29075483 100644
--- a/leather-chest-harness/index.html
+++ b/leather-chest-harness/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
+			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+		<a class="postlink" href="/vertical-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/eight-pocket-bifold/">
+			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-chest-harness/` was built on 2026-09-18T15:48:49.974Z -->
+    <!-- This page `/leather-chest-harness/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/leather-keychains/index.html b/leather-keychains/index.html
index 46d1822c..becd5733 100644
--- a/leather-keychains/index.html
+++ b/leather-keychains/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1883,45 +1894,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/mousie/">
+			<h2 data-ha-exclude="" id="mousie">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>book</li>
-				
 			</ul>
-			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1978,6 +1987,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-keychains/` was built on 2026-09-18T15:48:49.962Z -->
+    <!-- This page `/leather-keychains/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/leather-lighter-case/index.html b/leather-lighter-case/index.html
index f4b813a8..06a27e0d 100644
--- a/leather-lighter-case/index.html
+++ b/leather-lighter-case/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/gradient-purse-strap/">
+			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/vertical-bifold/">
+			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-lighter-case/` was built on 2026-09-18T15:48:49.974Z -->
+    <!-- This page `/leather-lighter-case/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/leather-long-stitch-journals/index.html b/leather-long-stitch-journals/index.html
index 87fcc213..cb643746 100644
--- a/leather-long-stitch-journals/index.html
+++ b/leather-long-stitch-journals/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,43 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/flocked-notebook/">
-			<h2 data-ha-exclude="" id="flocked-notebook">flocked notebook </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-			</ul>
-			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1973,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-long-stitch-journals/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/leather-long-stitch-journals/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/leather-strap-journal/index.html b/leather-strap-journal/index.html
index 861f41af..0e2b0da4 100644
--- a/leather-strap-journal/index.html
+++ b/leather-strap-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,43 +1896,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/striped-journal/">
-			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+		<a class="postlink" href="/orange-journal/">
+			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+		<a class="postlink" href="/lined-notebook/">
+			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1978,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leather-strap-journal/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/leather-strap-journal/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/leatherworking-favorites/index.html b/leatherworking-favorites/index.html
index 4b6e7829..b16df12f 100644
--- a/leatherworking-favorites/index.html
+++ b/leatherworking-favorites/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2003,45 +2014,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/mouse-coin-purse/">
+			<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/vertical-zipper-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2098,6 +2109,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/leatherworking-favorites/` was built on 2026-09-18T15:48:49.974Z -->
+    <!-- This page `/leatherworking-favorites/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/light-grey-jacobs-handspun/index.html b/light-grey-jacobs-handspun/index.html
index 65c54e19..53ca5646 100644
--- a/light-grey-jacobs-handspun/index.html
+++ b/light-grey-jacobs-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,6 +1885,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>yarn</li>
+				
+			</ul>
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/dyeing-fiber/">
 			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
@@ -1889,29 +1914,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
-			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/light-grey-jacobs-handspun/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/light-grey-jacobs-handspun/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/lined-notebook/index.html b/lined-notebook/index.html
index 88b9985a..d502d3a0 100644
--- a/lined-notebook/index.html
+++ b/lined-notebook/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1888,47 +1899,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/brookes-notebook/">
+			<h2 data-ha-exclude="" id="brookes-notebook">brooke&#39;s notebook </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>book</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/brooke-notebook.jpg" alt="A six panel collage showing the covers, endpapers, and some of the pages of a notebook." loading="lazy" decoding="async" width="1000" height="1500">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orange-green-journal/">
-			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
+		<a class="postlink" href="/orange-journal/">
+			<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
-				<li>leather</li>
-				
 			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1985,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lined-notebook/` was built on 2026-09-18T15:48:49.949Z -->
+    <!-- This page `/lined-notebook/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/little-critter-pouch/index.html b/little-critter-pouch/index.html
index ea90fc64..5eb2801b 100644
--- a/little-critter-pouch/index.html
+++ b/little-critter-pouch/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,45 +1891,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/nine-pocket-bifold/">
-			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
+		<a class="postlink" href="/recommendations-and-favorites/">
+			<h2 data-ha-exclude="" id="recommendations-and-favorites">recommendations &amp; favorites </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/metal-curl.jpg" alt="Photo unrelated to content of post. A metal sculpture rises up and curls into itself, with similar sculptures around it. Looking through the very center of the curve, an any-gender bathroom sign is visible." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1975,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/little-critter-pouch/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/little-critter-pouch/` was built on 2026-09-20T00:40:39.726Z -->
   </body>
 </html>
diff --git a/lobstah/index.html b/lobstah/index.html
index 88689d72..4d01bc12 100644
--- a/lobstah/index.html
+++ b/lobstah/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lobstah/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/lobstah/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/log-cabin-dishtowels/index.html b/log-cabin-dishtowels/index.html
index 1c7a16bf..e524940d 100644
--- a/log-cabin-dishtowels/index.html
+++ b/log-cabin-dishtowels/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,6 +1886,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/houndstooth-dishtowels/">
+			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/rainbow-shawl/">
 			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
@@ -1903,20 +1928,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1969,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/log-cabin-dishtowels/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/log-cabin-dishtowels/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/long-zipper-bifold/index.html b/long-zipper-bifold/index.html
index e8c1131d..648267a8 100644
--- a/long-zipper-bifold/index.html
+++ b/long-zipper-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,31 +1902,29 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
+			<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1972,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/long-zipper-bifold/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/long-zipper-bifold/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/loon/index.html b/loon/index.html
index 6f707426..32f3167f 100644
--- a/loon/index.html
+++ b/loon/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1873,6 +1884,46 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/lupine/">
+			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/hair/">
 			<h2 data-ha-exclude="" id="hair">hair </h2>
@@ -1889,40 +1940,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/seedling/">
-			<h2 data-ha-exclude="" id="seedling">seedling </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1975,6 +1992,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/loon/` was built on 2026-09-18T15:48:49.949Z -->
+    <!-- This page `/loon/` was built on 2026-09-20T00:40:39.745Z -->
   </body>
 </html>
diff --git a/loud-table-runner/index.html b/loud-table-runner/index.html
index 04d6312c..0fa1fcf3 100644
--- a/loud-table-runner/index.html
+++ b/loud-table-runner/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1876,15 +1887,15 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rainbow-shawl/">
-			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
+		<a class="postlink" href="/pink-lime-and-grey-shawl/">
+			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>weaving</li>
 				
 			</ul>
-			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/pink-lime-grey-shawl.jpg" alt="2 image collage. Top image shows a shawl folded once on a large table, with three cones of yarn on top. It is plain weave with lime and pink warp and grey weft with alternating lime and pink stripes, and has about 4 inches of fringe at both ends. Bottom image is a closer picture of the weave." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1904,15 +1915,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pink-lime-and-grey-shawl/">
-			<h2 data-ha-exclude="" id="pink-lime-and-grey-shawl">pink, lime, and grey shawl </h2>
+		<a class="postlink" href="/rainbow-shawl/">
+			<h2 data-ha-exclude="" id="rainbow-shawl">rainbow shawl </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>weaving</li>
 				
 			</ul>
-			<img src="/img/pink-lime-grey-shawl.jpg" alt="2 image collage. Top image shows a shawl folded once on a large table, with three cones of yarn on top. It is plain weave with lime and pink warp and grey weft with alternating lime and pink stripes, and has about 4 inches of fringe at both ends. Bottom image is a closer picture of the weave." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/rainbow-shawl.jpg" alt="a woven shawl draped over a tree. the warp is a six-stripe rainbow, while the weft is a variety of neutral beige-brown tones, resulting in a muted rainbow." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1969,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/loud-table-runner/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/loud-table-runner/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/luminescent/index.html b/luminescent/index.html
index 612f680f..4ff18b91 100644
--- a/luminescent/index.html
+++ b/luminescent/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,53 +1891,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>zine</li>
-				
-				<li>highlight</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/squarsh/">
+			<h2 data-ha-exclude="" id="squarsh">squarsh </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/squarsh-prints.jpg" alt="Two identical prints of a delicata squash. The body of the squash is cornsilk (muted yellow), the stem and stripes in mint green, and the shadows in lilac." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/spotted-towhee/">
-			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="" id="hair">hair </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
@@ -1983,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/luminescent/` was built on 2026-09-18T15:48:49.958Z -->
+    <!-- This page `/luminescent/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/lupine/index.html b/lupine/index.html
index b344efb8..99f1890d 100644
--- a/lupine/index.html
+++ b/lupine/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,36 +1903,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/flatfish/">
-			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+		<a class="postlink" href="/heron/">
+			<h2 data-ha-exclude="" id="heron">heron </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1929,8 +1912,46 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/geese/">
+			<h2 data-ha-exclude="" id="geese">geese </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1987,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/lupine/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/lupine/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/makers-mark-keychain/index.html b/makers-mark-keychain/index.html
index 5d35eb90..f9561d0d 100644
--- a/makers-mark-keychain/index.html
+++ b/makers-mark-keychain/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,6 +1885,34 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/brookes-suspenders/">
+			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/leatherworking-favorites/">
 			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
@@ -1888,36 +1927,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/makers-mark-keychain/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/makers-mark-keychain/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/mom-bag/index.html b/mom-bag/index.html
index fe1f7c7b..c22953e6 100644
--- a/mom-bag/index.html
+++ b/mom-bag/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-suspenders/">
-			<h2 data-ha-exclude="" id="brookes-suspenders">brooke&#39;s suspenders </h2>
+		<a class="postlink" href="/vertical-zipper-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-suspenders.jpg" alt="a two image collage showing the front and back of a person, neck to waist. she&#39;s wearing leather suspenders with a button attachment, buckles for adjustment, and a stitched diamond where the straps cross in the back." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+		<a class="postlink" href="/bowtie/">
+			<h2 data-ha-exclude="" id="bowtie">bowtie </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/bowtie.jpg" alt="A black leather bow tie with black stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+		<a class="postlink" href="/o-ring-bracelet/">
+			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/oring-bracelet.jpg" alt="A green leather bracelet, stitched along the edges with dark blue thread, holds an ouroborous o-ring in place with two black snaps." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mom-bag/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/mom-bag/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/moss-harness/index.html b/moss-harness/index.html
index 54dccae1..8c1b3a80 100644
--- a/moss-harness/index.html
+++ b/moss-harness/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1876,43 +1887,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/zipper-bifold/">
-			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/fishhook-pride-keychains/">
+			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1969,6 +1982,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/moss-harness/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/moss-harness/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/mouse-coin-purse/index.html b/mouse-coin-purse/index.html
index 480ad8d2..0b123f71 100644
--- a/mouse-coin-purse/index.html
+++ b/mouse-coin-purse/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-collar/">
-			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-lighter-case/">
-			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/rachels-bracelets/">
-			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mouse-coin-purse/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/mouse-coin-purse/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/mousie/index.html b/mousie/index.html
index 1fa9fda1..29795058 100644
--- a/mousie/index.html
+++ b/mousie/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,29 +1886,29 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pinatex-wallet-with-zipper/">
-			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/x-acto-knife-sheath/">
+			<h2 data-ha-exclude="" id="x-acto-knife-sheath">x-acto knife sheath </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/knife-sheaths.jpg" alt="Several blades with leather sheaths, and a few extra sheaths. There&#39;s a #2 blade with an orange sheath with yellow stitching, a #11 blade with a blue sheath with light grey stitching, and a skiving knife with a plum sheath and pink stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/mousie/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/mousie/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/moving-images/index.html b/moving-images/index.html
index 8f786e81..7f76f903 100644
--- a/moving-images/index.html
+++ b/moving-images/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1947,45 +1958,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
+		<a class="postlink" href="/gender-in-data-models/">
+			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>gender</li>
+				
 				<li>software</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/screen-reader-optimizations/">
-			<h2 data-ha-exclude="" id="screen-reader-optimizations">screen reader optimizations </h2>
+		<a class="postlink" href="/my-favorite-git-flag/">
+			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/crow.jpg" alt="Image unrelated to post. A crow poses on driftwood against a whitish sky." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2042,6 +2057,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/moving-images/` was built on 2026-09-18T15:48:49.979Z -->
+    <!-- This page `/moving-images/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/my-favorite-git-flag/index.html b/my-favorite-git-flag/index.html
index a1fdf6f6..415024f4 100644
--- a/my-favorite-git-flag/index.html
+++ b/my-favorite-git-flag/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1898,43 +1909,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/eleventy-lessons/">
-			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+		<a class="postlink" href="/designing-a-bag/">
+			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/redirections/">
-			<h2 data-ha-exclude="" id="redirections">redirections </h2>
+		<a class="postlink" href="/framer-accessibility/">
+			<h2 data-ha-exclude="" id="framer-accessibility">framer accessibility </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/angle-brackets-uwu.jpg" alt="Ascii art of an emoticon with pinched eyes and a small mouth made with two angle brackets." loading="lazy" decoding="async" width="1000" height="316">
+			<img src="/img/framer.png" alt="A screenshot of the Framer projects page showing part of the tile for a very rudimentary project titled Accessibility Test. It has a huge title that just reads Title, a basic form, and some pictures of my dog as notable features." loading="lazy" decoding="async" width="841" height="532">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/visual-site-builders-and-accessibility/">
-			<h2 data-ha-exclude="" id="visual-site-builders-and-accessibility">visual site builders and accessibility </h2>
+		<a class="postlink" href="/azure-locations-and-file-crawling/">
+			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/roses.jpg" alt="Image unrelated to post. Two peach-colored roses, the farther away one a bit out of focus." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
 			
 		</a>
 	</li>
@@ -1991,6 +2006,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/my-favorite-git-flag/` was built on 2026-09-18T15:48:49.952Z -->
+    <!-- This page `/my-favorite-git-flag/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/networks-of-trans-care/index.html b/networks-of-trans-care/index.html
index 9bb12bab..3f163914 100644
--- a/networks-of-trans-care/index.html
+++ b/networks-of-trans-care/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1890,40 +1901,26 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1938,7 +1935,23 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
 			
 		</a>
 	</li>
@@ -1995,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/networks-of-trans-care/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/networks-of-trans-care/` was built on 2026-09-20T00:40:39.759Z -->
   </body>
 </html>
diff --git a/nine-pocket-bifold/index.html b/nine-pocket-bifold/index.html
index 6baec0a5..77f68fde 100644
--- a/nine-pocket-bifold/index.html
+++ b/nine-pocket-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,47 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/vix-collar/">
+			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1972,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/nine-pocket-bifold/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/nine-pocket-bifold/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/no-politics-wip/index.html b/no-politics-wip/index.html
index c7972d9b..e79eb9a9 100644
--- a/no-politics-wip/index.html
+++ b/no-politics-wip/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1958,6 +1969,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/no-politics-wip/` was built on 2026-09-18T15:48:49.958Z -->
+    <!-- This page `/no-politics-wip/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/nonbinary-flag/index.html b/nonbinary-flag/index.html
index 09307fa3..23afc735 100644
--- a/nonbinary-flag/index.html
+++ b/nonbinary-flag/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,45 +1903,53 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-ubiquity-of-enby/">
-			<h2 data-ha-exclude="" id="on-the-ubiquity-of-enby">on the ubiquity of &#39;enby&#39; </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/gender-census.jpg" alt="A screenshot of part of the Gender Census reports page, showing the header bar and a title that reads &#39;Gender Census 2023 Worldwide Report&#39;" loading="lazy" decoding="async" width="1000" height="364">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/in-the-news/">
+			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1987,6 +2006,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/nonbinary-flag/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/nonbinary-flag/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/not-a-drill/index.html b/not-a-drill/index.html
index fdbb4ded..f95bd258 100644
--- a/not-a-drill/index.html
+++ b/not-a-drill/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1879,6 +1890,42 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/pronoun-patches/">
+			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>patch</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/congrats-on-the-autism-adhd/">
 			<h2 data-ha-exclude="" id="congrats-on-the-autism-adhd">congrats on the autism/adhd </h2>
@@ -1895,44 +1942,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>card</li>
-				
-				<li>print</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1985,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/not-a-drill/` was built on 2026-09-18T15:48:49.960Z -->
+    <!-- This page `/not-a-drill/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/o-ring-bracelet/index.html b/o-ring-bracelet/index.html
index 69a76e82..3c6a8e3f 100644
--- a/o-ring-bracelet/index.html
+++ b/o-ring-bracelet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,45 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/makers-mark-keychain/">
-			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/proud-dad-wallet/">
-			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
+		<a class="postlink" href="/snap-pouch/">
+			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+		<a class="postlink" href="/vertical-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1975,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/o-ring-bracelet/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/o-ring-bracelet/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/on-pronouns/index.html b/on-pronouns/index.html
index cde906d4..ab571c66 100644
--- a/on-pronouns/index.html
+++ b/on-pronouns/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2118,51 +2129,55 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
+				<li>gender</li>
 				
-				<li>shirt</li>
+			</ul>
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
 				
 				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
 			
 		</a>
 	</li>
@@ -2219,6 +2234,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-pronouns/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/on-pronouns/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/on-the-shoulders-of-giants/index.html b/on-the-shoulders-of-giants/index.html
index e2715268..1674afb2 100644
--- a/on-the-shoulders-of-giants/index.html
+++ b/on-the-shoulders-of-giants/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,45 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/knit-shrimp/">
-			<h2 data-ha-exclude="" id="knit-shrimp">knit shrimp </h2>
+		<a class="postlink" href="/pink-socks/">
+			<h2 data-ha-exclude="" id="pink-socks">pink socks </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/knit-shrimp.jpg" alt="Four knitted shrimp in various shades of pink. They are all somewhere around hand-sized, and have little yarn antennae and leggies." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pink-socks.jpg" alt="Feet propped up on a car dashboard, with a desert landscape beyond. The feet are in salmon-colored socks with black flecks, and decorative lines running down the socks." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
+		<a class="postlink" href="/butch-hands-pattern/">
+			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-as-a-proxy-variable/">
-			<h2 data-ha-exclude="" id="gender-as-a-proxy-variable">gender as a proxy variable </h2>
+		<a class="postlink" href="/fedizinefest-2025/">
+			<h2 data-ha-exclude="" id="fedizinefest-2025">fediZineFest 2025 </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
-				
 				<li>zine</li>
 				
 			</ul>
-			<img src="/img/gender-zine-cover.png" alt="Part of a scan of the cover of my zine, Gender as a Proxy Variable. It shows the title and a bit of handsewn binding." loading="lazy" decoding="async" width="1000" height="444">
+			<img src="/img/fedizinefest-2025.png" alt="A logo in purple, yellow, blue, and green. A piece of paper folded into 8 sections reads FEDI ZINE; it resembles the classic folding pattern of a simple 8-page zine made from printer paper. Next to it, a fully folded zine reads fest 2025." loading="lazy" decoding="async" width="729" height="799">
 			
 		</a>
 	</li>
@@ -1975,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-the-shoulders-of-giants/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/on-the-shoulders-of-giants/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/on-the-ubiquity-of-enby/index.html b/on-the-ubiquity-of-enby/index.html
index e0228e3c..ecbf1aa1 100644
--- a/on-the-ubiquity-of-enby/index.html
+++ b/on-the-ubiquity-of-enby/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1889,24 +1900,40 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/networks-of-trans-care/">
+			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1921,21 +1948,7 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/networks-of-trans-care/">
-			<h2 data-ha-exclude="" id="networks-of-trans-care">networks of trans care </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/mushrooms-and-moss.jpg" alt="Image unrelated to post. Close up on a cluster of orange-brown mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1992,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/on-the-ubiquity-of-enby/` was built on 2026-09-18T15:48:49.959Z -->
+    <!-- This page `/on-the-ubiquity-of-enby/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/orange-green-journal/index.html b/orange-green-journal/index.html
index ffaaa4b5..b9118628 100644
--- a/orange-green-journal/index.html
+++ b/orange-green-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,29 +1896,29 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+		<a class="postlink" href="/blue-and-brown-leather-journal/">
+			<h2 data-ha-exclude="" id="blue-and-brown-leather-journal">blue and brown leather journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/blue-brown-leather-journal.jpg" alt="A three panel collage showcasing a blue and brown leather-covered journal." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
 			
 		</a>
 	</li>
@@ -1980,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orange-green-journal/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/orange-green-journal/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/orange-journal/index.html b/orange-journal/index.html
index dbc18a21..7b312597 100644
--- a/orange-journal/index.html
+++ b/orange-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1890,36 +1901,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/black-and-red-journal/">
-			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>book</li>
-				
-			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/green-memo-pad/">
 			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
@@ -1934,6 +1915,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/orange-green-journal/">
+			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/acadia-coloring-journal/">
+			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>book</li>
+				
+			</ul>
+			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1986,6 +1995,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orange-journal/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/orange-journal/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/orion-handspun/index.html b/orion-handspun/index.html
index 515eea2b..5d6d5438 100644
--- a/orion-handspun/index.html
+++ b/orion-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/hand-dyed-gold-handspun/">
-			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
+		<a class="postlink" href="/spinners-dream-handspun/">
+			<h2 data-ha-exclude="" id="spinners-dream-handspun">spinner&#39;s dream handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/spinners-dream-handspun.jpg" alt="a skein of a lightly variegated grey yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/charlie-the-alpaca-handspun/">
+			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/orion-handspun/` was built on 2026-09-18T15:48:49.979Z -->
+    <!-- This page `/orion-handspun/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/pagefind/fragment/en_2cde342.pf_fragment b/pagefind/fragment/en_2cde342.pf_fragment
new file mode 100644
index 00000000..96204c9f
Binary files /dev/null and b/pagefind/fragment/en_2cde342.pf_fragment differ
diff --git a/pagefind/fragment/en_5e9e7ff.pf_fragment b/pagefind/fragment/en_5e9e7ff.pf_fragment
deleted file mode 100644
index 3186dcee..00000000
Binary files a/pagefind/fragment/en_5e9e7ff.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_99d1110.pf_fragment b/pagefind/fragment/en_99d1110.pf_fragment
deleted file mode 100644
index 638e843f..00000000
Binary files a/pagefind/fragment/en_99d1110.pf_fragment and /dev/null differ
diff --git a/pagefind/fragment/en_a9f2152.pf_fragment b/pagefind/fragment/en_a9f2152.pf_fragment
new file mode 100644
index 00000000..9b780a06
Binary files /dev/null and b/pagefind/fragment/en_a9f2152.pf_fragment differ
diff --git a/pagefind/fragment/en_cd47c5b.pf_fragment b/pagefind/fragment/en_cd47c5b.pf_fragment
new file mode 100644
index 00000000..5ebd637b
Binary files /dev/null and b/pagefind/fragment/en_cd47c5b.pf_fragment differ
diff --git a/pagefind/fragment/en_ed45d87.pf_fragment b/pagefind/fragment/en_ed45d87.pf_fragment
deleted file mode 100644
index 75687268..00000000
Binary files a/pagefind/fragment/en_ed45d87.pf_fragment and /dev/null differ
diff --git a/pagefind/index/en_1555baf.pf_index b/pagefind/index/en_1555baf.pf_index
deleted file mode 100644
index 58be4e70..00000000
Binary files a/pagefind/index/en_1555baf.pf_index and /dev/null differ
diff --git a/pagefind/index/en_39d843c.pf_index b/pagefind/index/en_39d843c.pf_index
new file mode 100644
index 00000000..798ab9ef
Binary files /dev/null and b/pagefind/index/en_39d843c.pf_index differ
diff --git a/pagefind/index/en_407c6a2.pf_index b/pagefind/index/en_407c6a2.pf_index
new file mode 100644
index 00000000..66d17ed2
Binary files /dev/null and b/pagefind/index/en_407c6a2.pf_index differ
diff --git a/pagefind/index/en_5ffe427.pf_index b/pagefind/index/en_5ffe427.pf_index
new file mode 100644
index 00000000..63ffc908
Binary files /dev/null and b/pagefind/index/en_5ffe427.pf_index differ
diff --git a/pagefind/index/en_79fed95.pf_index b/pagefind/index/en_79fed95.pf_index
deleted file mode 100644
index df3a0c7c..00000000
Binary files a/pagefind/index/en_79fed95.pf_index and /dev/null differ
diff --git a/pagefind/index/en_8480802.pf_index b/pagefind/index/en_8480802.pf_index
deleted file mode 100644
index de633359..00000000
Binary files a/pagefind/index/en_8480802.pf_index and /dev/null differ
diff --git a/pagefind/index/en_856e26b.pf_index b/pagefind/index/en_856e26b.pf_index
deleted file mode 100644
index d3de7841..00000000
Binary files a/pagefind/index/en_856e26b.pf_index and /dev/null differ
diff --git a/pagefind/index/en_c44738f.pf_index b/pagefind/index/en_c44738f.pf_index
new file mode 100644
index 00000000..fcbb5469
Binary files /dev/null and b/pagefind/index/en_c44738f.pf_index differ
diff --git a/pagefind/index/en_dc193cf.pf_index b/pagefind/index/en_dc193cf.pf_index
deleted file mode 100644
index d7158050..00000000
Binary files a/pagefind/index/en_dc193cf.pf_index and /dev/null differ
diff --git a/pagefind/index/en_fd18e54.pf_index b/pagefind/index/en_fd18e54.pf_index
new file mode 100644
index 00000000..7e4e1104
Binary files /dev/null and b/pagefind/index/en_fd18e54.pf_index differ
diff --git a/pagefind/pagefind-entry.json b/pagefind/pagefind-entry.json
index 9ca9778d..3082caeb 100644
--- a/pagefind/pagefind-entry.json
+++ b/pagefind/pagefind-entry.json
@@ -1 +1 @@
-{"version":"1.5.2","languages":{"en":{"hash":"en_521f7c390e","wasm":"en","page_count":209}},"include_characters":["_","‿","⁀","⁔","︳","︴","﹍","﹎","﹏","＿"]}
\ No newline at end of file
+{"version":"1.5.2","languages":{"en":{"hash":"en_cfd76eb5fb","wasm":"en","page_count":209}},"include_characters":["_","‿","⁀","⁔","︳","︴","﹍","﹎","﹏","＿"]}
\ No newline at end of file
diff --git a/pagefind/pagefind.en_521f7c390e.pf_meta b/pagefind/pagefind.en_521f7c390e.pf_meta
deleted file mode 100644
index 6bf1ab45..00000000
Binary files a/pagefind/pagefind.en_521f7c390e.pf_meta and /dev/null differ
diff --git a/pagefind/pagefind.en_cfd76eb5fb.pf_meta b/pagefind/pagefind.en_cfd76eb5fb.pf_meta
new file mode 100644
index 00000000..36f4eaf6
Binary files /dev/null and b/pagefind/pagefind.en_cfd76eb5fb.pf_meta differ
diff --git a/palette/index.html b/palette/index.html
index 2eb1e596..f0449061 100644
--- a/palette/index.html
+++ b/palette/index.html
@@ -72,10 +72,18 @@
 #teal-light { background-color: var(--color-teal-light); }
 #pink-dark { background-color: var(--color-pink-dark); }
 #pink-light { background-color: var(--color-pink-light); }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -169,11 +177,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -183,23 +193,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1480,6 +1490,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/palette/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/palette/` was built on 2026-09-20T00:40:39.768Z -->
   </body>
 </html>
diff --git a/patchwork-wallet/index.html b/patchwork-wallet/index.html
index c1f0d144..5511b2dc 100644
--- a/patchwork-wallet/index.html
+++ b/patchwork-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,43 +1891,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/moss-harness/">
+			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/textures-unite/">
+			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>knit</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
 			
 		</a>
 	</li>
@@ -1973,6 +1986,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/patchwork-wallet/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/patchwork-wallet/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/petrichor-handspun/index.html b/petrichor-handspun/index.html
index 1fe808d8..a5c405eb 100644
--- a/petrichor-handspun/index.html
+++ b/petrichor-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/rambouillet-handspun/">
+			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/charlie-the-alpaca-handspun/">
-			<h2 data-ha-exclude="" id="charlie-the-alpaca-handspun">charlie the alpaca handspun </h2>
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/charlie-alpaca-handspun.jpg" alt="one large skein (and technically a smaller skein hidden behind it) of sheen-y black alpaca handspun, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fire-and-ice-handspun/">
-			<h2 data-ha-exclude="" id="fire-and-ice-handspun">fire &amp; ice handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/fire-ice-handspun.jpg" alt="2 skeins, one large and one small, of a heathered orange yarn with hints of blue in about a DK or worsted weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/petrichor-handspun/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/petrichor-handspun/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/pinatex-wallet-with-zipper/index.html b/pinatex-wallet-with-zipper/index.html
index 734ad415..2f5bed54 100644
--- a/pinatex-wallet-with-zipper/index.html
+++ b/pinatex-wallet-with-zipper/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/lobstah/">
+			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet/">
-			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
+		<a class="postlink" href="/proud-dad-wallet/">
+			<h2 data-ha-exclude="" id="proud-dad-wallet">proud dad wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/proud-dad-wallet.jpg" alt="A brown leather wallet with a subtle trans flag stitching across the top." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1970,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pinatex-wallet-with-zipper/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/pinatex-wallet-with-zipper/` was built on 2026-09-20T00:40:39.727Z -->
   </body>
 </html>
diff --git a/pink-lime-and-grey-shawl/index.html b/pink-lime-and-grey-shawl/index.html
index 5aeba38a..9348e41b 100644
--- a/pink-lime-and-grey-shawl/index.html
+++ b/pink-lime-and-grey-shawl/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1969,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pink-lime-and-grey-shawl/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/pink-lime-and-grey-shawl/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/pink-socks/index.html b/pink-socks/index.html
index 86d55c01..74953ae1 100644
--- a/pink-socks/index.html
+++ b/pink-socks/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
-			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+		<a class="postlink" href="/brookes-scarf/">
+			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/acadia-mitts/">
-			<h2 data-ha-exclude="" id="acadia-mitts">acadia mitts </h2>
+		<a class="postlink" href="/sideways-canvas-shirt/">
+			<h2 data-ha-exclude="" id="sideways-canvas-shirt">sideways canvas shirt </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>knit</li>
 				
 			</ul>
-			<img src="/img/acadia-mitts.jpg" alt="a hand wearing a knitted fingerless mitten. it&#39;s knit in a slubby, almost tweedy yarn, with the body being blue grey stockinette and the cuffs and tips a vibrant green rib." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/sideways-canvas.jpg" alt="someone&#39;s torso in a knitted short sleeve shirt. the front is teal, and the bit of back we can see is mustard yellow. looking closely, it&#39;s notable that the stitches are turned 90 degrees from a standard knit garment." loading="lazy" decoding="async" width="1000" height="1338">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/butch-hands-pattern/">
-			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
+			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>zine</li>
+				
 				<li>knit</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/butch-hands.jpg" alt="Hands wearing a pair of pink and grey gloves with convertable mitten tops." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1970,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pink-socks/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/pink-socks/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/pins/index.html b/pins/index.html
index e8e3e6cb..aa994068 100644
--- a/pins/index.html
+++ b/pins/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1897,26 +1908,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-			</ul>
-			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/trans-wrongs-skull/">
 			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
@@ -1939,6 +1930,28 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1991,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pins/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/pins/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/pride-dice-bags/index.html b/pride-dice-bags/index.html
index 240f932c..c8396cd8 100644
--- a/pride-dice-bags/index.html
+++ b/pride-dice-bags/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1898,53 +1909,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/on-the-shoulders-of-giants/">
-			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>zine</li>
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
-			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2001,6 +2008,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pride-dice-bags/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/pride-dice-bags/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/printing-press-notes/index.html b/printing-press-notes/index.html
index 6e788495..7c26b288 100644
--- a/printing-press-notes/index.html
+++ b/printing-press-notes/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1933,6 +1944,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/printing-press-notes/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/printing-press-notes/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/printmaking-paper-notes/index.html b/printmaking-paper-notes/index.html
index ff16d0f2..fcc2443f 100644
--- a/printmaking-paper-notes/index.html
+++ b/printmaking-paper-notes/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1926,8 +1937,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/iris/">
-			<h2 data-ha-exclude="" id="iris">iris </h2>
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1936,32 +1947,28 @@ switch (currentThemeValue) {
 				<li>card</li>
 				
 			</ul>
-			<img src="/img/iris-prints.jpg" alt="3 copies of the same print of iris flowers and a bud, done in slightly varied color schemes." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/kniphofia/">
+			<h2 data-ha-exclude="" id="kniphofia">kniphofia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>patch</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/kniphofia-print.jpg" alt="A print of a brightly colored flower in 4 layers of color" loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1972,7 +1979,7 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2029,6 +2036,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/printmaking-paper-notes/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/printmaking-paper-notes/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/pronoun-patches/index.html b/pronoun-patches/index.html
index 29655171..97ce355f 100644
--- a/pronoun-patches/index.html
+++ b/pronoun-patches/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1906,8 +1917,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/killdeer/">
+			<h2 data-ha-exclude="" id="killdeer">killdeer </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1915,39 +1940,15 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/killdeer-print.jpg" alt="A print of a killdeer in black ink." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-rights-skull/">
-			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-rights-print.jpg" alt="A print in mostly black ink of a smiling skull with a speech bubble. In pink and blue, the speech bubble reads &#39;trans rights!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+		<a class="postlink" href="/slightly-weird-man-club/">
+			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1958,7 +1959,7 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -2015,6 +2016,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/pronoun-patches/` was built on 2026-09-18T15:48:49.946Z -->
+    <!-- This page `/pronoun-patches/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/proud-dad-wallet/index.html b/proud-dad-wallet/index.html
index 7da9641a..640560ea 100644
--- a/proud-dad-wallet/index.html
+++ b/proud-dad-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,47 +1891,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/sunflower/">
+			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
+				<li>leather</li>
 				
-				<li>patch</li>
+			</ul>
+			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
 				
 				<li>gender</li>
 				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-zipper-card-wallet/">
-			<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1977,6 +1988,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/proud-dad-wallet/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/proud-dad-wallet/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/queer-book-list/index.html b/queer-book-list/index.html
index 620ee238..96dcf4a8 100644
--- a/queer-book-list/index.html
+++ b/queer-book-list/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1869,59 +1880,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
+			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/slightly-weird-man-club/">
-			<h2 data-ha-exclude="" id="slightly-weird-man-club">slightly weird man club </h2>
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="" id="hair">hair </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
-				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/slightly-weird-man-club-print.jpg" alt="A print that reads &#39;slightly weird man club&#39; in a nonbinary flag colored gradient" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/in-the-news/">
+			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
-				
 				<li>gender</li>
 				
-				<li>patch</li>
-				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1978,6 +1975,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/queer-book-list/` was built on 2026-09-18T15:48:49.946Z -->
+    <!-- This page `/queer-book-list/` was built on 2026-09-20T00:40:39.710Z -->
   </body>
 </html>
diff --git a/queer/index.html b/queer/index.html
index 3aaf27a4..edb53e3c 100644
--- a/queer/index.html
+++ b/queer/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1901,22 +1912,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/hummingbird-become-ungovernable/">
-			<h2 data-ha-exclude="" id="hummingbird-become-ungovernable">hummingbird become ungovernable </h2>
+		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
+			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1924,28 +1921,42 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/hummingbird-ungovernable-print.jpg" alt="A block print in black and orange ink of a rufous hummingbird, tail flared, hovering in midair. Clutched in eir tiny claws is a banner that waves in the wind and reads &#39;become ungovernable&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/geese-trans-wrongs/">
-			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
+		<a class="postlink" href="/rope-one/">
+			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/bottom-growth/">
+			<h2 data-ha-exclude="" id="bottom-growth-mature">bottom growth (mature)</h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/bottom-growth-prints.jpg" alt="4 copies of the same print in various color schemes, laid out in a 2x2 grid. The print shows testosterone-driven bottom growth of a clitoris. The color schemes are, clockwise from top right, brown on turquoise, red on cornsilk (muted yellow), violet on magenta, and mint green on lilac." class="blur" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -2002,6 +2013,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/queer/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/queer/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/quorbs/index.html b/quorbs/index.html
index 70fcdf0d..68b7c1d5 100644
--- a/quorbs/index.html
+++ b/quorbs/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1879,6 +1890,46 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/happy-solstice-2025/">
 			<h2 data-ha-exclude="" id="happy-solstice-2025">happy solstice 2025 </h2>
@@ -1893,38 +1944,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/congrats-on-the-gay/">
-			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1977,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/quorbs/` was built on 2026-09-18T15:48:49.960Z -->
+    <!-- This page `/quorbs/` was built on 2026-09-20T00:40:39.739Z -->
   </body>
 </html>
diff --git a/rachels-bracelets/index.html b/rachels-bracelets/index.html
index f15cfaab..a93bc4b7 100644
--- a/rachels-bracelets/index.html
+++ b/rachels-bracelets/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/vix-collar/">
+			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rachels-bracelets/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/rachels-bracelets/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/rainbow-shawl/index.html b/rainbow-shawl/index.html
index 6114c7af..8a044b0f 100644
--- a/rainbow-shawl/index.html
+++ b/rainbow-shawl/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,20 +1898,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/houndstooth-dishtowels/">
-			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>weaving</li>
-				
-			</ul>
-			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/loud-table-runner/">
 			<h2 data-ha-exclude="" id="loud-table-runner">loud table runner </h2>
@@ -1915,6 +1912,20 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/houndstooth-dishtowels/">
+			<h2 data-ha-exclude="" id="houndstooth-dishtowels">houndstooth dishtowels </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>weaving</li>
+				
+			</ul>
+			<img src="/img/houndstooth-dishtowels.jpg" alt="A two image collage. Image one shows a laid out dishtowel with two folded ones and several weaving shuttles (the pieces that hold the yarn to weave with) on top in the same colors as the towels. The pattern is a small houndstooth, repeated interlocking diamonds in dark and light tones. The dark tone is always navy; the light tones are either beige, yellow, or crossed beige and yellow depending on the section of the towel. All towels have an inch and a half fringe along the long edges. Image two is a close up of the pattern." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1967,6 +1978,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rainbow-shawl/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/rainbow-shawl/` was built on 2026-09-20T00:40:39.723Z -->
   </body>
 </html>
diff --git a/rambouillet-handspun/index.html b/rambouillet-handspun/index.html
index 7c91aa9b..c311b267 100644
--- a/rambouillet-handspun/index.html
+++ b/rambouillet-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,47 +1891,49 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+		<a class="postlink" href="/icelandic-lamb-handspun/">
+			<h2 data-ha-exclude="" id="icelandic-lamb-handspun">icelandic lamb handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/icelandic-lamb.jpg" alt="a skein of black handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>zine</li>
+				<li>leather</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+		<a class="postlink" href="/greeting-loons/">
+			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>yarn</li>
+				<li>card</li>
+				
+				<li>print</li>
+				
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1977,6 +1990,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rambouillet-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/rambouillet-handspun/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/recommendations-and-favorites/index.html b/recommendations-and-favorites/index.html
index 8b9b9cb6..c4e41bc6 100644
--- a/recommendations-and-favorites/index.html
+++ b/recommendations-and-favorites/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1910,6 +1921,22 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/little-critter-pouch/">
+			<h2 data-ha-exclude="" id="little-critter-pouch">little critter pouch </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/little-critter-pouch.jpg" alt="A leather pouch shaped a bit like a d10 but with eight sides. It has a rainbow zippered opening and a wristlet strap." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/gender-in-data-models/">
 			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
@@ -1929,33 +1956,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/textures-unite/">
-			<h2 data-ha-exclude="" id="textures-unite">textures unite </h2>
+		<a class="postlink" href="/dragon-mask/">
+			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>knit</li>
+				<li>leather</li>
 				
 				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/textures-unite.jpg" alt="a largely unseen person holds up an expansive knitted shawl, built in 6 sections of different textures and colors. in the background, trees and dappled sunlight." loading="lazy" decoding="async" width="1000" height="1334">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/rambouillet-handspun/">
-			<h2 data-ha-exclude="" id="rambouillet-handspun">rambouillet handspun </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>yarn</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/rambouillet-handspun.jpg" alt="1 large and 2 small skeins of handspun yarn in a sport or DK weight that has been dyed in light and dark teal, green, and rusty green-gold." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
 			
 		</a>
 	</li>
@@ -2012,6 +2023,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/recommendations-and-favorites/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/recommendations-and-favorites/` was built on 2026-09-20T00:40:39.712Z -->
   </body>
 </html>
diff --git a/redirections/index.html b/redirections/index.html
index 2218dd52..b2cf1b5a 100644
--- a/redirections/index.html
+++ b/redirections/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1923,20 +1934,6 @@ heredoc<span class="token operator">></span> tempest.md</code></pre>
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/an-intro-to-git/">
-			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/goldeneye-tail.jpg" alt="Image unrelated to post. The tail of a diving duck pokes out from the water with a small splash." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/core-css/">
 			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
@@ -1954,19 +1951,29 @@ heredoc<span class="token operator">></span> tempest.md</code></pre>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/moving-images/">
+			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
+			
+			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2023,6 +2030,6 @@ heredoc<span class="token operator">></span> tempest.md</code></pre>
 </footer>
 
 
-    <!-- This page `/redirections/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/redirections/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/reference/1/index.html b/reference/1/index.html
index 3f1f8136..23f25d3f 100644
--- a/reference/1/index.html
+++ b/reference/1/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1642,6 +1653,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/1/` was built on 2026-09-18T15:48:53.234Z -->
+    <!-- This page `/reference/1/` was built on 2026-09-20T00:40:44.919Z -->
   </body>
 </html>
diff --git a/reference/2/index.html b/reference/2/index.html
index 69335ae3..52709cd6 100644
--- a/reference/2/index.html
+++ b/reference/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1646,6 +1657,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/2/` was built on 2026-09-18T15:48:53.478Z -->
+    <!-- This page `/reference/2/` was built on 2026-09-20T00:40:45.467Z -->
   </body>
 </html>
diff --git a/reference/3/index.html b/reference/3/index.html
index ac921ce2..87c19475 100644
--- a/reference/3/index.html
+++ b/reference/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1482,6 +1493,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/3/` was built on 2026-09-18T15:48:53.805Z -->
+    <!-- This page `/reference/3/` was built on 2026-09-20T00:40:46.057Z -->
   </body>
 </html>
diff --git a/reference/index.html b/reference/index.html
index f8981ac2..89ba396c 100644
--- a/reference/index.html
+++ b/reference/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1636,6 +1647,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/reference/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/reference/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/rescue-trans-rescue/index.html b/rescue-trans-rescue/index.html
index dc0cd703..ec7fd326 100644
--- a/rescue-trans-rescue/index.html
+++ b/rescue-trans-rescue/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1912,6 +1923,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rescue-trans-rescue/` was built on 2026-09-18T15:48:49.958Z -->
+    <!-- This page `/rescue-trans-rescue/` was built on 2026-09-20T00:40:39.738Z -->
   </body>
 </html>
diff --git a/resume/index.html b/resume/index.html
index a83ac8fd..7c6882d9 100644
--- a/resume/index.html
+++ b/resume/index.html
@@ -96,10 +96,18 @@
 	background-color: transparent;
 	margin-top: 0;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -193,11 +201,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -207,23 +217,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1552,6 +1562,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/resume/` was built on 2026-09-18T15:48:49.894Z -->
+    <!-- This page `/resume/` was built on 2026-09-20T00:40:39.628Z -->
   </body>
 </html>
diff --git a/rope-one/index.html b/rope-one/index.html
index 8ffa1537..c816b4ab 100644
--- a/rope-one/index.html
+++ b/rope-one/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,19 +1898,15 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lupine/">
-			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+		<a class="postlink" href="/fd-signifier-and-oppositional-sexism/">
+			<h2 data-ha-exclude="" id="fd-signifier-and-oppositional-sexism">fd signifier &amp; oppositional sexism </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/sheep.jpg" alt="Image unrelated to post. A mama sheep with two babies curled up next to her in a grassy field." loading="lazy" decoding="async" width="1000" height="450">
 			
 		</a>
 	</li>
@@ -1925,23 +1932,19 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/nonbinary-flag/">
+			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
+			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1998,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/rope-one/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/rope-one/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/ruby-the-alpaca-handspun/index.html b/ruby-the-alpaca-handspun/index.html
index 49551ef5..9871c1fc 100644
--- a/ruby-the-alpaca-handspun/index.html
+++ b/ruby-the-alpaca-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/coral-reef-handspun/">
-			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
-			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
+		<a class="postlink" href="/dyeing-fiber/">
+			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/ruby-the-alpaca-handspun/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/ruby-the-alpaca-handspun/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/scrap-patches/index.html b/scrap-patches/index.html
index bb05bf58..1aaa4349 100644
--- a/scrap-patches/index.html
+++ b/scrap-patches/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1873,24 +1884,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-				<li>patch</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/pronoun-patches/">
 			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
@@ -1909,6 +1902,24 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
+			</ul>
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -1961,6 +1972,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/scrap-patches/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/scrap-patches/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/screen-reader-optimizations/index.html b/screen-reader-optimizations/index.html
index 0c23b6f6..8f4ebecb 100644
--- a/screen-reader-optimizations/index.html
+++ b/screen-reader-optimizations/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1926,34 +1937,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/intro-to-wireframing/">
-			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/moving-images/">
-			<h2 data-ha-exclude="" id="moving-images">moving images </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/an-intro-to-git/">
 			<h2 data-ha-exclude="" id="an-intro-to-git">an intro to git </h2>
@@ -1968,6 +1951,34 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/accessible-image-modals/">
+			<h2 data-ha-exclude="" id="accessible-image-modals">accessible image modals </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/snacking-seagull.jpg" alt="Image unrelated to post. A seagull floating in the water with a starfish hanging out of eir mouth." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/domain-and-site-setup/">
+			<h2 data-ha-exclude="" id="domain-and-site-setup">domain and site setup </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>software</li>
+				
+			</ul>
+			<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -2020,6 +2031,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/screen-reader-optimizations/` was built on 2026-09-18T15:48:49.981Z -->
+    <!-- This page `/screen-reader-optimizations/` was built on 2026-09-20T00:40:39.765Z -->
   </body>
 </html>
diff --git a/seedling/index.html b/seedling/index.html
index f3c8aa31..9659f352 100644
--- a/seedling/index.html
+++ b/seedling/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,8 +1898,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/not-a-drill/">
-			<h2 data-ha-exclude="" id="not-a-drill">not a drill </h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="" id="crow">crow </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/five-of-them/">
+			<h2 data-ha-exclude="" id="five-of-them">five of them </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1897,37 +1922,29 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/not-a-drill-print.jpg" alt="A print in dark teal ink depicting a power drill with text in cursive below that reads &#39;ceci n&#39;est pas un exercice&#39; or &#39;this is not a drill&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/five-of-them-print.jpg" alt="A block print of five mule deer grazing in a dark green field. The deer are partially negative space and partially brown ink detailing." loading="lazy" decoding="async" width="1000" height="594">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-shirts/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-shirts">artisans cooperative shirts </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>shirt</li>
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/artisans-coop-shirt.jpg" alt="A black tank top laid on a desk. In white ink it reads &#39;Artisans Cooperative&#39; with a print of some chickens and a quail." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+		<a class="postlink" href="/trans-wrongs-skull/">
+			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1984,6 +2001,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/seedling/` was built on 2026-09-18T15:48:49.963Z -->
+    <!-- This page `/seedling/` was built on 2026-09-20T00:40:39.714Z -->
   </body>
 </html>
diff --git a/shirt-making-notes/index.html b/shirt-making-notes/index.html
index 6a5e8794..7e737adf 100644
--- a/shirt-making-notes/index.html
+++ b/shirt-making-notes/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1951,6 +1962,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shirt-making-notes/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/shirt-making-notes/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/shirts/index.html b/shirts/index.html
index 15ee618d..b03f1667 100644
--- a/shirts/index.html
+++ b/shirts/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1879,8 +1890,26 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/anarchy-autism/">
-			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+		<a class="postlink" href="/lupine/">
+			<h2 data-ha-exclude="" id="lupine">lupine </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/boypussy/">
+			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1892,44 +1921,28 @@ switch (currentThemeValue) {
 				
 				<li>pin</li>
 				
+				<li>gender</li>
+				
 			</ul>
-			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fat-raccoon/">
-			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
+		<a class="postlink" href="/geese-trans-wrongs/">
+			<h2 data-ha-exclude="" id="geese-trans-wrongs">geese/trans wrongs </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>shirt</li>
 				
-			</ul>
-			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/foxgloves/">
-			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/foxgloves-print.jpg" alt="A print of a cluster of foxgloves. The background is inked in green, with negative space and pink details making up the foxgloves." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/trans-wrongs-geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over towards them and HONKS! Both have speech bubbles; the calm goose says &#39;trans rights!&#39; while the honking goose says &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1986,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shirts/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/shirts/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/shrimp-cat-toy/index.html b/shrimp-cat-toy/index.html
index 1d632cf3..72352c56 100644
--- a/shrimp-cat-toy/index.html
+++ b/shrimp-cat-toy/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+		<a class="postlink" href="/double-bill-pocket-bifold/">
+			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shrimp-cat-toy/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/shrimp-cat-toy/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/shrimp/index.html b/shrimp/index.html
index da670930..65155a08 100644
--- a/shrimp/index.html
+++ b/shrimp/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1897,8 +1908,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/fix-your-hearts/">
+			<h2 data-ha-exclude="" id="fix-your-hearts">fix your hearts </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/fix-your-hearts-print.jpg" alt="2 copies of the same print, one in black ink and one in dark teal. The print is text that reads &#39;fix your hearts or die&#39;, with the text shaped into a somewhat long and narrow heart." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1906,10 +1931,10 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1928,22 +1953,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/chanterelle/">
-			<h2 data-ha-exclude="" id="chanterelle">chanterelle </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-			</ul>
-			<img src="/img/chanterelle-print.jpg" alt="A print of two chanterelle mushrooms inked in a dark-to-light yellow gradient." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1996,6 +2005,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/shrimp/` was built on 2026-09-18T15:48:49.968Z -->
+    <!-- This page `/shrimp/` was built on 2026-09-20T00:40:39.724Z -->
   </body>
 </html>
diff --git a/siblinghood-of-the-traveling-greeting-card/index.html b/siblinghood-of-the-traveling-greeting-card/index.html
index 222cae31..b2822a25 100644
--- a/siblinghood-of-the-traveling-greeting-card/index.html
+++ b/siblinghood-of-the-traveling-greeting-card/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2016,6 +2027,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/siblinghood-of-the-traveling-greeting-card/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/sideways-canvas-shirt/index.html b/sideways-canvas-shirt/index.html
index fc60063f..9759529e 100644
--- a/sideways-canvas-shirt/index.html
+++ b/sideways-canvas-shirt/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,6 +1886,36 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/pride-dice-bags/">
+			<h2 data-ha-exclude="" id="pride-dice-bags">pride dice bags </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/pride-dice-bags.jpg" alt="Several knitted drawstring dice bags sit in front of a bookshelf. They are in different pride flag colors; from right to left (skipping a few duplicates) bisexual, lesbian, nonbinary, trans, and genderqueer. The trans-colored dice bag in the center opens towards the camera, showing a variety of colorful dice inside." loading="lazy" decoding="async" width="1000" height="500">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/keffiyah-fishing-net-pattern/">
+			<h2 data-ha-exclude="" id="keffiyah-fishing-net-pattern">keffiyah fishing net pattern </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>knit</li>
+				
+			</ul>
+			<img src="/img/keffiyah-nets.jpg" alt="a knitted swatch. it&#39;s mostly white yarn, but a grid of dark red- purple- green yarn that looks like a chain link fence is built into it. the diagonal lines are achieved with floats of yarn from one row, then picked up and knit into several rows later." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/butch-hands-pattern/">
 			<h2 data-ha-exclude="" id="butch-hands-pattern">butch hands pattern </h2>
@@ -1891,34 +1932,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/brookes-scarf/">
-			<h2 data-ha-exclude="" id="brookes-scarf">brooke&#39;s scarf </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/brooke-scarf.jpg" alt="A diaphanous knit lacework scarf draped over the back of a chair. It is split down the long way into two colors - one tinted orange and one tinted mint blue. Both colors, the orange and the blue, are held double with the same variegated gray, making the piece more cohesive. The yarn overs in the lacework create airy repeating holes." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/brookes-socks/">
-			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>knit</li>
-				
-			</ul>
-			<img src="/img/brooke-socks.jpg" alt="Feet in a pair of colorful socks. They are identically striped and quickly vary between yellow, green, blue, white, and gray." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1971,6 +1984,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/sideways-canvas-shirt/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/sideways-canvas-shirt/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/sitemap.xml b/sitemap.xml
index df2d2d9e..a2db14d6 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1614,7 +1614,7 @@
 		
 		<url>
 			<loc>https://leecat.art/gallery/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1622,7 +1622,7 @@
 		
 		<url>
 			<loc>https://leecat.art/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1630,7 +1630,7 @@
 		
 		<url>
 			<loc>https://leecat.art/tags/gender/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1638,7 +1638,7 @@
 		
 		<url>
 			<loc>https://leecat.art/tags/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1646,7 +1646,7 @@
 		
 		<url>
 			<loc>https://leecat.art/about/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1654,7 +1654,7 @@
 		
 		<url>
 			<loc>https://leecat.art/accessibility/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1662,7 +1662,7 @@
 		
 		<url>
 			<loc>https://leecat.art/colophon/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1670,7 +1670,7 @@
 		
 		<url>
 			<loc>https://leecat.art/contact/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1678,7 +1678,7 @@
 		
 		<url>
 			<loc>https://leecat.art/guestbook/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1686,7 +1686,7 @@
 		
 		<url>
 			<loc>https://leecat.art/palette/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1694,7 +1694,7 @@
 		
 		<url>
 			<loc>https://leecat.art/resume/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1702,7 +1702,7 @@
 		
 		<url>
 			<loc>https://leecat.art/style/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1710,7 +1710,7 @@
 		
 		<url>
 			<loc>https://leecat.art/reference/</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
@@ -1718,7 +1718,7 @@
 		
 		<url>
 			<loc>https://leecat.art/feed.xml</loc>
-			<lastmod>2026-09-18</lastmod>
+			<lastmod>2026-09-20</lastmod>
 		</url>
 	
 
diff --git a/sitemap.xsl b/sitemap.xsl
index 8bad9656..910dccfa 100644
--- a/sitemap.xsl
+++ b/sitemap.xsl
@@ -3,11 +3,20 @@
   <xsl:template match="/">
     <html>
       <head>
-        <title>Sitemap</title>
-        <style>:root {
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>sitemap | hello hello</title>
+        <style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -101,11 +110,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -115,23 +126,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
diff --git a/slightly-weird-man-club/index.html b/slightly-weird-man-club/index.html
index 499175ed..f02f6729 100644
--- a/slightly-weird-man-club/index.html
+++ b/slightly-weird-man-club/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,47 +1903,53 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/kestrel-zine/">
-			<h2 data-ha-exclude="" id="kestrel-zine">kestrel zine </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>zine</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/kestrel-zine.jpg" alt="A 5 photo collage showing the front and back cover as well as 3 full spreads of a folded zine about Kestrel, my dog, who is a 65lb Malinois with a goofy smile and floppy ears. it is printed in two layers of color, blue and orange, and each image depicts Kestrel in various posts... alert and watchful, resting, looking mopey, wearing a sweatshirt." loading="lazy" decoding="async" width="1000" height="1000">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/in-the-news/">
-			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
-			
-			<ul class="postlist-tags">
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shirts/">
-			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
+		<a class="postlink" href="/heron/">
+			<h2 data-ha-exclude="" id="heron">heron </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>print</li>
+				
+				<li>card</li>
+				
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/spotted-towhee/">
+			<h2 data-ha-exclude="" id="spotted-towhee">spotted towhee </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/spotted-towhee-print.jpg" alt="A block print of a spotted towhee mid-leap." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1989,6 +2006,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/slightly-weird-man-club/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/slightly-weird-man-club/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/snap-pouch/index.html b/snap-pouch/index.html
index 08453625..31719f46 100644
--- a/snap-pouch/index.html
+++ b/snap-pouch/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mousie/">
-			<h2 data-ha-exclude="" id="mousie">mousie </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
+		<a class="postlink" href="/leaf-patches/">
+			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/snap-pouch/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/snap-pouch/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/soras-collar/index.html b/soras-collar/index.html
index e42376d2..8bd5d408 100644
--- a/soras-collar/index.html
+++ b/soras-collar/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,49 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vertical-bifold/">
-			<h2 data-ha-exclude="" id="vertical-bifold">vertical bifold </h2>
+		<a class="postlink" href="/zipper-bifold/">
+			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vertical-bifold.jpg" alt="A collage showing a hand-stitched leather vertical bifold wallet with 6 card pockets, 2 hidden pockets, and 1 bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
+		<a class="postlink" href="/dragon-mask/">
+			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
-				<li>patch</li>
+				<li>highlight</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>book</li>
-				
 			</ul>
-			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1974,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/soras-collar/` was built on 2026-09-18T15:48:49.955Z -->
+    <!-- This page `/soras-collar/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/spinners-dream-handspun/index.html b/spinners-dream-handspun/index.html
index 93bbcd72..84267a5f 100644
--- a/spinners-dream-handspun/index.html
+++ b/spinners-dream-handspun/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/bfl-silk-handspun/">
-			<h2 data-ha-exclude="" id="bfl-silk-handspun">BFL/silk handspun </h2>
+		<a class="postlink" href="/spinning-plants/">
+			<h2 data-ha-exclude="" id="spinning-plants">spinning plants </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/bfl-silk-handspun.jpg" alt="a spinning wheel bobbin full of undyed white handspun yarn in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/plant-handspun.jpg" alt="6 small skeins of handspun yarn, each made from a different plant fiber. from top, we have flax (medium brown, rough); what is probably lotus (golden, shiny and soft); banana (white and semi shiny); hemp (light brown, rough); tencel (white and very shiny); ramie (a particularly small skein, white and semi shiny)" loading="lazy" decoding="async" width="1000" height="874">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+		<a class="postlink" href="/light-grey-jacobs-handspun/">
+			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dyeing-fiber/">
-			<h2 data-ha-exclude="" id="dyeing-fiber">dyeing fiber </h2>
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/dyed-fiber.jpg" alt="4oz of yarn and a pound of wool, chunked out, drying on a drying rack outdoors. the yarn and half the wool is a mix of teals and greens; the other half of the wool is a beautiful orange-gold." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spinners-dream-handspun/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/spinners-dream-handspun/` was built on 2026-09-20T00:40:39.764Z -->
   </body>
 </html>
diff --git a/spinning-plants/index.html b/spinning-plants/index.html
index 3b273412..b5678d66 100644
--- a/spinning-plants/index.html
+++ b/spinning-plants/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -2000,43 +2011,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/orion-handspun/">
-			<h2 data-ha-exclude="" id="orion-handspun">orion handspun </h2>
+		<a class="postlink" href="/handspun-yarn-in-party-mix-and-orange-gold/">
+			<h2 data-ha-exclude="" id="handspun-yarn-in-party-mix-and-orange-gold">handspun yarn in party mix and orange-gold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/orion-handspun.jpg" alt="3 skeins of handspun yarn, 1 large and 2 small. One of the small skeins is a little more inconsistent weight than the other two - this one was spun on drop spindle about 2 years ago. The other two are about a sport or maybe a DK weight. All three are a gold colorway with tiny hints of orange and a pale light green." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/handspun0.jpg" alt="4 skeins of handspun yarn, two in a somewhat pastel multicolor and two in a blend of orange, gold, and white." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/handcombed-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="handcombed-jacobs-handspun">handcombed jacobs handspun </h2>
+		<a class="postlink" href="/hand-dyed-gold-handspun/">
+			<h2 data-ha-exclude="" id="hand-dyed-gold-handspun">hand-dyed gold handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/handcombed-jacobs.jpg" alt="a skein of dark grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/gold-handspun.jpg" alt="3 skeins, one small and two large, of a rich golden-orange handspun with light tonal effects, in about a DK weight" loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/light-grey-jacobs-handspun/">
-			<h2 data-ha-exclude="" id="light-grey-jacobs-handspun">light grey jacobs handspun </h2>
+		<a class="postlink" href="/coral-reef-handspun/">
+			<h2 data-ha-exclude="" id="coral-reef-handspun">coral reef handspun </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>yarn</li>
 				
 			</ul>
-			<img src="/img/light-grey-jacobs.jpg" alt="a skein of light grey handspun yarn" loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/coral-reef-handspun.jpg" alt="2 skeins, one large and one small, of a heathered grey yarn with hints of blue and orange in about a sport or DK weight." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2093,6 +2104,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spinning-plants/` was built on 2026-09-18T15:48:49.980Z -->
+    <!-- This page `/spinning-plants/` was built on 2026-09-20T00:40:39.763Z -->
   </body>
 </html>
diff --git a/spotted-towhee/index.html b/spotted-towhee/index.html
index 5e2d1ddb..887ba20a 100644
--- a/spotted-towhee/index.html
+++ b/spotted-towhee/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1887,8 +1898,40 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/rope-one/">
-			<h2 data-ha-exclude="" id="rope-one-mature">rope (one) (mature)</h2>
+		<a class="postlink" href="/crow/">
+			<h2 data-ha-exclude="" id="crow">crow </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/crow-print.jpg" alt="a block print in dark indigo ink on white paper depicting a perched crow looking over one shoulder. one side of the crow is lit with fine feather detail, and the other side is almost entirely in shadow." loading="lazy" decoding="async" width="1000" height="1333">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/stellars-jay/">
+			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/hair/">
+			<h2 data-ha-exclude="" id="hair">hair </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1897,41 +1940,7 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/rope-print-1.jpg" alt="A print of a nude trans woman in an asymmetrical rope harness." class="blur" loading="lazy" decoding="async" width="1000" height="1242">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/shrimp/">
-			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-			</ul>
-			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/block-printing-transfer-method/">
-			<h2 data-ha-exclude="" id="block-printing-transfer-method">block printing transfer method </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/transfer-wip.jpg" alt="A pink block of carving material with a printed design of a bird attached to it. The paper has been partially rubbed away (process described in this post) to reveal the inked design on the carving material." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
 			
 		</a>
 	</li>
@@ -1988,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/spotted-towhee/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/spotted-towhee/` was built on 2026-09-20T00:40:39.716Z -->
   </body>
 </html>
diff --git a/square-watercolor-pad/index.html b/square-watercolor-pad/index.html
index 9005e271..619e9527 100644
--- a/square-watercolor-pad/index.html
+++ b/square-watercolor-pad/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,15 +1902,17 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stampede-journal/">
-			<h2 data-ha-exclude="" id="stampede-journal">stampede journal </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/stampede-journal.jpg" alt="A 4-part collage of a hardcover book, showing a coloring page with &#39;stampede!&#39; written across it." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1921,15 +1934,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+		<a class="postlink" href="/orange-green-journal/">
+			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1986,6 +1999,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/square-watercolor-pad/` was built on 2026-09-18T15:48:49.948Z -->
+    <!-- This page `/square-watercolor-pad/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/squarsh/index.html b/squarsh/index.html
index 20a8ba78..293223ce 100644
--- a/squarsh/index.html
+++ b/squarsh/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,26 +1886,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/nonbinary-flag/">
-			<h2 data-ha-exclude="" id="nonbinary-flag">nonbinary flag </h2>
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1905,23 +1898,43 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/nonbinary-flag-print.jpg" alt="A print of a nonbinary flag waving, with yellow, white (uninked), purple, and black stripes." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/artisans-cooperative-cards/">
-			<h2 data-ha-exclude="" id="artisans-cooperative-cards">artisans cooperative cards </h2>
+		<a class="postlink" href="/luminescent/">
+			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/artisans-coop-cards.jpg" alt="2 white greeting cards with the Artisans Cooperative logo, a chicken. One card has a single print of the chicken in black ink, and the other has two overlapping prints in blue and red ink" loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/anarchy-autism/">
+			<h2 data-ha-exclude="" id="anarchy-autism">anarchy autism </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>sticker</li>
+				
+				<li>shirt</li>
+				
+				<li>pin</li>
+				
+			</ul>
+			<img src="/img/anarchy-autism-rainbow-print.jpg" alt="A print in rainbow ink that says autism with the anarchy A." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1978,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/squarsh/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/squarsh/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/stampede-journal/index.html b/stampede-journal/index.html
index d92dfe53..732fac67 100644
--- a/stampede-journal/index.html
+++ b/stampede-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1886,29 +1897,31 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/green-memo-pad/">
-			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
+		<a class="postlink" href="/square-watercolor-pad/">
+			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1981,6 +1994,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stampede-journal/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/stampede-journal/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/stationery-exchange/index.html b/stationery-exchange/index.html
index fd3e5e9a..de12b276 100644
--- a/stationery-exchange/index.html
+++ b/stationery-exchange/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1958,6 +1969,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stationery-exchange/` was built on 2026-09-18T15:48:49.953Z -->
+    <!-- This page `/stationery-exchange/` was built on 2026-09-20T00:40:39.762Z -->
   </body>
 </html>
diff --git a/stellars-jay/index.html b/stellars-jay/index.html
index 83e55246..27b61bdd 100644
--- a/stellars-jay/index.html
+++ b/stellars-jay/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,6 +1902,38 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/foxgloves/">
 			<h2 data-ha-exclude="" id="foxgloves">foxgloves </h2>
@@ -1909,42 +1952,6 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
-  <li class="post">
-		<a class="postlink" href="/happy-bihrtday/">
-			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/heron/">
-			<h2 data-ha-exclude="" id="heron">heron </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>shirt</li>
-				
-			</ul>
-			<img src="/img/heron-print.jpg" alt="A print in black ink of a great blue heron, leaning downwards so that eir beak is level with eir feet." loading="lazy" decoding="async" width="1000" height="1333">
-			
-		</a>
-	</li>
-	
 </ol>
 
   </section>
@@ -1997,6 +2004,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stellars-jay/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/stellars-jay/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/stephanie-collar/index.html b/stephanie-collar/index.html
index 9598cb90..ac71b3fe 100644
--- a/stephanie-collar/index.html
+++ b/stephanie-collar/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,6 +1885,20 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/circle-bag/">
+			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/o-ring-bracelet/">
 			<h2 data-ha-exclude="" id="o-ring-bracelet">o-ring bracelet </h2>
@@ -1889,31 +1914,15 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+		<a class="postlink" href="/foldy-wallet/">
+			<h2 data-ha-exclude="" id="foldy-wallet">foldy wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>software</li>
-				
-			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/foldy-wallet.jpg" alt="A four part collage showing a single piece of deep red leather folding up to become a card wallet." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stephanie-collar/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/stephanie-collar/` was built on 2026-09-20T00:40:39.732Z -->
   </body>
 </html>
diff --git a/stickers/index.html b/stickers/index.html
index bc122fa6..a86d949b 100644
--- a/stickers/index.html
+++ b/stickers/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1888,50 +1899,6 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
-  <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/trans-wrongs-skull/">
-			<h2 data-ha-exclude="" id="trans-wrongs-skull">trans wrongs skull </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>card</li>
-				
-				<li>sticker</li>
-				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/trans-wrongs-print.jpg" alt="A smiling skull with devil horns and a little spiked tail, and a speech bubble reading &#39;trans wrongs!&#39;" loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
   <li class="post">
 		<a class="postlink" href="/trans-rights-skull/">
 			<h2 data-ha-exclude="" id="trans-rights-skull">trans rights skull </h2>
@@ -1954,6 +1921,48 @@ switch (currentThemeValue) {
 		</a>
 	</li>
 	
+  <li class="post">
+		<a class="postlink" href="/queer/">
+			<h2 data-ha-exclude="" id="queer">queer </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/shrimp/">
+			<h2 data-ha-exclude="" id="shrimp">shrimp </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>sticker</li>
+				
+				<li>pin</li>
+				
+			</ul>
+			<img src="/img/shrimp-print.jpg" alt="A print of a small shrimp with slender little leggies in orange ink." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
 </ol>
 
   </section>
@@ -2006,6 +2015,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/stickers/` was built on 2026-09-18T15:48:49.967Z -->
+    <!-- This page `/stickers/` was built on 2026-09-20T00:40:39.722Z -->
   </body>
 </html>
diff --git a/striped-journal/index.html b/striped-journal/index.html
index a233a49c..e1d1d36b 100644
--- a/striped-journal/index.html
+++ b/striped-journal/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,43 +1903,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/lined-notebook/">
-			<h2 data-ha-exclude="" id="lined-notebook">lined notebook </h2>
+		<a class="postlink" href="/baseball-journal/">
+			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/lined-notebook.jpg" alt="A three panel collage showing a the endpapers, cover, and pages of a small hardbound notebook." loading="lazy" decoding="async" width="1000" height="1776">
+			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/square-watercolor-pad/">
-			<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tiny-books/">
-			<h2 data-ha-exclude="" id="tiny-books">tiny books </h2>
+		<a class="postlink" href="/orange-green-journal/">
+			<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/tiny-book.jpg" alt="A three panel collage showing a book held in the palm of a hand." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/orange-green-journal.jpg" alt="A 4-part collage of a slim handbound book." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
@@ -1985,6 +1998,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/striped-journal/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/striped-journal/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/style/index.html b/style/index.html
index da7cebee..e27c0684 100644
--- a/style/index.html
+++ b/style/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1464,6 +1474,7 @@ This is supposed to be a new paragraph, but it isn't.</p>
 </code></pre>
 <p>Code blocks can have syntax highlighting:</p>
 <pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span><span class="token punctuation">></span></span>Hello, world<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">></span></span></code></pre>
+<h3 id="you-can-even-write-headers-in-monospace">You can even write <code>headers in monospace</code></h3>
 <h2 id="tables">Tables</h2>
 <p>Tables in Markdown are kind of annoying to format. You use the pipe (<code>|</code>) character as well as dashes.</p>
 <pre><code>| Header 1 | Header 2 |
@@ -1543,6 +1554,6 @@ This is supposed to be a new paragraph, but it isn't.</p>
 </footer>
 
 
-    <!-- This page `/style/` was built on 2026-09-18T15:48:49.984Z -->
+    <!-- This page `/style/` was built on 2026-09-20T00:40:39.773Z -->
   </body>
 </html>
diff --git a/sunflower/index.html b/sunflower/index.html
index 4267aefa..7a4a212e 100644
--- a/sunflower/index.html
+++ b/sunflower/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+		<a class="postlink" href="/mom-bag/">
+			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/moss-harness/">
-			<h2 data-ha-exclude="" id="moss-harness">moss harness </h2>
+		<a class="postlink" href="/zipper-bifold-green/">
+			<h2 data-ha-exclude="" id="zipper-bifold-green">zipper bifold (green) </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/moss-harness.jpg" alt="A nylon webbing harness in bright teal laid out on a desk." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/zipper-bifold-green.jpg" alt="A collage showing a green leather wallet with a zippered pocket built into one external side." loading="lazy" decoding="async" width="1000" height="1332">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/sunflower/` was built on 2026-09-18T15:48:49.954Z -->
+    <!-- This page `/sunflower/` was built on 2026-09-20T00:40:39.735Z -->
   </body>
 </html>
diff --git a/swallowtail-on-snowdrops/index.html b/swallowtail-on-snowdrops/index.html
index 023a33a6..39cc631e 100644
--- a/swallowtail-on-snowdrops/index.html
+++ b/swallowtail-on-snowdrops/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1892,57 +1903,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/girldick/">
-			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
+		<a class="postlink" href="/shirts/">
+			<h2 data-ha-exclude="" id="shirts">shirts! </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>print</li>
-				
-				<li>sticker</li>
-				
 				<li>shirt</li>
 				
-				<li>pin</li>
-				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/shirts.jpg" alt="A row of shirts hanging in front of a window, with a variety of hand-printed designs." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/hair/">
-			<h2 data-ha-exclude="" id="hair">hair </h2>
+		<a class="postlink" href="/euphorbia/">
+			<h2 data-ha-exclude="" id="euphorbia">euphorbia </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/hair-print.jpg" alt="A print in black ink of belly hair." loading="lazy" decoding="async" width="1000" height="710">
+			<img src="/img/euphorbia-print.jpg" alt="A print in black ink on brown paper. It depicts a stem of euphorbia, a plant with long, thin leaves and many clustered flowers." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/trans-the-world/">
-			<h2 data-ha-exclude="" id="trans-the-world">trans the world </h2>
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>shirt</li>
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/trans-the-world-print.jpg" alt="A print that reads &#39;trans the world&#39; surrounding an image of a globe and a trans symbol. It&#39;s in a ping-to-blue gradient." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1999,6 +2000,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/swallowtail-on-snowdrops/` was built on 2026-09-18T15:48:49.966Z -->
+    <!-- This page `/swallowtail-on-snowdrops/` was built on 2026-09-20T00:40:39.721Z -->
   </body>
 </html>
diff --git a/swoop-wallet/index.html b/swoop-wallet/index.html
index faba84e2..1de2552a 100644
--- a/swoop-wallet/index.html
+++ b/swoop-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leatherworking-favorites/">
-			<h2 data-ha-exclude="" id="leatherworking-favorites">leatherworking favorites </h2>
+		<a class="postlink" href="/mousie/">
+			<h2 data-ha-exclude="" id="mousie">mousie </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/mousie.jpg" alt="A cat in a sunbeam snuggles a little leather mouse-shaped cat toy." loading="lazy" decoding="async" width="1000" height="1499">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+		<a class="postlink" href="/makers-mark-keychain/">
+			<h2 data-ha-exclude="" id="makers-mark-keychain">maker&#39;s mark keychain </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/makers-mark-keychain.jpg" alt="A keychain on an iridescent rainbow split ring. It is dark brown/grey leather and has LEE CAT ART stamped into it." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/fishhook-pride-keychains/">
-			<h2 data-ha-exclude="" id="fishhook-pride-keychains">fishhook pride keychains </h2>
+		<a class="postlink" href="/aarons-mask/">
+			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/fishhook-keychain-nonbinary.jpg" alt="a keychain with an iridescent fishhook style attachment linked via leather to an iridescent keyring. the leather is stitched with nonbinary flag colors." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/swoop-wallet/` was built on 2026-09-18T15:48:49.956Z -->
+    <!-- This page `/swoop-wallet/` was built on 2026-09-20T00:40:39.736Z -->
   </body>
 </html>
diff --git a/tag/all/index.html b/tag/all/index.html
index 41ccc692..10196c30 100644
--- a/tag/all/index.html
+++ b/tag/all/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/all/` was built on 2026-09-18T15:48:51.033Z -->
+    <!-- This page `/tag/all/` was built on 2026-09-20T00:40:40.829Z -->
   <body>
 </body></body></html>
diff --git a/tag/blur/index.html b/tag/blur/index.html
index e7869adc..921f8011 100644
--- a/tag/blur/index.html
+++ b/tag/blur/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/blur/` was built on 2026-09-18T15:48:51.027Z -->
+    <!-- This page `/tag/blur/` was built on 2026-09-20T00:40:40.819Z -->
   <body>
 </body></body></html>
diff --git a/tag/book/index.html b/tag/book/index.html
index ab9d59f6..6c4cc370 100644
--- a/tag/book/index.html
+++ b/tag/book/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/book/` was built on 2026-09-18T15:48:51.016Z -->
+    <!-- This page `/tag/book/` was built on 2026-09-20T00:40:40.806Z -->
   <body>
 </body></body></html>
diff --git a/tag/card/index.html b/tag/card/index.html
index 27ee7049..45cb131b 100644
--- a/tag/card/index.html
+++ b/tag/card/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/card/` was built on 2026-09-18T15:48:51.014Z -->
+    <!-- This page `/tag/card/` was built on 2026-09-20T00:40:40.799Z -->
   <body>
 </body></body></html>
diff --git a/tag/gallery/index.html b/tag/gallery/index.html
index 27d128e8..d7060033 100644
--- a/tag/gallery/index.html
+++ b/tag/gallery/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/gallery/` was built on 2026-09-18T15:48:51.011Z -->
+    <!-- This page `/tag/gallery/` was built on 2026-09-20T00:40:40.797Z -->
   <body>
 </body></body></html>
diff --git a/tag/gender/index.html b/tag/gender/index.html
index 7953536b..81691b31 100644
--- a/tag/gender/index.html
+++ b/tag/gender/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/gender/` was built on 2026-09-18T15:48:51.009Z -->
+    <!-- This page `/tag/gender/` was built on 2026-09-20T00:40:40.795Z -->
   <body>
 </body></body></html>
diff --git a/tag/highlight/index.html b/tag/highlight/index.html
index bfdb3663..df0fd5be 100644
--- a/tag/highlight/index.html
+++ b/tag/highlight/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/highlight/` was built on 2026-09-18T15:48:51.019Z -->
+    <!-- This page `/tag/highlight/` was built on 2026-09-20T00:40:40.808Z -->
   <body>
 </body></body></html>
diff --git a/tag/knit/index.html b/tag/knit/index.html
index bb7dc5c0..0e58979c 100644
--- a/tag/knit/index.html
+++ b/tag/knit/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/knit/` was built on 2026-09-18T15:48:51.018Z -->
+    <!-- This page `/tag/knit/` was built on 2026-09-20T00:40:40.807Z -->
   <body>
 </body></body></html>
diff --git a/tag/leather/index.html b/tag/leather/index.html
index ec34a7c6..b6afb2f3 100644
--- a/tag/leather/index.html
+++ b/tag/leather/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/leather/` was built on 2026-09-18T15:48:51.024Z -->
+    <!-- This page `/tag/leather/` was built on 2026-09-20T00:40:40.810Z -->
   <body>
 </body></body></html>
diff --git a/tag/patch/index.html b/tag/patch/index.html
index 1947636a..f3836ed7 100644
--- a/tag/patch/index.html
+++ b/tag/patch/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/patch/` was built on 2026-09-18T15:48:51.015Z -->
+    <!-- This page `/tag/patch/` was built on 2026-09-20T00:40:40.805Z -->
   <body>
 </body></body></html>
diff --git a/tag/pin/index.html b/tag/pin/index.html
index f6be11cb..8c2446a7 100644
--- a/tag/pin/index.html
+++ b/tag/pin/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/pin/` was built on 2026-09-18T15:48:51.030Z -->
+    <!-- This page `/tag/pin/` was built on 2026-09-20T00:40:40.815Z -->
   <body>
 </body></body></html>
diff --git a/tag/posts/index.html b/tag/posts/index.html
index 4318498e..453dae9f 100644
--- a/tag/posts/index.html
+++ b/tag/posts/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/posts/` was built on 2026-09-18T15:48:49.895Z -->
+    <!-- This page `/tag/posts/` was built on 2026-09-20T00:40:39.629Z -->
   <body>
 </body></body></html>
diff --git a/tag/print/index.html b/tag/print/index.html
index 70ff4d03..09278969 100644
--- a/tag/print/index.html
+++ b/tag/print/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/print/` was built on 2026-09-18T15:48:51.013Z -->
+    <!-- This page `/tag/print/` was built on 2026-09-20T00:40:40.798Z -->
   <body>
 </body></body></html>
diff --git a/tag/reference/index.html b/tag/reference/index.html
index 504407a8..e844e061 100644
--- a/tag/reference/index.html
+++ b/tag/reference/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/reference/` was built on 2026-09-18T15:48:50.006Z -->
+    <!-- This page `/tag/reference/` was built on 2026-09-20T00:40:39.803Z -->
   <body>
 </body></body></html>
diff --git a/tag/shirt/index.html b/tag/shirt/index.html
index 9cba10e8..999b9e89 100644
--- a/tag/shirt/index.html
+++ b/tag/shirt/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/shirt/` was built on 2026-09-18T15:48:51.028Z -->
+    <!-- This page `/tag/shirt/` was built on 2026-09-20T00:40:40.812Z -->
   <body>
 </body></body></html>
diff --git a/tag/software/index.html b/tag/software/index.html
index 44e0945c..14d6549d 100644
--- a/tag/software/index.html
+++ b/tag/software/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/software/` was built on 2026-09-18T15:48:51.022Z -->
+    <!-- This page `/tag/software/` was built on 2026-09-20T00:40:40.813Z -->
   <body>
 </body></body></html>
diff --git a/tag/stationery/index.html b/tag/stationery/index.html
index bca5aa01..63a28685 100644
--- a/tag/stationery/index.html
+++ b/tag/stationery/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/stationery/` was built on 2026-09-18T15:48:51.025Z -->
+    <!-- This page `/tag/stationery/` was built on 2026-09-20T00:40:40.827Z -->
   <body>
 </body></body></html>
diff --git a/tag/sticker/index.html b/tag/sticker/index.html
index 044f414c..d56cb0b5 100644
--- a/tag/sticker/index.html
+++ b/tag/sticker/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/sticker/` was built on 2026-09-18T15:48:51.029Z -->
+    <!-- This page `/tag/sticker/` was built on 2026-09-20T00:40:40.814Z -->
   <body>
 </body></body></html>
diff --git a/tag/tagpagination/index.html b/tag/tagpagination/index.html
index bf56764b..353c5cd9 100644
--- a/tag/tagpagination/index.html
+++ b/tag/tagpagination/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/tagpagination/` was built on 2026-09-18T15:48:51.032Z -->
+    <!-- This page `/tag/tagpagination/` was built on 2026-09-20T00:40:40.828Z -->
   <body>
 </body></body></html>
diff --git a/tag/weaving/index.html b/tag/weaving/index.html
index 799bf5b2..7d8a207b 100644
--- a/tag/weaving/index.html
+++ b/tag/weaving/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/weaving/` was built on 2026-09-18T15:48:51.031Z -->
+    <!-- This page `/tag/weaving/` was built on 2026-09-20T00:40:40.818Z -->
   <body>
 </body></body></html>
diff --git a/tag/yarn/index.html b/tag/yarn/index.html
index 97d91ff5..949a7547 100644
--- a/tag/yarn/index.html
+++ b/tag/yarn/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/yarn/` was built on 2026-09-18T15:48:51.026Z -->
+    <!-- This page `/tag/yarn/` was built on 2026-09-20T00:40:40.809Z -->
   <body>
 </body></body></html>
diff --git a/tag/zine/index.html b/tag/zine/index.html
index c6f79b30..e9e27487 100644
--- a/tag/zine/index.html
+++ b/tag/zine/index.html
@@ -40,10 +40,18 @@
 
 
 
-<style>:root {
+<style>@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
+:root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -137,11 +145,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -151,23 +161,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1205,6 +1215,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tag/zine/` was built on 2026-09-18T15:48:51.020Z -->
+    <!-- This page `/tag/zine/` was built on 2026-09-20T00:40:40.825Z -->
   <body>
 </body></body></html>
diff --git a/tags/book/2/index.html b/tags/book/2/index.html
index 35691262..a449bc95 100644
--- a/tags/book/2/index.html
+++ b/tags/book/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1498,6 +1509,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/book/2/` was built on 2026-09-18T15:48:56.970Z -->
+    <!-- This page `/tags/book/2/` was built on 2026-09-20T00:40:52.574Z -->
   </body>
 </html>
diff --git a/tags/book/index.html b/tags/book/index.html
index 46b16bef..38bf93fe 100644
--- a/tags/book/index.html
+++ b/tags/book/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1644,6 +1655,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/book/` was built on 2026-09-18T15:48:56.565Z -->
+    <!-- This page `/tags/book/` was built on 2026-09-20T00:40:52.039Z -->
   </body>
 </html>
diff --git a/tags/card/2/index.html b/tags/card/2/index.html
index 60f7ff38..9741bbd0 100644
--- a/tags/card/2/index.html
+++ b/tags/card/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1692,6 +1703,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/2/` was built on 2026-09-18T15:48:55.895Z -->
+    <!-- This page `/tags/card/2/` was built on 2026-09-20T00:40:50.773Z -->
   </body>
 </html>
diff --git a/tags/card/3/index.html b/tags/card/3/index.html
index 39cbc28a..a3958352 100644
--- a/tags/card/3/index.html
+++ b/tags/card/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1522,6 +1533,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/3/` was built on 2026-09-18T15:48:56.313Z -->
+    <!-- This page `/tags/card/3/` was built on 2026-09-20T00:40:51.569Z -->
   </body>
 </html>
diff --git a/tags/card/index.html b/tags/card/index.html
index 1d02a328..717792da 100644
--- a/tags/card/index.html
+++ b/tags/card/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1696,6 +1707,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/card/` was built on 2026-09-18T15:48:55.544Z -->
+    <!-- This page `/tags/card/` was built on 2026-09-20T00:40:49.835Z -->
   </body>
 </html>
diff --git a/tags/gender/2/index.html b/tags/gender/2/index.html
index 0e7c6e1b..7bedb2f0 100644
--- a/tags/gender/2/index.html
+++ b/tags/gender/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1708,6 +1719,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/2/` was built on 2026-09-18T15:48:52.467Z -->
+    <!-- This page `/tags/gender/2/` was built on 2026-09-20T00:40:44.175Z -->
   </body>
 </html>
diff --git a/tags/gender/3/index.html b/tags/gender/3/index.html
index c8014f46..dcbf803b 100644
--- a/tags/gender/3/index.html
+++ b/tags/gender/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1552,6 +1563,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/3/` was built on 2026-09-18T15:48:53.388Z -->
+    <!-- This page `/tags/gender/3/` was built on 2026-09-20T00:40:45.261Z -->
   </body>
 </html>
diff --git a/tags/gender/index.html b/tags/gender/index.html
index d1ce3d17..3412860a 100644
--- a/tags/gender/index.html
+++ b/tags/gender/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1664,6 +1675,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/gender/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/tags/gender/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/tags/highlight/2/index.html b/tags/highlight/2/index.html
index ea44fe5e..4b790cf1 100644
--- a/tags/highlight/2/index.html
+++ b/tags/highlight/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1486,6 +1497,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/highlight/2/` was built on 2026-09-18T15:48:57.720Z -->
+    <!-- This page `/tags/highlight/2/` was built on 2026-09-20T00:40:53.943Z -->
   </body>
 </html>
diff --git a/tags/highlight/index.html b/tags/highlight/index.html
index 59e5c642..5e7e2daa 100644
--- a/tags/highlight/index.html
+++ b/tags/highlight/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1668,6 +1679,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/highlight/` was built on 2026-09-18T15:48:57.371Z -->
+    <!-- This page `/tags/highlight/` was built on 2026-09-20T00:40:53.490Z -->
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index e7800b25..8f465cbd 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1943,6 +1954,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/` was built on 2026-09-18T15:48:49.983Z -->
+    <!-- This page `/tags/` was built on 2026-09-20T00:40:39.767Z -->
   </body>
 </html>
diff --git a/tags/knit/index.html b/tags/knit/index.html
index 7e8cb3e9..05fa32d9 100644
--- a/tags/knit/index.html
+++ b/tags/knit/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1603,6 +1614,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/knit/` was built on 2026-09-18T15:48:57.122Z -->
+    <!-- This page `/tags/knit/` was built on 2026-09-20T00:40:52.886Z -->
   </body>
 </html>
diff --git a/tags/leather/2/index.html b/tags/leather/2/index.html
index b76411a6..b26abf7b 100644
--- a/tags/leather/2/index.html
+++ b/tags/leather/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1650,6 +1661,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/2/` was built on 2026-09-18T15:48:58.186Z -->
+    <!-- This page `/tags/leather/2/` was built on 2026-09-20T00:40:54.720Z -->
   </body>
 </html>
diff --git a/tags/leather/3/index.html b/tags/leather/3/index.html
index ed1cd9e5..5f2458f0 100644
--- a/tags/leather/3/index.html
+++ b/tags/leather/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1652,6 +1663,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/3/` was built on 2026-09-18T15:48:58.209Z -->
+    <!-- This page `/tags/leather/3/` was built on 2026-09-20T00:40:54.771Z -->
   </body>
 </html>
diff --git a/tags/leather/4/index.html b/tags/leather/4/index.html
index 5e7b54ca..5536b7e7 100644
--- a/tags/leather/4/index.html
+++ b/tags/leather/4/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1640,6 +1651,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/4/` was built on 2026-09-18T15:48:58.340Z -->
+    <!-- This page `/tags/leather/4/` was built on 2026-09-20T00:40:55.036Z -->
   </body>
 </html>
diff --git a/tags/leather/index.html b/tags/leather/index.html
index 4d355aef..6b63bbef 100644
--- a/tags/leather/index.html
+++ b/tags/leather/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1646,6 +1657,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/leather/` was built on 2026-09-18T15:48:58.049Z -->
+    <!-- This page `/tags/leather/` was built on 2026-09-20T00:40:54.452Z -->
   </body>
 </html>
diff --git a/tags/patch/index.html b/tags/patch/index.html
index 1d296155..8f106183 100644
--- a/tags/patch/index.html
+++ b/tags/patch/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1491,6 +1502,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/patch/` was built on 2026-09-18T15:48:56.316Z -->
+    <!-- This page `/tags/patch/` was built on 2026-09-20T00:40:51.571Z -->
   </body>
 </html>
diff --git a/tags/pin/index.html b/tags/pin/index.html
index 9b21706f..c9b3cb28 100644
--- a/tags/pin/index.html
+++ b/tags/pin/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1605,6 +1616,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/pin/` was built on 2026-09-18T15:48:59.040Z -->
+    <!-- This page `/tags/pin/` was built on 2026-09-20T00:40:55.965Z -->
   </body>
 </html>
diff --git a/tags/print/2/index.html b/tags/print/2/index.html
index c303e65a..9dd6b346 100644
--- a/tags/print/2/index.html
+++ b/tags/print/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1688,6 +1699,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/2/` was built on 2026-09-18T15:48:54.128Z -->
+    <!-- This page `/tags/print/2/` was built on 2026-09-20T00:40:46.698Z -->
   </body>
 </html>
diff --git a/tags/print/3/index.html b/tags/print/3/index.html
index 9bfb9f1f..376a2d7d 100644
--- a/tags/print/3/index.html
+++ b/tags/print/3/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1700,6 +1711,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/3/` was built on 2026-09-18T15:48:54.528Z -->
+    <!-- This page `/tags/print/3/` was built on 2026-09-20T00:40:47.671Z -->
   </body>
 </html>
diff --git a/tags/print/4/index.html b/tags/print/4/index.html
index c4bc2089..139798ae 100644
--- a/tags/print/4/index.html
+++ b/tags/print/4/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1688,6 +1699,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/4/` was built on 2026-09-18T15:48:54.925Z -->
+    <!-- This page `/tags/print/4/` was built on 2026-09-20T00:40:48.509Z -->
   </body>
 </html>
diff --git a/tags/print/5/index.html b/tags/print/5/index.html
index 04926c8d..f6596322 100644
--- a/tags/print/5/index.html
+++ b/tags/print/5/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1554,6 +1565,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/5/` was built on 2026-09-18T15:48:55.308Z -->
+    <!-- This page `/tags/print/5/` was built on 2026-09-20T00:40:49.330Z -->
   </body>
 </html>
diff --git a/tags/print/index.html b/tags/print/index.html
index 4a47f0dd..df152566 100644
--- a/tags/print/index.html
+++ b/tags/print/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1658,6 +1669,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/print/` was built on 2026-09-18T15:48:53.713Z -->
+    <!-- This page `/tags/print/` was built on 2026-09-20T00:40:45.827Z -->
   </body>
 </html>
diff --git a/tags/shirt/2/index.html b/tags/shirt/2/index.html
index c73a78f9..e0c6a6df 100644
--- a/tags/shirt/2/index.html
+++ b/tags/shirt/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1582,6 +1593,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/shirt/2/` was built on 2026-09-18T15:48:58.751Z -->
+    <!-- This page `/tags/shirt/2/` was built on 2026-09-20T00:40:55.467Z -->
   </body>
 </html>
diff --git a/tags/shirt/index.html b/tags/shirt/index.html
index 1a85bc83..aa8a09c9 100644
--- a/tags/shirt/index.html
+++ b/tags/shirt/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1690,6 +1701,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/shirt/` was built on 2026-09-18T15:48:58.566Z -->
+    <!-- This page `/tags/shirt/` was built on 2026-09-20T00:40:55.262Z -->
   </body>
 </html>
diff --git a/tags/software/2/index.html b/tags/software/2/index.html
index c3947bd0..eb6f4bbb 100644
--- a/tags/software/2/index.html
+++ b/tags/software/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1532,6 +1543,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/software/2/` was built on 2026-09-18T15:48:58.913Z -->
+    <!-- This page `/tags/software/2/` was built on 2026-09-20T00:40:55.707Z -->
   </body>
 </html>
diff --git a/tags/software/index.html b/tags/software/index.html
index 887a435c..896efaa0 100644
--- a/tags/software/index.html
+++ b/tags/software/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1642,6 +1653,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/software/` was built on 2026-09-18T15:48:58.754Z -->
+    <!-- This page `/tags/software/` was built on 2026-09-20T00:40:55.475Z -->
   </body>
 </html>
diff --git a/tags/stationery/index.html b/tags/stationery/index.html
index 3303fd17..4e0c950f 100644
--- a/tags/stationery/index.html
+++ b/tags/stationery/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1483,6 +1494,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/stationery/` was built on 2026-09-18T15:48:59.361Z -->
+    <!-- This page `/tags/stationery/` was built on 2026-09-20T00:40:56.588Z -->
   </body>
 </html>
diff --git a/tags/sticker/index.html b/tags/sticker/index.html
index 20d84331..bba8a869 100644
--- a/tags/sticker/index.html
+++ b/tags/sticker/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1605,6 +1616,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/sticker/` was built on 2026-09-18T15:48:58.952Z -->
+    <!-- This page `/tags/sticker/` was built on 2026-09-20T00:40:55.805Z -->
   </body>
 </html>
diff --git a/tags/weaving/index.html b/tags/weaving/index.html
index cf910009..4d11b522 100644
--- a/tags/weaving/index.html
+++ b/tags/weaving/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1511,6 +1522,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/weaving/` was built on 2026-09-18T15:48:59.113Z -->
+    <!-- This page `/tags/weaving/` was built on 2026-09-20T00:40:56.094Z -->
   </body>
 </html>
diff --git a/tags/yarn/2/index.html b/tags/yarn/2/index.html
index 867f12ee..90003bad 100644
--- a/tags/yarn/2/index.html
+++ b/tags/yarn/2/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1498,6 +1509,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/yarn/2/` was built on 2026-09-18T15:48:58.024Z -->
+    <!-- This page `/tags/yarn/2/` was built on 2026-09-20T00:40:54.415Z -->
   </body>
 </html>
diff --git a/tags/yarn/index.html b/tags/yarn/index.html
index b08d6e06..40e86935 100644
--- a/tags/yarn/index.html
+++ b/tags/yarn/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1640,6 +1651,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/yarn/` was built on 2026-09-18T15:48:57.928Z -->
+    <!-- This page `/tags/yarn/` was built on 2026-09-20T00:40:54.159Z -->
   </body>
 </html>
diff --git a/tags/zine/index.html b/tags/zine/index.html
index d050f000..b98693bd 100644
--- a/tags/zine/index.html
+++ b/tags/zine/index.html
@@ -153,6 +153,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -262,10 +263,18 @@
 .tag:nth-child(odd) p {
 	text-align: right;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -359,11 +368,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -373,23 +384,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1505,6 +1516,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tags/zine/` was built on 2026-09-18T15:48:59.311Z -->
+    <!-- This page `/tags/zine/` was built on 2026-09-20T00:40:56.469Z -->
   </body>
 </html>
diff --git a/textures-unite/index.html b/textures-unite/index.html
index 3ee414f1..b4f02a05 100644
--- a/textures-unite/index.html
+++ b/textures-unite/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1880,6 +1891,22 @@ switch (currentThemeValue) {
     <h2 data-ha-exclude="" id="related-posts">related posts</h2>
     <ol id="postlist">
 	
+  <li class="post">
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+				<li>highlight</li>
+				
+			</ul>
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
   <li class="post">
 		<a class="postlink" href="/brookes-socks/">
 			<h2 data-ha-exclude="" id="brookes-socks">brooke&#39;s socks </h2>
@@ -1895,33 +1922,17 @@ switch (currentThemeValue) {
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/dragon-mask/">
-			<h2 data-ha-exclude="" id="dragon-mask">dragon mask </h2>
+		<a class="postlink" href="/on-the-shoulders-of-giants/">
+			<h2 data-ha-exclude="" id="on-the-shoulders-of-giants">on the shoulders of giants </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>leather</li>
+				<li>zine</li>
 				
-				<li>highlight</li>
+				<li>knit</li>
 				
 			</ul>
-			<img src="/img/dragon-mask.jpg" alt="lee (a white person with glasses and a side shave) holds up a leather dragon mask in black and dark green. ze sticks hir tongue out at it." loading="lazy" decoding="async" width="1000" height="746">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/core-css/">
-			<h2 data-ha-exclude="" id="core-css">core CSS </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>software</li>
-				
-				<li>highlight</li>
-				
-			</ul>
-			<img src="/img/core-css.png" alt="A website mockup in dark mode with light pink accents. Everything is filler text such as the title &#39;This is my cool website&#39;, headers reading things like &#39;This is an h1&#39;, nav items &#39;Nav item 1&#39;, etc. There is a paragraph block - the opening of the Bee Movie - and part of an image visible - a screencap of the music video for Never Gonna Give You Up by Rick Astley." loading="lazy" decoding="async" width="1000" height="447">
+			<img src="/img/on-the-shoulders.jpg" alt="ok so. five image collage showing the front, 3 inner spreads, and back of a riso-printed zine in green and light blue. it&#39;s called &#39;on the shoulders of giants&#39; and it&#39;s about a knitting technique I learned from Stephen west and how I built on that technique. it talks about joining two adjacent panels without seaming, instead knitting the second panel onto the selvedge of the first. then it uses that technique to approach two panels knit with significantly different weights of yarn" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
@@ -1978,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/textures-unite/` was built on 2026-09-18T15:48:49.950Z -->
+    <!-- This page `/textures-unite/` was built on 2026-09-20T00:40:39.760Z -->
   </body>
 </html>
diff --git a/tiny-books/index.html b/tiny-books/index.html
index c1b05ea1..63e18f8b 100644
--- a/tiny-books/index.html
+++ b/tiny-books/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1890,43 +1901,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/acadia-coloring-journal/">
-			<h2 data-ha-exclude="" id="acadia-coloring-journal">Acadia coloring journal </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>leather</li>
+				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/acadia-coloring-journal.jpg" alt="A five panel collage showcasing a book that is part graph papers of various sizes, and part coloring pages based on Acadia National Park." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/baseball-journal/">
-			<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
+		<a class="postlink" href="/striped-journal/">
+			<h2 data-ha-exclude="" id="striped-journal">striped journal </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/striped-journal.jpg" alt="A three panel collage showcasing a journal with a striped cover." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-strap-journal/">
-			<h2 data-ha-exclude="" id="leather-strap-journal">leather strap journal </h2>
+		<a class="postlink" href="/green-memo-pad/">
+			<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>book</li>
 				
 			</ul>
-			<img src="/img/leather-strap-journal.jpg" alt="A 3-part collage showing a blue journal with leather straps woven into the covers." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
 			
 		</a>
 	</li>
@@ -1983,6 +1996,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-books/` was built on 2026-09-18T15:48:49.947Z -->
+    <!-- This page `/tiny-books/` was built on 2026-09-20T00:40:39.711Z -->
   </body>
 </html>
diff --git a/tiny-mushrooms/index.html b/tiny-mushrooms/index.html
index dc3684c2..35c9a9d9 100644
--- a/tiny-mushrooms/index.html
+++ b/tiny-mushrooms/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,51 +1886,53 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/greeting-loons/">
-			<h2 data-ha-exclude="" id="greeting-loons">greeting loons </h2>
+		<a class="postlink" href="/junco/">
+			<h2 data-ha-exclude="" id="junco">junco </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
-				<li>highlight</li>
+				<li>card</li>
 				
 			</ul>
-			<img src="/img/greeting-loons.jpg" alt="A pile of hand-printed A2 size greeting cards. A loon rearing up with outstretched wings spans the front and back of the cards." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/junco-print.jpg" alt="A print of a junco mid-takeoff from a branch. Eir head is inked in black, body in gray, and the branch in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
+		<a class="postlink" href="/geese/">
+			<h2 data-ha-exclude="" id="geese">geese </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>gender</li>
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/geese-print.jpg" alt="Two Canada geese and their reflections in the water. One is calmly swimming away, while the over leans over and HONKS!" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/greeting-quorbs/">
-			<h2 data-ha-exclude="" id="greeting-quorbs">greeting quorbs </h2>
+		<a class="postlink" href="/lupine/">
+			<h2 data-ha-exclude="" id="lupine">lupine </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>card</li>
-				
 				<li>print</li>
 				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
 			</ul>
-			<img src="/img/greeting-quorbs.jpg" alt="A pile of hand-printed A2 size greeting cards. Only the front is visible, showing a particularly round quail." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/lupine-prints.jpg" alt="6 versions of a print of lupine flowers with the leaves inked in light green and the blossoms inked in a variety of blues, purples, and pinks." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1976,6 +1989,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-mushrooms/` was built on 2026-09-18T15:48:49.977Z -->
+    <!-- This page `/tiny-mushrooms/` was built on 2026-09-20T00:40:39.728Z -->
   </body>
 </html>
diff --git a/tiny-portraits/index.html b/tiny-portraits/index.html
index 634caf8f..04061dc8 100644
--- a/tiny-portraits/index.html
+++ b/tiny-portraits/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,8 +1886,22 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/stellars-jay/">
-			<h2 data-ha-exclude="" id="stellars-jay">stellar&#39;s jay </h2>
+		<a class="postlink" href="/become-unbutterable/">
+			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+			</ul>
+			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/fat-raccoon/">
+			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1887,43 +1912,29 @@ switch (currentThemeValue) {
 				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/stellars-jay-print.jpg" alt="A print of a stellar&#39;s jay, a beautiful black and blue bird, about to take off from a branch" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/queer/">
-			<h2 data-ha-exclude="" id="queer">queer </h2>
+		<a class="postlink" href="/girldick/">
+			<h2 data-ha-exclude="" id="girldick-mature">girldick (mature)</h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>card</li>
-				
 				<li>sticker</li>
 				
+				<li>shirt</li>
+				
 				<li>pin</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/queer-print.jpg" alt="A print of the word queer in black ink. The letters are rounded with elongated oval negative space." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/become-unbutterable/">
-			<h2 data-ha-exclude="" id="become-unbutterable">become unbutterable </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-			</ul>
-			<img src="/img/become-unbutterable.jpg" alt="3 copies of the same stamp in orange ink are spread out next to the hand carved rubber stamp they were made from. They show a cat lying on his back with paws curled, holding a butter knife in his mouth. Text around the cat reads, in all caps, &#39;become unbutterable.&#39;" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/girldick-shirt.jpg" alt="A butch cooking and wearing a cropped tee with blue cap sleeves that reads girldick in blue G.I.Joe font." class="blur" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1980,6 +1991,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tiny-portraits/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/tiny-portraits/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/tooled-leather-patches/index.html b/tooled-leather-patches/index.html
index 5055e7c1..5b6fa3e1 100644
--- a/tooled-leather-patches/index.html
+++ b/tooled-leather-patches/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1885,51 +1896,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/boypussy/">
-			<h2 data-ha-exclude="" id="boypussy-mature">boypussy (mature)</h2>
+		<a class="postlink" href="/brookes-collar/">
+			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>leather</li>
+				
+			</ul>
+			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/in-the-news/">
+			<h2 data-ha-exclude="" id="in-the-news">in the news </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>gender</li>
+				
+			</ul>
+			<img src="/img/shrimp-knitting.jpg" alt="Picture unrelated to post. Lee, sitting in a chair and seen in profile, looks up and smiles. Ze is holding and working on a partially knit shrimp." loading="lazy" decoding="async" width="1000" height="666">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/coming-out/">
+			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>sticker</li>
-				
-				<li>shirt</li>
-				
-				<li>pin</li>
+				<li>card</li>
 				
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/boypussy-shirt.jpg" alt="A butch holding a chainsaw and wearing a tank top that reads boypussy in pink Barbie font." class="blur" loading="lazy" decoding="async" width="1000" height="1250">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/gradient-purse-strap/">
-			<h2 data-ha-exclude="" id="gradient-purse-strap">gradient purse strap </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/gradient-purse-strap.jpg" alt="a coiled up purse strap in gradient cool colors - we can see green, teal, indigo, and a slightly pinkish purple. It has brass hardware and is stiched along its length with cream stitches." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/soras-collar/">
-			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-			</ul>
-			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1986,6 +1993,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/tooled-leather-patches/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/tooled-leather-patches/` was built on 2026-09-20T00:40:39.733Z -->
   </body>
 </html>
diff --git a/trans-rights-skull/index.html b/trans-rights-skull/index.html
index bb70ba74..5f1cd23f 100644
--- a/trans-rights-skull/index.html
+++ b/trans-rights-skull/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1904,40 +1915,22 @@ prints/cards: black with blue and pink letters</p>
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+		<a class="postlink" href="/tiny-mushrooms/">
+			<h2 data-ha-exclude="" id="tiny-mushrooms">tiny mushrooms </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
 				
 			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
+			<img src="/img/pixels-mushrooms.jpg" alt="3 tiny mushroom stamps next to their impressions. They are all about 1 inch square. There is a chanterelle in yellow, a russula in pink, and witch&#39;s hat mycena in indigo." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/tooled-leather-patches/">
-			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>leather</li>
-				
-				<li>gender</li>
-				
-				<li>patch</li>
-				
-			</ul>
-			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/swallowtail-on-snowdrops/">
-			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+		<a class="postlink" href="/congrats-on-the-gay/">
+			<h2 data-ha-exclude="" id="congrats-on-the-gay">congrats on the gay </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1945,10 +1938,26 @@ prints/cards: black with blue and pink letters</p>
 				
 				<li>card</li>
 				
-				<li>shirt</li>
+				<li>gender</li>
 				
 			</ul>
-			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			<img src="/img/congrats-on-the-gay.jpg" alt="A greeting card reading, in black. &#39;Congrats on the,&#39; and then, in rainbow, &#39;Gay!&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/flatfish/">
+			<h2 data-ha-exclude="" id="flatfish">flatfish </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+			</ul>
+			<img src="/img/flatfish-print.jpg" alt="A print of a simple flatfish design inked in sepia." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -2005,6 +2014,6 @@ prints/cards: black with blue and pink letters</p>
 </footer>
 
 
-    <!-- This page `/trans-rights-skull/` was built on 2026-09-18T15:48:49.964Z -->
+    <!-- This page `/trans-rights-skull/` was built on 2026-09-20T00:40:39.715Z -->
   </body>
 </html>
diff --git a/trans-the-world/index.html b/trans-the-world/index.html
index bd318e8f..0fb58eff 100644
--- a/trans-the-world/index.html
+++ b/trans-the-world/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1891,24 +1902,8 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/luminescent/">
-			<h2 data-ha-exclude="" id="luminescent-mature">luminescent (mature)</h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>print</li>
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/luminescent-print.jpg" alt="A print of a tattooed woman in bright highlighter yellow underwear." class="blur" loading="lazy" decoding="async" width="900" height="1200">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/coming-out/">
-			<h2 data-ha-exclude="" id="coming-out">coming out </h2>
+		<a class="postlink" href="/seedling/">
+			<h2 data-ha-exclude="" id="seedling">seedling </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1916,28 +1911,36 @@ switch (currentThemeValue) {
 				
 				<li>card</li>
 				
-				<li>gender</li>
-				
 			</ul>
-			<img src="/img/coming-out-card-print.jpg" alt="A card and print in the same design - a chick and a broken eggshell, and a simple font reading &#39;congrats on coming out of your shell&#39;" loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/seedling-print.jpg" alt="A print of a 3-stage design of a green seedling barely open, starting to straighten up, and growing strong, with little piles of dirt beneath each one." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/pronoun-patches/">
-			<h2 data-ha-exclude="" id="pronoun-patches">pronoun patches </h2>
+		<a class="postlink" href="/brown-creeper/">
+			<h2 data-ha-exclude="" id="brown-creeper">brown creeper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>print</li>
 				
-				<li>patch</li>
+			</ul>
+			<img src="/img/brown-creeper-print.jpg" alt="2 copies of the same print side by side. In yellow, black, and purple ink, a brown creeper, a small bird, is depicted, well camouflaged against a tree trunk." loading="lazy" decoding="async" width="1000" height="1000">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/printmaking-paper-notes/">
+			<h2 data-ha-exclude="" id="printmaking-paper-notes">printmaking paper notes </h2>
+			
+			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
 				
 			</ul>
-			<img src="/img/pronoun-patch.jpg" alt="Rows of the same design, a skull with a speech bubble announcing varied pronoun sets, repeat in multiple colors along a stretch of off-white fabric." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/killdeer.jpg" alt="Image unrelated to post. A very fluffed up killdeer stands on a rocky beach." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1994,6 +1997,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/trans-the-world/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/trans-the-world/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/trans-wrongs-skull/index.html b/trans-wrongs-skull/index.html
index 2168b593..75587fe6 100644
--- a/trans-wrongs-skull/index.html
+++ b/trans-wrongs-skull/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1902,8 +1913,26 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/booby-congrats-on-the-top-surgery/">
-			<h2 data-ha-exclude="" id="booby-congrats-on-the-top-surgery">booby (congrats on the top surgery) </h2>
+		<a class="postlink" href="/swallowtail-on-snowdrops/">
+			<h2 data-ha-exclude="" id="swallowtail-on-snowdrops">swallowtail on snowdrops </h2>
+			
+			<ul class="postlist-tags">
+				
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
+				
+			</ul>
+			<img src="/img/swallowtail-on-snowdrops-print.jpg" alt="A block print of a tiger swallowtail butterfly dangling from Japanese snowdrops, a white drooping flower." loading="lazy" decoding="async" width="1000" height="1332">
+			
+		</a>
+	</li>
+	
+  <li class="post">
+		<a class="postlink" href="/happy-bihrtday/">
+			<h2 data-ha-exclude="" id="happy-bihrtday">happy biHRTday </h2>
 			
 			<ul class="postlist-tags">
 				
@@ -1914,35 +1943,25 @@ switch (currentThemeValue) {
 				<li>gender</li>
 				
 			</ul>
-			<img src="/img/booby-card.jpg" alt="A landscape-oriented white card with a two-color print of a blue-footed booby." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/happy-bihrtday-card-print.jpg" alt="A card and print in the same design - a bouncy, cheery font reading &#39;happy biHRTday&#39;" loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender/">
-			<h2 data-ha-exclude="" id="gender">gender? </h2>
+		<a class="postlink" href="/fat-raccoon/">
+			<h2 data-ha-exclude="" id="fat-raccoon">fat raccoon </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
+				<li>print</li>
+				
+				<li>card</li>
+				
+				<li>shirt</li>
 				
 			</ul>
-			<img src="/img/gender-notes.png" alt="A page of handwritten notes with some loosely drawn charts, described further in the post." loading="lazy" decoding="async" width="865" height="1080">
-			
-		</a>
-	</li>
-	
-  <li class="post">
-		<a class="postlink" href="/queer-book-list/">
-			<h2 data-ha-exclude="" id="queer-book-list">queer book list </h2>
-			
-			<ul class="postlist-tags">
-				
-				<li>gender</li>
-				
-			</ul>
-			<img src="/img/rainbow-books.jpg" alt="A bookshelf with a variety of books on LGBTQ+ themes, arranged roughly in rainbow order" loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/fat-raccoon-print.jpg" alt="A block print in black ink of a rotund raccoon raising a welcoming paw towards the viewer." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1999,6 +2018,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/trans-wrongs-skull/` was built on 2026-09-18T15:48:49.965Z -->
+    <!-- This page `/trans-wrongs-skull/` was built on 2026-09-20T00:40:39.720Z -->
   </body>
 </html>
diff --git a/triangle-pouch/index.html b/triangle-pouch/index.html
index 47e79121..91bb6f5b 100644
--- a/triangle-pouch/index.html
+++ b/triangle-pouch/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/vertical-card-wallet/">
+			<h2 data-ha-exclude="" id="vertical-card-wallet">vertical card wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/vertical-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets and 1 interior pocket." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/double-bill-pocket-bifold/">
+			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+		<a class="postlink" href="/wrap-bracelets/">
+			<h2 data-ha-exclude="" id="wrap-bracelets">wrap bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-wrap-bracelets.jpg" alt="two wrists, each wearing a black leather wrap bracelet. the upper bracelet is a thin strap wrapped 3 times around the wrist. the lower bracelet wraps twice, with a thicker strap, and has carefully placed spikes that avoid the wrap spots." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/triangle-pouch/` was built on 2026-09-18T15:48:49.957Z -->
+    <!-- This page `/triangle-pouch/` was built on 2026-09-20T00:40:39.737Z -->
   </body>
 </html>
diff --git a/vertical-bifold/index.html b/vertical-bifold/index.html
index 6af30082..b8a8554e 100644
--- a/vertical-bifold/index.html
+++ b/vertical-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/bag-strap/">
+			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/shrimp-cat-toy/">
-			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-bifold/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/vertical-bifold/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/vertical-card-wallet/index.html b/vertical-card-wallet/index.html
index 15fe5108..f904ea71 100644
--- a/vertical-card-wallet/index.html
+++ b/vertical-card-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,47 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/patchwork-wallet/">
-			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-chest-harness/">
-			<h2 data-ha-exclude="" id="leather-chest-harness">leather chest harness </h2>
+		<a class="postlink" href="/tooled-leather-patches/">
+			<h2 data-ha-exclude="" id="tooled-leather-patches">tooled leather patches </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>gender</li>
+				
+				<li>patch</li>
+				
 			</ul>
-			<img src="/img/leather-chest-harness.jpg" alt="Someone from chin to mid-torso, wearing a dark teal leather chest harness with matte black fittings over a t shirt." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pronoun-patch-scroll.jpg" alt="two tooled leather patches. they have scrolls tooled on them that read various pronoun sets." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/sunflower/">
-			<h2 data-ha-exclude="" id="sunflower">sunflower </h2>
+		<a class="postlink" href="/pinatex-wallet-with-zipper/">
+			<h2 data-ha-exclude="" id="pinatex-wallet-with-zipper">piñatex wallet with zipper </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/sunflower.jpg" alt="A sunflower made of leather. Many individual natural toned leather petals are sewn onto a brown center ." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/pinatex-ten-pocket-bifold.jpg" alt="A two-picture collage showing the inside and outside of a wallet made with piñatex, a leather alternative made from pineapple leaves. It is two tone blue with a pink accent and has a zippered pocket built in." loading="lazy" decoding="async" width="1000" height="1331">
 			
 		</a>
 	</li>
@@ -1970,6 +1983,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-card-wallet/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/vertical-card-wallet/` was built on 2026-09-20T00:40:39.725Z -->
   </body>
 </html>
diff --git a/vertical-zipper-card-wallet/index.html b/vertical-zipper-card-wallet/index.html
index 42290f8b..e6484e63 100644
--- a/vertical-zipper-card-wallet/index.html
+++ b/vertical-zipper-card-wallet/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,45 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/long-zipper-bifold/">
-			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
+		<a class="postlink" href="/soras-collar/">
+			<h2 data-ha-exclude="" id="soras-collar">sora&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/sora-collar.jpg" alt="A collage showing a red and black leather dog collar tooled with roses and the name Sora. It&#39;s fully stitched with dark red stitching and has brass hardware." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/designing-a-bag/">
-			<h2 data-ha-exclude="" id="designing-a-bag">designing a bag </h2>
+		<a class="postlink" href="/shrimp-cat-toy/">
+			<h2 data-ha-exclude="" id="shrimp-cat-toy">shrimp cat toy </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>software</li>
-				
 			</ul>
-			<img src="/img/shoelace-bag.jpg" alt="a 3-image collage showcasing a leather crossbody bag. the leather body is brown and fairly simple. up the narrow sides, rope is laced through grommets in a style resembling a shoe lacing. the rope forms the handle and loops seamlessly through the other side of the bag, joining in one point in a figure-8 follow-through knot. At the bottom corners, there are small diagonal lines of stitching to give the bag a small lip around the base and ensure small objects don&#39;t slide out." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/two-shrimp.jpg" alt="Two leather shrimp-shaped cat toys. They have long dangly antennae and are stitched in red and orange." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -1970,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vertical-zipper-card-wallet/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/vertical-zipper-card-wallet/` was built on 2026-09-20T00:40:39.726Z -->
   </body>
 </html>
diff --git a/visual-site-builders-and-accessibility/index.html b/visual-site-builders-and-accessibility/index.html
index 76ed2951..ea3f929c 100644
--- a/visual-site-builders-and-accessibility/index.html
+++ b/visual-site-builders-and-accessibility/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1991,6 +2002,7 @@ switch (currentThemeValue) {
 </table>
 <h2 id="framer">Framer</h2>
 <p><a href="https://framer.com" target="_blank" rel="external">Framer</a> is a full-featured site designer with a built-in CMS. It offers generative AI features.</p>
+<p>I have written <a href="/framer-accessibility">further thoughts on Framer accessibility</a> as part of a more in-depth review.</p>
 <table>
 <thead>
 <tr>
@@ -2604,49 +2616,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/azure-locations-and-file-crawling/">
-			<h2 data-ha-exclude="" id="azure-locations-and-file-crawling">azure locations and file crawling </h2>
+		<a class="postlink" href="/intro-to-wireframing/">
+			<h2 data-ha-exclude="" id="intro-to-wireframing">intro to wireframing </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of locations applicable to a specific resource type. The output is lengthy." loading="lazy" decoding="async" width="1000" height="827">
+			<img src="/img/aggregator-wireframes.jpg" alt="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale." loading="lazy" decoding="async" width="1000" height="1042">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/gender-in-data-models/">
-			<h2 data-ha-exclude="" id="gender-in-data-models">gender in data models </h2>
+		<a class="postlink" href="/my-favorite-git-flag/">
+			<h2 data-ha-exclude="" id="my-favorite-git-flag">my favorite git flag </h2>
 			
 			<ul class="postlist-tags">
 				
-				<li>gender</li>
-				
 				<li>software</li>
 				
-				<li>highlight</li>
-				
 			</ul>
-			<img src="/img/peony.jpg" alt="Image unrelated to post. A light pink peony in full bloom, close up." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/shelf-mushrooms.jpg" alt="Picture unrelated to post. Creamy beige shelf mushrooms on a mossy tree trunk." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/comparing-text-editors/">
-			<h2 data-ha-exclude="" id="comparing-text-editors">comparing text editors </h2>
+		<a class="postlink" href="/eleventy-lessons/">
+			<h2 data-ha-exclude="" id="eleventy-lessons">eleventy lessons </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>software</li>
 				
 			</ul>
-			<img src="/img/horsetail.jpg" alt="Image unrelated to post. Close up on a horsetail plant&#39;s stem, with many small needle-like leaves emerging from all sides of the circular stem at each segmented joint." loading="lazy" decoding="async" width="1000" height="666">
+			<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
 			
 		</a>
 	</li>
@@ -2703,6 +2709,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/visual-site-builders-and-accessibility/` was built on 2026-09-18T15:48:49.982Z -->
+    <!-- This page `/visual-site-builders-and-accessibility/` was built on 2026-09-20T00:40:39.766Z -->
   </body>
 </html>
diff --git a/vix-collar/index.html b/vix-collar/index.html
index c4ff898e..b5587414 100644
--- a/vix-collar/index.html
+++ b/vix-collar/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+		<a class="postlink" href="/rachels-bracelets/">
+			<h2 data-ha-exclude="" id="rachels-bracelets">rachel&#39;s bracelets </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/rachel-bracelets.jpg" alt="Two pink leather bracelets with stainless steel hardware and aqua stitching." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/mom-bag/">
-			<h2 data-ha-exclude="" id="mom-bag">mom bag </h2>
+		<a class="postlink" href="/snap-pouch/">
+			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/mom-bag.jpg" alt="A leather bag sized for a large smartphone with a main pocket and a wraparound smaller pocket. It has a magnetic clasp." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/lobstah/">
-			<h2 data-ha-exclude="" id="lobstah">lobstah </h2>
+		<a class="postlink" href="/swoop-wallet/">
+			<h2 data-ha-exclude="" id="swoop-wallet">swoop wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/lobstah.jpg" alt="Two red leather lobster ornaments, about 4-5 in long each." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/swoop-wallet.jpg" alt="A collage showing 3 pictures of a red and brown leather card wallet. The red pocket separator folds around to the back to become a fetching curlicue." loading="lazy" decoding="async" width="900" height="1200">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/vix-collar/` was built on 2026-09-18T15:48:49.978Z -->
+    <!-- This page `/vix-collar/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/wrap-bracelets/index.html b/wrap-bracelets/index.html
index f26bbbad..91c670a7 100644
--- a/wrap-bracelets/index.html
+++ b/wrap-bracelets/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1874,45 +1885,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/vix-collar/">
-			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
+		<a class="postlink" href="/patchwork-wallet/">
+			<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>highlight</li>
+				
 			</ul>
-			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/aarons-mask/">
-			<h2 data-ha-exclude="" id="aarons-mask">aaron&#39;s mask </h2>
+		<a class="postlink" href="/nine-pocket-bifold/">
+			<h2 data-ha-exclude="" id="nine-pocket-bifold">nine pocket bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/aaron-mask.jpg" alt="A brown/grey leather mask of a long snouted dog with visible teeth and red detailing." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/nine-pocket-bifold.jpg" alt="A hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a symmetrical interior with a hidden pocket and 3 card pockets on each side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leather-long-stitch-journals/">
-			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
+		<a class="postlink" href="/triangle-pouch/">
+			<h2 data-ha-exclude="" id="triangle-pouch">triangle pouch </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
-				<li>book</li>
-				
 			</ul>
-			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
+			<img src="/img/triangle-pouch.jpg" alt="5 small triangular pouches made of leather in two sizes and various colors." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1969,6 +1980,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/wrap-bracelets/` was built on 2026-09-18T15:48:49.951Z -->
+    <!-- This page `/wrap-bracelets/` was built on 2026-09-20T00:40:39.761Z -->
   </body>
 </html>
diff --git a/x-acto-knife-sheath/index.html b/x-acto-knife-sheath/index.html
index 175fe521..0eb5306d 100644
--- a/x-acto-knife-sheath/index.html
+++ b/x-acto-knife-sheath/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/foldy-wallet-with-thumb-slide/">
-			<h2 data-ha-exclude="" id="foldy-wallet-with-thumb-slide">foldy wallet with thumb slide </h2>
+		<a class="postlink" href="/black-and-red-journal/">
+			<h2 data-ha-exclude="" id="black-and-red-journal">black and red journal </h2>
 			
 			<ul class="postlist-tags">
 				
+				<li>book</li>
+				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/foldy-thumb-slide.jpg" alt="A card wallet with one main pocket and one quick access slot with a thumb slide. The cover of the main pocket curves around the thumb slide." loading="lazy" decoding="async" width="1000" height="1000">
+			<img src="/img/black-red-journal.jpg" alt="3 image collage showing a leather-bound journal. The cover is black, with long red vertical stitches along the spine and a red leather strap for a closure. On the back in one lower corner is stamped LEE CAT ART" loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/brookes-cuff-bracelets/">
-			<h2 data-ha-exclude="" id="brookes-cuff-bracelets">brooke&#39;s cuff bracelets </h2>
+		<a class="postlink" href="/long-zipper-bifold/">
+			<h2 data-ha-exclude="" id="long-zipper-bifold">long zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/brooke-cuffs.jpg" alt="Olive green leather cuffs with silver spikes and a shearling lining." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/stephanie-collar/">
-			<h2 data-ha-exclude="" id="stephanie-collar">stephanie collar </h2>
+		<a class="postlink" href="/brookes-collar/">
+			<h2 data-ha-exclude="" id="brookes-collar">brooke&#39;s collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/stephanie-collar.jpg" alt="A white woman with a shaved side cut wearing a black leather collar with a large dangling o-ring." loading="lazy" decoding="async" width="1000" height="562">
+			<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/x-acto-knife-sheath/` was built on 2026-09-18T15:48:49.976Z -->
+    <!-- This page `/x-acto-knife-sheath/` was built on 2026-09-20T00:40:39.726Z -->
   </body>
 </html>
diff --git a/zipper-bifold-green/index.html b/zipper-bifold-green/index.html
index c6d0f319..56752d08 100644
--- a/zipper-bifold-green/index.html
+++ b/zipper-bifold-green/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,43 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/snap-pouch/">
-			<h2 data-ha-exclude="" id="snap-pouch">snap pouch </h2>
+		<a class="postlink" href="/leather-keychains/">
+			<h2 data-ha-exclude="" id="leather-keychains">leather keychains </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/snap-pouches.jpg" alt="4 square pouches that close with snaps. 2 have loops that attach keyrings. They are in various colors of leather." loading="lazy" decoding="async" width="900" height="1200">
+			<img src="/img/leather-keychains.jpg" alt="A picture of multiple leather keychains sitting on a wood table. Many of them are simple rectangle shapes with stitching around the edge; a few are odd wavy or geometric shapes. A few say things like &#39;MOM&#39; or &#39;EGG&#39;." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/double-bill-pocket-bifold/">
-			<h2 data-ha-exclude="" id="double-bill-pocket-bifold">double bill pocket bifold </h2>
+		<a class="postlink" href="/zipper-bifold/">
+			<h2 data-ha-exclude="" id="zipper-bifold">zipper bifold </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/double-bill-pocket-bifold.jpg" alt="A 3-picture collage showing a hand-stitched leather wallet in plum and light natural leather, with a double bill pocket." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/zipper-bifold.jpg" alt="A collage showing a hand-stitched leather bifold with a zippered coin pocket on one exterior side." loading="lazy" decoding="async" width="1000" height="1777">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/bag-strap/">
-			<h2 data-ha-exclude="" id="bag-strap">bag strap </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/bag-strap.jpg" alt="A nylon webbing shoulder strap in bright teal with clips on each end." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
@@ -1968,6 +1979,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/zipper-bifold-green/` was built on 2026-09-18T15:48:49.979Z -->
+    <!-- This page `/zipper-bifold-green/` was built on 2026-09-20T00:40:39.734Z -->
   </body>
 </html>
diff --git a/zipper-bifold/index.html b/zipper-bifold/index.html
index bf1a7f53..7854e06f 100644
--- a/zipper-bifold/index.html
+++ b/zipper-bifold/index.html
@@ -228,6 +228,7 @@
 	grid-area: h2;
 	padding: .25rem .5rem;
 	text-transform: uppercase;
+	font-family: var(--font-family);
 	font-size: 1.5rem;
 	color: var(--color-primary);
 	border-radius: 1rem 1rem 0 0;
@@ -426,10 +427,18 @@ body:has(dialog[open]) {
   max-width: 90%;
   margin: 0 auto;
 }
+@font-face {
+	font-family: "Peritel";
+	src:
+		url("/fonts/Peritel/Peritel-Regular.woff2") format("woff2"),
+		url("/fonts/Peritel/Peritel-Regular.otf") format("opentype");
+}
+
 :root {
 	color-scheme: light dark;
 
 	--font-family: 'Atkinson Hyperlegible Next', sans-serif;
+	--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
 	--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
 
 	--color-dark: #2e303e;
@@ -523,11 +532,13 @@ main {
 h1, h2, h3, h4, h5, h6 {
 	line-height: 1.25;
 	color: var(--color-teal);
+	font-family: var(--font-family-headers);
+	letter-spacing: 0.1rem;
 }
 
 h1 {
 	margin-top: 3rem;
-	font-size: 3.5rem;
+	font-size: 3.7rem;
 	text-align: center;
 }
 
@@ -537,23 +548,23 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	margin-top: 2rem;
-	font-size: 2.2rem;
+	font-size: 2.35rem;
 }
 
 h3 {
 	margin-top: 1.5rem;
-	font-size: 1.6rem;
+	font-size: 1.7rem;
 }
 
 @media (max-width: 650px) {
-	h1 { font-size: 2.8rem; }
-	h2 { font-size: 1.8rem; }
-	h3 { font-size: 1.35rem; }
+	h1 { font-size: 2.95rem; }
+	h2 { font-size: 1.9rem; }
+	h3 { font-size: 1.4rem; }
 }
 
 h4, h5, h6 {
 	margin-top: 1rem;
-	font-size: 1.2rem;
+	font-size: 1.25rem;
 }
 
 /* Images */
@@ -1875,43 +1886,45 @@ switch (currentThemeValue) {
     <ol id="postlist">
 	
   <li class="post">
-		<a class="postlink" href="/eight-pocket-bifold/">
-			<h2 data-ha-exclude="" id="eight-pocket-bifold">eight pocket bifold </h2>
+		<a class="postlink" href="/vix-collar/">
+			<h2 data-ha-exclude="" id="vix-collar">vix collar </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/eight-pocket-bifold.jpg" alt="A 3-picture collage showing a hand stitched full grain leather bifold wallet in dark plum leather. It has a main bill pocket and a asymmetrical interior with a hidden pocket and 3 card pockets on the right, and a hidden pocket and 2 card pockets on the left. The left front pocket has a small naturally occuring hole." loading="lazy" decoding="async" width="1000" height="1777">
+			<img src="/img/vix-collar.jpg" alt="A collar rests on a leather-wrapped lighter. It is lined with shearling and built of two other layers of leather - a wider mustard yellow layer and a thinner teal layer over that. the teal layer holds a heart shaped o-ring in place." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/circle-bag/">
-			<h2 data-ha-exclude="" id="circle-bag">circle bag </h2>
+		<a class="postlink" href="/leather-lighter-case/">
+			<h2 data-ha-exclude="" id="leather-lighter-case">leather lighter case </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
 			</ul>
-			<img src="/img/circle-bag.jpg" alt="A round bag in brown, mustard yellow, and rich deep orange, with a teal shoulder strap." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
 			
 		</a>
 	</li>
 	
   <li class="post">
-		<a class="postlink" href="/leaf-patches/">
-			<h2 data-ha-exclude="" id="leaf-patches">leaf patches </h2>
+		<a class="postlink" href="/leather-long-stitch-journals/">
+			<h2 data-ha-exclude="" id="leather-long-stitch-journals">leather long-stitch journals </h2>
 			
 			<ul class="postlist-tags">
 				
 				<li>leather</li>
 				
+				<li>book</li>
+				
 			</ul>
-			<img src="/img/leaf-patches-oak.jpg" alt="Several oak-leaf-shaped leather patches with stitching holes punched around the edges." loading="lazy" decoding="async" width="1000" height="750">
+			<img src="/img/long-stitch-journals.jpg" alt="A stack of hand-bound journals showing long stitches aligned with the spines. They are leather bound and have tie closures." loading="lazy" decoding="async" width="1000" height="1333">
 			
 		</a>
 	</li>
@@ -1968,6 +1981,6 @@ switch (currentThemeValue) {
 </footer>
 
 
-    <!-- This page `/zipper-bifold/` was built on 2026-09-18T15:48:49.975Z -->
+    <!-- This page `/zipper-bifold/` was built on 2026-09-20T00:40:39.726Z -->
   </body>
 </html>