style(brand): unify orange to #FA7850 + yellow token; fix tablet header gap

- Brand orange is now the official #FA7850 everywhere: folded the stray
  oranges (#F2762E, #E8833A, #ff6b2c) into it and kept a single darker shade
  (#E85D2A) for gradient depth + button hover. Added the official brand
  --yellow (#FFE16E) token.
- Tablet header gap (769-1024px): the fixed header shrinks 80->60px there but
  first-section paddings kept their 80px clearance; pull the first section up
  by the 20px delta in that range only (phones untouched). Verified on
  interior pages and the full-bleed homepage hero — gap now matches desktop,
  no overlap.
- Re-stamped cache-bust (v=f95de694).

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

en/projects/watching-handball-together-in-slovenia/index.html

@@ -21,7 +21,7 @@
       gtag('js', new Date());
       gtag('config', 'G-WVYV807VSS');
     </script>
-    <script src="/consent.js?v=1f64b22f" defer></script>
+    <script src="/consent.js?v=f95de694" defer></script>
     <meta name="description" content="From Ljubljana to Maribor, Macedonian students filled cafés with chants, flags, and laughter while watching the national handball team.">
     <link rel="canonical" href="https://msosorg.com/en/projects/watching-handball-together-in-slovenia/">
     <link rel="alternate" hreflang="en" href="https://msosorg.com/en/projects/watching-handball-together-in-slovenia/">
@@ -60,7 +60,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
 
     <!-- Correct path to the main CSS file -->
-    <link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
+    <link rel="stylesheet" href="../../../css/main.css?v=f95de694">
 </head>
 <body>
 
@@ -379,8 +379,8 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../../../main.js?v=1f64b22f"></script>
-<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
-<script src="/assistant.js?v=1f64b22f" defer></script>
+    <script src="../../../main.js?v=f95de694"></script>
+<link rel="stylesheet" href="/assistant.css?v=f95de694">
+<script src="/assistant.js?v=f95de694" defer></script>
 </body>
 </html>