Redesign all pages: modern typography, SVG icons, no emojis

- Replace all emoji with inline SVG icons across all pages
- New font stack: Syne (800) for headings/UI + Inter for body
- Editorial hero with clamp() type, slide-fill buttons, tight grid system
- Consistent nav-brand + 3-col footer-inner across all 6 pages
- Add btn-ghost style to CSS
- Remove amateur decorations; professional, impactful visual result

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

js/main.js

@@ -68,8 +68,9 @@ function renderScheduleTeaser() {
   container.innerHTML = sorted.slice(0, 3).map(row => `
     <div class="teaser-card">
       <div class="teaser-day">${row.day}</div>
-      <div class="teaser-social">${row.social} <span style="font-weight:400;color:var(--subtle)">@ ${row.venue}</span></div>
-      <div class="teaser-meta">${row.music} &middot; <span style="color:var(--teal)">${row.city}</span></div>
+      <div class="teaser-social">${row.social}</div>
+      <div class="teaser-venue">@ ${row.venue}</div>
+      <div class="teaser-meta">${row.music} &middot; ${row.city}</div>
     </div>
   `).join('');
 }