Remove em/en dashes site-wide and fix FAQ hero cropped under fixed header

Replace em/en dashes with commas (or 'to' for number ranges, keeping the euro sign) across the FAQ, home, timeline and project pages; hyphens in compound words are left intact. Increase .faq-hero top padding so the eyebrow/title clear the fixed 80px header.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_faq.css

@@ -5,7 +5,7 @@
 
 .faq-hero {
     background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%);
-    padding: 72px 24px 40px;
+    padding: 112px 24px 40px; /* clears the fixed 80px header */
     text-align: center;
 }
 .faq-eyebrow {
@@ -136,7 +136,7 @@
 .faq-viber-btn:hover { opacity: 0.9; }
 
 @media (max-width: 768px) {
-    .faq-hero { padding: 52px 20px 32px; }
+    .faq-hero { padding: 92px 20px 32px; }
     .faq-hero h1 { font-size: 30px; }
     .faq-lead { font-size: 16px; }
     .faq-body { margin: 40px auto; }