feat: Restore and consolidate brand style guide site structure

Major updates and improvements across the site:

- Restored Motion page with comprehensive animation documentation including actual timing scales (200ms, 300ms, 500ms), easing functions, and real implementation examples
- Updated page layouts across all sections with consistent structure and improved visual hierarchy
- Enhanced Typography page with complete font families (Inter Tight, Exo, Inconsolata), proper scaling system, and do/don't examples
- Refined Logo page with improved layout, proper logo orientations, and enhanced download section
- Updated all section pages (Culture, Communications, Components, etc.) with consistent styling and layout patterns
- Added logo ring asset for 2D static version display
- Improved CSS with logo group styling and comprehensive accessibility color adaptations
- Enhanced Sidebar component with better logo positioning and navigation structure

Site now has consistent visual treatment across all pages while maintaining the sophisticated CHORUS brand aesthetic.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

brand-assets/brand-style-guide-site/src/app/iconography/page.tsx

@@ -1,7 +1,10 @@
+import { div } from "three/tsl"
 
 export default function IconographyPage() {
   return (
-    <div className="max-w-5xl mx-auto px-chorus-lg py-chorus-xxl">
+    <div className="py-chorus-xxl">
+    <section>
+    <div className="max-w-5xl mx-auto px-chorus-lg pt-chorus-xxl">
       <div className="mb-chorus-xxl">
         <h1 className="text-h2 mb-chorus-lg">Iconography System</h1>
         
@@ -421,5 +424,7 @@ export default function IconographyPage() {
         </div>
       </section>
     </div>
+    </section>
+    </div>
   );
 }