feat(themes): redesign neogothic as marble glass, fix pinkie composite controls, self-host SF Pro

neogothic: near-invisible marble background, glass panels and inputs,
moon accent instead of gold, Tenor Sans headings, Onest UI, Mona Sans
content with Onest fallback, muted commit hashes, dropdown stacking fix.
pinkie: joined labeled buttons and action inputs, muted default buttons,
plain commit hashes, minimal portfolio, self-hosted SF Pro Text/Display.
portfolio: 2-column grid under 1100px, refit barcode titles after font load.

templates/custom/portfolio.tmpl

@@ -5,7 +5,7 @@
 				{{AppName}}
 			</h2>
 			<p class="ui large text">
-				hi there. explore our projects below.
+				hi there. explore our projects below. or change theme to "pinkie" if you don't like skeuomorphism.
 			</p>
 		</div>
 
@@ -107,6 +107,12 @@
 		width: 100%;
 	}
 
+	@media (max-width: 1100px) {
+		#portfolio-grid {
+			grid-template-columns: repeat(2, 1fr);
+		}
+	}
+
 	@media (max-width: 768px) {
 		#portfolio-grid {
 			grid-template-columns: 1fr;
@@ -489,6 +495,12 @@ document.addEventListener('DOMContentLoaded', async () => {
 			const titleEl = card.querySelector('.barcode-title');
 			fitText(titleEl);
 		});
+
+		if (document.fonts && document.fonts.load) {
+			document.fonts.load("60px 'Libre Barcode 39 Text'").then(() => {
+				grid.querySelectorAll('.barcode-title').forEach(fitText);
+			});
+		}
 	}
 
 	searchInput.addEventListener('input', applySortAndFilter);