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>

css/base/_base.css

@@ -81,10 +81,22 @@ img {
   }
   
   
+  /* ==========================================================================
+     Tablet header clearance (769–1024px)
+     The fixed header is 80px on desktop but shrinks to 60px at ≤1024px, while
+     each page's first section keeps its 80px-header top padding until ≤768px.
+     That leaves a ~20px extra gap under the header on tablets. Pull the first
+     section up by exactly that delta for this range only (phones ≤768 keep
+     their own reduced paddings, untouched).
+     ========================================================================== */
+  @media (min-width: 769px) and (max-width: 1024px) {
+      main > :first-child { margin-top: -20px; }
+  }
+
   /* ==========================================================================
      Mobile Base Styles
      ========================================================================== */
-  
+
   @media (max-width: 768px) {
   
       body {