diff --git a/classes.html b/classes.html
index ccec989..c0e2263 100644
--- a/classes.html
+++ b/classes.html
@@ -12,8 +12,9 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -31,8 +32,9 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Dance <span class="accent">Classes</span></h1>
-      <p class="subtitle">Whether you&rsquo;re just starting out or looking to sharpen your moves — there&rsquo;s a class for you.</p>
+      <p class="section-label">Da Nang &middot; Hoi An</p>
+      <h1>Dance Classes</h1>
+      <p class="subtitle">Whether you&rsquo;re just starting out or looking to sharpen your moves &mdash; there&rsquo;s a class for you.</p>
     </div>
 
     <div class="filter-bar">
@@ -59,17 +61,26 @@
             <span class="tag tag-advanced">Advanced</span>
           </div>
           <div class="card-info">
-            <strong>👨‍🏫</strong> Lucho Giraldes — 20+ years experience
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Lucho Giraldes &mdash; 20+ years experience</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> Various venues in Da Nang (see website for details)
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>Various venues in Da Nang (see website for details)</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Check website for current schedule
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Check website for current schedule</span>
           </div>
           <div class="card-links">
-            <a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">🌐 salsadanang.com</a>
-            <a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">📸 @salsadanang</a>
+            <a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
+              salsadanang.com
+            </a>
+            <a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+              @salsadanang
+            </a>
           </div>
         </div>
       </div>
@@ -84,16 +95,22 @@
             <span class="tag tag-intermediate">Intermediate</span>
           </div>
           <div class="card-info">
-            <strong>👩‍🏫</strong> Daisy Nguyen — local instructor &amp; social organizer
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Daisy Nguyen &mdash; local instructor &amp; social organizer</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> Da Nang (venues change — follow for updates)
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>Da Nang (venues change &mdash; follow for updates)</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Tuesday at Caliz Bar (Sensual Night) · Sunday at Corner Bar
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Tuesday at Caliz Bar &middot; Sunday at Corner Bar</span>
           </div>
           <div class="card-links">
-            <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="card-link">📸 Check Instagram</a>
+            <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+              Check Instagram
+            </a>
           </div>
         </div>
       </div>
@@ -108,16 +125,22 @@
             <span class="tag tag-intermediate">Intermediate</span>
           </div>
           <div class="card-info">
-            <strong>👩‍🏫</strong> Luu Nhat Phuong, Phong &amp; Shai
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Luu Nhat Phuong, Phong &amp; Shai</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> 292 Vo Nguyen Giap, Ngu Hanh Son, Da Nang
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>292 Vo Nguyen Giap, Ngu Hanh Son, Da Nang</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Every Monday — Workshop 8:30 PM · Social from 9:30 PM
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Every Monday &mdash; Workshop 8:30 PM &middot; Social from 9:30 PM</span>
           </div>
           <div class="card-links">
-            <a href="https://www.facebook.com/frog.goose/" target="_blank" rel="noopener" class="card-link">👥 Facebook</a>
+            <a href="https://www.facebook.com/frog.goose/" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+              Facebook
+            </a>
           </div>
         </div>
       </div>
@@ -132,16 +155,22 @@
             <span class="tag tag-intermediate">Intermediate</span>
           </div>
           <div class="card-info">
-            <strong>👨‍🏫</strong> Sean Kim — organizer of the Wednesday Bachata Kiz Night
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Sean Kim &mdash; organizer of the Wednesday Bachata Kiz Night</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> Ket Fai Bar, Da Nang
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>Ket Fai Bar, Da Nang</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Wednesday — Kizomba from 19:30 · Bachata from 21:00
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Wednesday &mdash; Kizomba from 19:30 &middot; Bachata from 21:00</span>
           </div>
           <div class="card-links">
-            <a href="connect.html" class="card-link">📩 Contact via SaborFlow</a>
+            <a href="connect.html" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+              Contact via SaborFlow
+            </a>
           </div>
         </div>
       </div>
@@ -158,16 +187,20 @@
             <span class="tag tag-beginner">Beginner-friendly</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> 36 Đ. Ng. Thi Si, Bac My An, Ngu Hanh Son, Da Nang
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>36 Đ. Ng. Thi Si, Bac My An, Ngu Hanh Son, Da Nang</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Monday 9 PM — Kizomba &amp; Zouk night
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Monday 9 PM &mdash; Kizomba &amp; Zouk night</span>
           </div>
           <div class="card-info">
-            <strong>📅</strong> Friday 9 PM — Latin Vibes (Salsa, Bachata, Kizomba)
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <span>Friday 9 PM &mdash; Latin Vibes (Salsa, Bachata, Kizomba)</span>
           </div>
           <div class="card-info">
-            <strong>💰</strong> ~$3 USD cover
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
+            <span>~$3 USD cover</span>
           </div>
         </div>
       </div>
@@ -175,17 +208,24 @@
     </div>
 
     <div class="mt-3" style="background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center">
-      <p style="color:var(--subtle);margin-bottom:1rem">Teaching in Da Nang and not listed here? Get in touch!</p>
-      <a href="connect.html" class="btn btn-secondary">📩 Contact Us</a>
+      <p style="color:var(--muted);margin-bottom:1rem">Teaching in Da Nang and not listed here? Get in touch.</p>
+      <a href="connect.html" class="btn btn-ghost">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+        <span>Contact Us</span>
+      </a>
     </div>
   </div>
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -194,9 +234,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>
 
diff --git a/connect.html b/connect.html
index ca29efb..af6adf0 100644
--- a/connect.html
+++ b/connect.html
@@ -7,37 +7,14 @@
   <meta name="description" content="Follow SaborFlow Da Nang on Instagram and get in touch with the Latin dance community.">
   <link rel="icon" type="image/jpeg" href="assets/logo.jpg">
   <link rel="stylesheet" href="css/style.css">
-  <style>
-    .ig-placeholder {
-      background: var(--card);
-      border: 1px solid var(--border);
-      border-radius: var(--radius);
-      min-height: 360px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      text-align: center;
-      padding: 2rem;
-      gap: 1rem;
-      color: var(--subtle);
-      font-size: .875rem;
-    }
-    .ig-placeholder .ig-icon { font-size: 3rem; }
-    .ig-placeholder a {
-      color: var(--orange);
-      font-family: 'Oswald', sans-serif;
-      font-weight: 600;
-      letter-spacing: .05em;
-    }
-  </style>
 </head>
 <body>
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -55,68 +32,70 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Connect with <span class="accent">SaborFlow</span></h1>
-      <p class="subtitle">Follow us for the latest socials, photos, and community news.</p>
+      <p class="section-label">Stay in the loop</p>
+      <h1>Connect</h1>
+      <p class="subtitle">Follow for the latest socials, photos, and community news.</p>
     </div>
 
     <!-- Instagram profile card -->
     <div class="ig-profile-card">
       <img src="assets/logo.jpg" alt="SaborFlow Da Nang" class="ig-avatar">
       <div class="ig-handle">@saborflowdanang</div>
-      <p class="ig-desc">Photos, videos, and announcements from Da Nang's Latin dance community. Social dances almost every day of the week!</p>
+      <p class="ig-desc">Photos, videos, and announcements from Da Nang's Latin dance community. Social dances almost every day of the week.</p>
       <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="btn btn-primary">
-        📸 Open on Instagram
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+        <span>Open on Instagram</span>
       </a>
     </div>
 
     <!-- Latest posts -->
-    <h2 class="section-title">Latest Posts</h2>
+    <p class="section-label" style="margin-bottom:1.5rem">Latest posts</p>
 
     <!--
       HOW TO ADD REAL INSTAGRAM EMBEDS:
       1. Open instagram.com and go to any post from @saborflowdanang
-      2. Click the three dots (⋯) on the post → "Embed"
+      2. Click the three dots on the post → "Embed"
       3. Copy the embed code and paste it here, replacing one of the placeholders below.
-      The <script> tag at the bottom of the page will make them load automatically.
+      The <script> tag at the bottom of the page loads them automatically.
     -->
     <div class="ig-embeds">
 
-      <!-- Replace this block with a real Instagram embed code -->
       <div class="ig-placeholder">
-        <div class="ig-icon">📸</div>
+        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color:var(--muted)"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
         <p>Latest posts from the community</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener">View on Instagram →</a>
+        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal);font-size:.75rem;letter-spacing:.1em;font-weight:600;text-transform:uppercase">View on Instagram</a>
       </div>
 
-      <!-- Replace this block with a real Instagram embed code -->
       <div class="ig-placeholder">
-        <div class="ig-icon">🎥</div>
+        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color:var(--muted)"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>
         <p>Videos, reels, and social dance moments</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener">View on Instagram →</a>
+        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal);font-size:.75rem;letter-spacing:.1em;font-weight:600;text-transform:uppercase">View on Instagram</a>
       </div>
 
-      <!-- Replace this block with a real Instagram embed code -->
       <div class="ig-placeholder">
-        <div class="ig-icon">💃</div>
+        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color:var(--muted)"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
         <p>Workshops, festivals, and special events</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener">View on Instagram →</a>
+        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal);font-size:.75rem;letter-spacing:.1em;font-weight:600;text-transform:uppercase">View on Instagram</a>
       </div>
 
     </div>
 
     <!-- Contact -->
     <div class="contact-box">
-      <h2>Get in <span class="accent">Touch</span></h2>
-      <p>
+      <p class="section-label">Get in touch</p>
+      <h2 style="margin-bottom:1rem">Want to collaborate?</h2>
+      <p style="color:var(--muted);max-width:540px;margin:0 auto 2rem">
         Want to host a social? Suggest a venue? Collaborate on an event? Or just say hi?
-        We&rsquo;d love to hear from you — we don&rsquo;t bite, we just dance! 🕺
+        We&rsquo;d love to hear from you &mdash; we don&rsquo;t bite, we just dance.
       </p>
-      <div style="display:flex;flex-wrap:wrap;gap:1rem;justify-content:center">
+      <div class="contact-ctas">
         <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="btn btn-primary">
-          📸 DM on Instagram
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+          <span>DM on Instagram</span>
         </a>
         <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="btn btn-ghost">
-          👥 Join the Facebook Group
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+          <span>Join the Facebook Group</span>
         </a>
       </div>
     </div>
@@ -124,10 +103,14 @@
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -136,13 +119,21 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>
 
-  <!-- Instagram embed script — loads any <blockquote class="instagram-media"> blocks -->
   <script async src="//www.instagram.com/embed.js"></script>
   <script src="js/main.js"></script>
 </body>
diff --git a/css/style.css b/css/style.css
index a26d50e..cf7291b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,21 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Dancing+Script:wght@600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=Inter:wght@300;400;500;600&display=swap');
 
-/* ===== RESET & BASE ===== */
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
 :root {
-  --bg:      #141414;
-  --card:    #1e1e1e;
-  --border:  #2a2a2a;
+  --bg:      #111111;
+  --surface: #181818;
+  --border:  #222222;
   --orange:  #e8572a;
-  --gold:    #f5b800;
-  --teal:    #1bbcbc;
-  --coral:   #e05b7e;
-  --white:   #ffffff;
-  --subtle:  #aaaaaa;
-  --radius:  12px;
-  --tr:      0.25s ease;
-  --shadow:  0 4px 24px rgba(0,0,0,0.4);
+  --gold:    #f0a030;
+  --teal:    #18b8b8;
+  --coral:   #d05570;
+  --text:    #ebebeb;
+  --muted:   #666666;
+  --radius:  2px;
+  --tr:      0.2s ease;
   --max-w:   1200px;
 }
 
@@ -23,96 +21,109 @@ html { scroll-behavior: smooth; }
 
 body {
   background: var(--bg);
-  color: var(--white);
-  font-family: 'Lato', sans-serif;
-  font-size: 16px;
-  line-height: 1.6;
+  color: var(--text);
+  font-family: 'Inter', sans-serif;
+  font-size: 15px;
+  line-height: 1.65;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
+  -webkit-font-smoothing: antialiased;
 }
 
 a { color: inherit; text-decoration: none; }
 img { max-width: 100%; height: auto; display: block; }
 ul { list-style: none; }
 
-.container {
-  width: 100%;
-  max-width: var(--max-w);
-  margin: 0 auto;
-  padding: 0 1.5rem;
+.container { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 2rem; }
+
+/* ===== TYPE ===== */
+h1, h2, h3 { font-family: 'Syne', sans-serif; font-weight: 800; line-height: 1.1; color: var(--text); }
+h1 { font-size: clamp(2.5rem, 6vw, 4rem); }
+h2 { font-size: clamp(1.75rem, 3.5vw, 2.75rem); }
+h3 { font-size: clamp(1rem, 2vw, 1.3rem); }
+
+.section-label {
+  font-family: 'Syne', sans-serif;
+  font-size: 0.6rem;
+  font-weight: 700;
+  letter-spacing: 0.28em;
+  text-transform: uppercase;
+  color: var(--orange);
+  margin-bottom: 0.85rem;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.section-label::before {
+  content: '';
+  display: block;
+  width: 18px;
+  height: 1px;
+  background: var(--orange);
+  flex-shrink: 0;
 }
 
-/* ===== TYPOGRAPHY ===== */
-h1, h2, h3, h4 {
-  font-family: 'Oswald', sans-serif;
-  font-weight: 600;
-  line-height: 1.2;
-  letter-spacing: 0.02em;
-}
-
-h1 { font-size: clamp(2rem,    5vw, 3.5rem); }
-h2 { font-size: clamp(1.5rem,  3vw, 2.5rem); }
-h3 { font-size: clamp(1.1rem,  2vw, 1.5rem); }
-
-.accent        { color: var(--gold);   }
-.accent-orange { color: var(--orange); }
-.accent-teal   { color: var(--teal);  }
-.script {
-  font-family: 'Dancing Script', cursive;
-  font-size: 1.15em;
-}
-
-/* ===== NAVIGATION ===== */
+/* ===== NAV ===== */
 .nav {
   position: sticky;
   top: 0;
   z-index: 100;
-  background: rgba(20,20,20,0.96);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
+  background: rgba(17,17,17,0.94);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
   border-bottom: 1px solid var(--border);
 }
 
 .nav-container {
   max-width: var(--max-w);
   margin: 0 auto;
-  padding: 0 1.5rem;
-  height: 70px;
+  padding: 0 2rem;
+  height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
 }
 
-.nav-logo img {
-  height: 48px;
-  width: 48px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.nav-links {
-  display: flex;
-  align-items: center;
-  gap: 0.15rem;
+.nav-brand { display: flex; align-items: center; gap: 0.65rem; }
+.nav-brand img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
+.nav-brand-name {
+  font-family: 'Syne', sans-serif;
+  font-size: 0.82rem;
+  font-weight: 800;
+  letter-spacing: 0.12em;
+  color: var(--text);
 }
 
+.nav-links { display: flex; align-items: center; }
 .nav-links a {
-  padding: 0.4rem 0.8rem;
-  border-radius: 6px;
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.9rem;
-  font-weight: 500;
-  letter-spacing: 0.06em;
+  display: block;
+  padding: 0.3rem 0.85rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.65rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
-  color: var(--subtle);
-  transition: color var(--tr), background var(--tr);
+  color: var(--muted);
+  position: relative;
+  transition: color var(--tr);
   white-space: nowrap;
 }
-
-.nav-links a:hover { color: var(--white); background: var(--border); }
-.nav-links a.active { color: var(--gold); background: rgba(245,184,0,0.1); }
+.nav-links a::after {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  left: 0.85rem;
+  right: 0.85rem;
+  height: 1px;
+  background: var(--orange);
+  transform: scaleX(0);
+  transition: transform var(--tr);
+}
+.nav-links a:hover { color: var(--text); }
+.nav-links a:hover::after { transform: scaleX(1); }
+.nav-links a.active { color: var(--text); }
+.nav-links a.active::after { transform: scaleX(1); background: var(--gold); }
 
 .nav-hamburger {
   display: none;
@@ -123,619 +134,601 @@ h3 { font-size: clamp(1.1rem,  2vw, 1.5rem); }
   cursor: pointer;
   padding: 8px;
 }
-
-.nav-hamburger span {
-  display: block;
-  width: 24px;
-  height: 2px;
-  background: var(--white);
-  border-radius: 2px;
-  transition: var(--tr);
-}
+.nav-hamburger span { display: block; width: 22px; height: 1.5px; background: var(--text); transition: var(--tr); }
 
 /* ===== BUTTONS ===== */
 .btn {
   display: inline-flex;
   align-items: center;
-  gap: 0.4rem;
-  padding: 0.7rem 1.4rem;
-  border-radius: 8px;
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.95rem;
-  font-weight: 600;
-  letter-spacing: 0.06em;
+  gap: 0.55rem;
+  padding: 0.8rem 1.75rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.18em;
   text-transform: uppercase;
   cursor: pointer;
-  border: 2px solid transparent;
-  transition: transform var(--tr), box-shadow var(--tr), background var(--tr), border-color var(--tr), color var(--tr);
+  border: none;
+  border-radius: 0;
+  position: relative;
+  overflow: hidden;
+  transition: color var(--tr), box-shadow var(--tr);
+  white-space: nowrap;
 }
-
-.btn-primary { background: var(--orange); color: var(--white); }
-.btn-primary:hover {
-  background: #d04a22;
-  transform: translateY(-2px);
-  box-shadow: 0 8px 24px rgba(232,87,42,0.35);
-}
-
-.btn-secondary { background: transparent; border-color: var(--gold); color: var(--gold); }
-.btn-secondary:hover { background: var(--gold); color: var(--bg); transform: translateY(-2px); }
-
-.btn-ghost { background: transparent; border-color: var(--border); color: var(--subtle); }
-.btn-ghost:hover { border-color: var(--white); color: var(--white); }
-
-.btn-teal { background: transparent; border-color: var(--teal); color: var(--teal); }
-.btn-teal:hover { background: var(--teal); color: var(--bg); transform: translateY(-2px); }
-
-/* ===== SECTION COMMON ===== */
-section { padding: 4rem 0; }
-
-.section-title {
-  font-family: 'Oswald', sans-serif;
-  font-size: 1.4rem;
-  font-weight: 600;
-  color: var(--gold);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  margin-bottom: 2rem;
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-.section-title::after {
+.btn > span, .btn > svg { position: relative; z-index: 1; }
+.btn::before {
   content: '';
-  flex: 1;
-  height: 1px;
-  background: var(--border);
+  position: absolute;
+  inset: 0;
+  transform: translateX(-101%);
+  transition: transform 0.3s ease;
+  z-index: 0;
 }
+.btn:hover::before { transform: translateX(0); }
 
-.page-header {
-  padding: 3.5rem 0 2rem;
-  text-align: center;
-}
-.page-header h1 { margin-bottom: 0.5rem; }
-.page-header .subtitle {
-  color: var(--subtle);
-  font-size: 1.05rem;
-  max-width: 580px;
-  margin: 0 auto;
+.btn-primary { background: var(--orange); color: #fff; }
+.btn-primary::before { background: #0f0f0f; }
+.btn-primary:hover { color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); }
+
+.btn-outline { background: transparent; color: var(--text); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14); }
+.btn-outline::before { background: rgba(255,255,255,0.05); }
+.btn-outline:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28); }
+
+.btn-orange-outline { background: transparent; color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); }
+.btn-orange-outline::before { background: var(--orange); }
+.btn-orange-outline:hover { color: #fff; }
+
+.btn-ghost { background: transparent; color: var(--muted); box-shadow: inset 0 0 0 1px var(--border); }
+.btn-ghost::before { background: var(--surface); }
+.btn-ghost:hover { color: var(--text); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15); }
+
+/* Inline text CTA */
+.cta-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.65rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--text);
+  transition: color var(--tr), gap var(--tr);
 }
+.cta-link svg { transition: transform var(--tr); }
+.cta-link:hover { color: var(--gold); gap: 1rem; }
+.cta-link:hover svg { transform: translateX(3px); }
+
+/* ===== SECTIONS ===== */
+section { padding: 5rem 0; }
+
+.page-header { padding: 4rem 0 3rem; }
+.page-header h1 { margin-bottom: 0.65rem; }
+.page-header .subtitle { color: var(--muted); font-size: 0.92rem; max-width: 500px; }
 
 /* ===== CARDS ===== */
 .card {
-  background: var(--card);
+  background: var(--surface);
   border: 1px solid var(--border);
   border-radius: var(--radius);
   overflow: hidden;
-  transition: transform var(--tr), border-color var(--tr), box-shadow var(--tr);
-}
-.card:hover {
-  border-color: var(--orange);
-  transform: translateY(-4px);
-  box-shadow: var(--shadow);
+  transition: border-color var(--tr);
 }
+.card:hover { border-color: rgba(232,87,42,0.35); }
 .card-body { padding: 1.5rem; }
-.card-title { font-family: 'Oswald', sans-serif; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.4rem; }
-.card-text { color: var(--subtle); font-size: 0.9rem; }
+.card-title { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 0.4rem; }
+.card-text  { color: var(--muted); font-size: 0.85rem; line-height: 1.65; }
 
+/* Loose card grid (studios, classes) */
 .card-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 1.5rem;
 }
 
-/* ===== TAG PILLS ===== */
-.tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.75rem 0; }
+/* Tight bordered grid (about, explore, teaser) */
+.grid-tight {
+  display: grid;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
+}
+.grid-tight > * {
+  border-bottom: 1px solid var(--border);
+  border-right: 1px solid var(--border);
+  transition: background var(--tr);
+}
+.grid-tight > *:hover { background: var(--surface); }
+
+/* ===== TAGS ===== */
+.tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.75rem 0; }
 .tag {
-  padding: 0.2rem 0.65rem;
-  border-radius: 100px;
-  font-size: 0.72rem;
+  padding: 0.15rem 0.55rem;
+  border-radius: 2px;
+  font-size: 0.62rem;
   font-weight: 700;
   text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: 0.08em;
   white-space: nowrap;
 }
-.tag-salsa        { background: rgba(232,87,42,0.18);  color: var(--orange); }
-.tag-bachata      { background: rgba(224,91,126,0.18); color: var(--coral);  }
-.tag-kizomba      { background: rgba(27,188,188,0.18); color: var(--teal);   }
-.tag-zouk         { background: rgba(245,184,0,0.18);  color: var(--gold);   }
-.tag-tango        { background: rgba(170,170,170,0.12);color: var(--subtle); }
-.tag-beginner     { background: rgba(27,188,188,0.18); color: var(--teal);   }
-.tag-intermediate { background: rgba(245,184,0,0.18);  color: var(--gold);   }
-.tag-advanced     { background: rgba(232,87,42,0.18);  color: var(--orange); }
-
-/* ===== FILTER PILLS ===== */
-.filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2rem; }
+.tag-salsa        { background: rgba(232,87,42,0.14);  color: var(--orange); }
+.tag-bachata      { background: rgba(208,85,112,0.14); color: var(--coral);  }
+.tag-kizomba      { background: rgba(24,184,184,0.14); color: var(--teal);   }
+.tag-zouk         { background: rgba(240,160,48,0.14); color: var(--gold);   }
+.tag-tango        { background: rgba(120,120,120,0.1); color: var(--muted);  }
+.tag-beginner     { background: rgba(24,184,184,0.14); color: var(--teal);   }
+.tag-intermediate { background: rgba(240,160,48,0.14); color: var(--gold);   }
+.tag-advanced     { background: rgba(232,87,42,0.14);  color: var(--orange); }
 
+/* ===== FILTERS ===== */
+.filter-bar { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 2.5rem; }
 .filter-pill {
-  padding: 0.45rem 1.1rem;
-  border-radius: 100px;
-  border: 2px solid var(--border);
+  padding: 0.45rem 1rem;
+  border: 1px solid var(--border);
   background: transparent;
-  color: var(--subtle);
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.82rem;
-  font-weight: 500;
-  letter-spacing: 0.06em;
+  color: var(--muted);
+  font-family: 'Syne', sans-serif;
+  font-size: 0.62rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
   text-transform: uppercase;
   cursor: pointer;
-  transition: border-color var(--tr), color var(--tr), background var(--tr);
+  border-radius: 2px;
+  transition: background var(--tr), color var(--tr), border-color var(--tr);
 }
-.filter-pill:hover  { border-color: var(--orange); color: var(--white); }
-.filter-pill.active { background: var(--orange); border-color: var(--orange); color: var(--white); }
+.filter-pill:hover  { color: var(--text); border-color: rgba(255,255,255,0.2); }
+.filter-pill.active { background: var(--orange); border-color: var(--orange); color: #fff; }
 
-/* ===== CARD LINKS (studios/classes) ===== */
-.card-links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
+/* ===== CARD INFO & LINKS ===== */
+.card-info {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  color: var(--muted);
+  font-size: 0.83rem;
+  margin-top: 0.6rem;
+  line-height: 1.5;
+}
+.card-info svg { margin-top: 2px; flex-shrink: 0; color: var(--orange); opacity: 0.5; }
+.card-info a { color: var(--text); }
+.card-info a:hover { color: var(--orange); }
 
+.card-links { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border); }
 .card-link {
   display: inline-flex;
   align-items: center;
-  gap: 0.3rem;
-  padding: 0.3rem 0.7rem;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  font-size: 0.8rem;
-  color: var(--subtle);
-  transition: border-color var(--tr), color var(--tr);
+  gap: 0.4rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.62rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--muted);
+  transition: color var(--tr);
 }
-.card-link:hover { border-color: var(--orange); color: var(--orange); }
+.card-link:hover { color: var(--orange); }
 
-.card-info { color: var(--subtle); font-size: 0.875rem; margin-top: 0.5rem; line-height: 1.5; }
-.card-info strong { color: var(--white); }
-
-/* ===== HERO (index.html) ===== */
+/* ===== HERO ===== */
 .hero {
-  min-height: calc(100vh - 70px);
+  min-height: calc(100vh - 60px);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   position: relative;
   overflow: hidden;
-  background: linear-gradient(-45deg, #141414, #1e1e1e, #2d1a0e, #0d2626, #1a0d1a);
-  background-size: 400% 400%;
-  animation: gradientShift 18s ease infinite;
+  background: var(--bg);
 }
-
-@keyframes gradientShift {
-  0%   { background-position: 0%   50%; }
-  50%  { background-position: 100% 50%; }
-  100% { background-position: 0%   50%; }
-}
-
 .hero::before {
   content: '';
   position: absolute;
   inset: 0;
-  background: radial-gradient(ellipse at center, rgba(232,87,42,0.07) 0%, transparent 65%);
+  background:
+    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(232,87,42,0.07) 0%, transparent 100%),
+    radial-gradient(ellipse 40% 30% at 75% 15%, rgba(240,160,48,0.04) 0%, transparent 100%);
   pointer-events: none;
 }
+.hero::after {
+  content: '';
+  position: absolute;
+  left: 2rem;
+  top: 20%;
+  bottom: 20%;
+  width: 1px;
+  background: linear-gradient(to bottom, transparent, rgba(232,87,42,0.2), transparent);
+}
 
-.hero-content { position: relative; z-index: 1; padding: 2rem 1.5rem; }
+.hero-content { position: relative; z-index: 1; padding: 3rem 2rem; max-width: 720px; }
+
+.hero-eyebrow {
+  font-family: 'Syne', sans-serif;
+  font-size: 0.6rem;
+  font-weight: 700;
+  letter-spacing: 0.32em;
+  text-transform: uppercase;
+  color: var(--muted);
+  margin-bottom: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+}
+.hero-eyebrow::before, .hero-eyebrow::after {
+  content: '';
+  display: block;
+  width: 32px;
+  height: 1px;
+  background: var(--border);
+}
 
 .hero-logo {
-  width:  min(220px, 50vw);
-  height: min(220px, 50vw);
+  width: 110px;
+  height: 110px;
   border-radius: 50%;
   object-fit: cover;
-  margin: 0 auto 2rem;
-  box-shadow: 0 0 60px rgba(232,87,42,0.25), 0 0 120px rgba(245,184,0,0.08);
-  border: 3px solid rgba(232,87,42,0.25);
+  margin: 0 auto 2.5rem;
+  border: 1px solid rgba(232,87,42,0.18);
+  box-shadow: 0 0 48px rgba(232,87,42,0.08);
 }
 
-.hero-tagline {
-  font-family: 'Oswald', sans-serif;
-  font-size: clamp(1rem, 3vw, 1.75rem);
+.hero-title {
+  font-family: 'Syne', sans-serif;
+  font-size: clamp(4rem, 13vw, 9rem);
+  font-weight: 800;
+  letter-spacing: -0.03em;
+  line-height: 1;
+  color: var(--text);
+  margin-bottom: 0.35rem;
+}
+
+.hero-rule { width: 36px; height: 1px; background: var(--orange); margin: 1.5rem auto; }
+
+.hero-subtitle {
+  font-size: 0.78rem;
   font-weight: 400;
-  color: var(--subtle);
+  letter-spacing: 0.28em;
   text-transform: uppercase;
-  letter-spacing: 0.12em;
-  margin-bottom: 0.5rem;
+  color: var(--muted);
+  margin-bottom: 3.5rem;
 }
 
-.hero-sub {
-  font-family: 'Dancing Script', cursive;
-  font-size: clamp(1rem, 2.5vw, 1.3rem);
-  color: var(--gold);
-  margin-bottom: 2.5rem;
-  opacity: 0.85;
-}
+.hero-ctas { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.75rem; }
+.hero-divider { width: 1px; height: 14px; background: var(--border); }
 
-.hero-ctas { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
-
-/* ===== ABOUT (index.html) ===== */
+/* ===== ABOUT GRID ===== */
 .about-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: 1.5rem;
+  grid-template-columns: repeat(3, 1fr);
 }
+.about-card { padding: 2.5rem 2rem; }
+.about-card .card-icon { width: 28px; height: 28px; color: var(--orange); opacity: 0.7; margin-bottom: 1.25rem; display: block; }
+.about-card h3 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.6rem; }
+.about-card p  { color: var(--muted); font-size: 0.83rem; line-height: 1.75; }
 
-.about-card {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 2rem 1.5rem;
-  text-align: center;
-  transition: border-color var(--tr), transform var(--tr);
-}
-.about-card:hover { border-color: var(--gold); transform: translateY(-4px); }
-.about-card .icon { font-size: 2.5rem; margin-bottom: 1rem; }
-.about-card h3 { font-size: 1.15rem; color: var(--gold); margin-bottom: 0.6rem; }
-.about-card p  { color: var(--subtle); font-size: 0.88rem; }
-
-/* ===== TEASER CARDS (index.html) ===== */
-.teaser-card {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-left: 4px solid var(--orange);
-  border-radius: var(--radius);
-  padding: 1.2rem 1.4rem;
-  transition: background var(--tr), border-color var(--tr);
-}
-.teaser-card:hover {
-  background: rgba(232,87,42,0.05);
-  border-color: var(--orange);
-}
+/* ===== TEASER ===== */
+.teaser-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
+.teaser-card { padding: 1.5rem; }
 .teaser-day {
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.75rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.58rem;
   font-weight: 700;
+  letter-spacing: 0.22em;
   text-transform: uppercase;
-  letter-spacing: 0.1em;
   color: var(--orange);
-  margin-bottom: 0.2rem;
+  margin-bottom: 0.4rem;
 }
-.teaser-social { font-weight: 700; font-size: 1rem; margin-bottom: 0.2rem; }
-.teaser-meta   { font-size: 0.82rem; color: var(--subtle); }
+.teaser-social { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.92rem; color: var(--text); margin-bottom: 0.2rem; }
+.teaser-venue  { color: var(--muted); font-size: 0.78rem; }
+.teaser-meta   { color: var(--muted); font-size: 0.75rem; margin-top: 0.3rem; }
 
-/* ===== IG BANNER (index.html) ===== */
+/* ===== IG BANNER ===== */
 .ig-banner {
-  background: linear-gradient(135deg, rgba(232,87,42,0.1), rgba(245,184,0,0.06));
-  border: 1px solid rgba(232,87,42,0.25);
-  border-radius: 20px;
-  padding: 3rem 2rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 4.5rem 2rem;
   text-align: center;
+  position: relative;
+  overflow: hidden;
 }
-.ig-banner h2 { margin-bottom: 0.6rem; }
-.ig-banner p  { color: var(--subtle); margin-bottom: 1.5rem; max-width: 500px; margin-left: auto; margin-right: auto; }
+.ig-banner::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(232,87,42,0.06) 0%, transparent 100%);
+  pointer-events: none;
+}
+.ig-banner > * { position: relative; z-index: 1; }
+.ig-banner h2 { margin-bottom: 0.65rem; }
+.ig-banner p  { color: var(--muted); margin-bottom: 2rem; font-size: 0.88rem; max-width: 420px; margin-left: auto; margin-right: auto; }
+
+/* ===== EXPLORE GRID ===== */
+.explore-grid { grid-template-columns: repeat(3, 1fr); }
+.explore-card { padding: 2.5rem 2rem; display: block; }
+.explore-card .card-icon { width: 24px; height: 24px; color: var(--muted); margin-bottom: 1.25rem; display: block; transition: color var(--tr); }
+.explore-card:hover .card-icon { color: var(--orange); }
+.explore-card .card-title { font-size: 0.9rem; margin-bottom: 0.45rem; }
+.explore-card .card-text  { font-size: 0.8rem; }
 
 /* ===== SCHEDULE TABLE ===== */
 .schedule-note {
-  background: rgba(27,188,188,0.08);
-  border: 1px solid rgba(27,188,188,0.25);
-  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  border-left: 2px solid var(--teal);
   padding: 1rem 1.25rem;
-  color: var(--teal);
-  font-size: 0.88rem;
+  color: var(--muted);
+  font-size: 0.83rem;
   margin-bottom: 2rem;
   display: flex;
   align-items: flex-start;
-  gap: 0.6rem;
-  line-height: 1.5;
-}
-
-.schedule-table-wrap {
-  overflow-x: auto;
+  gap: 0.75rem;
+  line-height: 1.6;
   border-radius: var(--radius);
-  border: 1px solid var(--border);
-}
-
-.schedule-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.88rem;
 }
+.schedule-note svg { flex-shrink: 0; margin-top: 2px; color: var(--teal); opacity: 0.6; }
 
+.schedule-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); }
+.schedule-table { width: 100%; border-collapse: collapse; font-size: 0.83rem; }
 .schedule-table thead th {
-  background: var(--card);
-  padding: 0.9rem 1.1rem;
+  background: var(--surface);
+  padding: 0.8rem 1.25rem;
   text-align: left;
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.75rem;
-  font-weight: 600;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.58rem;
+  font-weight: 700;
   text-transform: uppercase;
-  letter-spacing: 0.09em;
-  color: var(--gold);
+  letter-spacing: 0.14em;
+  color: var(--muted);
   border-bottom: 1px solid var(--border);
   white-space: nowrap;
 }
-
-.schedule-table tbody tr {
-  border-bottom: 1px solid var(--border);
-  transition: background var(--tr);
-}
+.schedule-table tbody tr { border-bottom: 1px solid var(--border); transition: background var(--tr); }
 .schedule-table tbody tr:last-child { border-bottom: none; }
-.schedule-table tbody tr:hover { background: rgba(255,255,255,0.02); }
-
-.schedule-table td {
-  padding: 0.9rem 1.1rem;
-  vertical-align: middle;
-}
+.schedule-table tbody tr:hover { background: var(--surface); }
+.schedule-table td { padding: 1rem 1.25rem; vertical-align: middle; }
 
 .day-badge {
   display: inline-block;
-  padding: 0.2rem 0.6rem;
-  border-radius: 6px;
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.75rem;
-  font-weight: 600;
+  padding: 0.12rem 0.5rem;
+  border-radius: 2px;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.58rem;
+  font-weight: 700;
   text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: 0.08em;
   white-space: nowrap;
 }
-.day-monday    { background: rgba(232,87,42,0.18);  color: var(--orange); }
-.day-tuesday   { background: rgba(245,184,0,0.18);  color: var(--gold);   }
-.day-wednesday { background: rgba(27,188,188,0.18); color: var(--teal);   }
-.day-thursday  { background: rgba(224,91,126,0.18); color: var(--coral);  }
-.day-friday    { background: rgba(232,87,42,0.18);  color: var(--orange); }
-.day-saturday  { background: rgba(245,184,0,0.18);  color: var(--gold);   }
-.day-sunday    { background: rgba(27,188,188,0.18); color: var(--teal);   }
+.day-monday    { background: rgba(232,87,42,0.12);  color: var(--orange); }
+.day-tuesday   { background: rgba(240,160,48,0.12); color: var(--gold);   }
+.day-wednesday { background: rgba(24,184,184,0.12); color: var(--teal);   }
+.day-thursday  { background: rgba(208,85,112,0.12); color: var(--coral);  }
+.day-friday    { background: rgba(232,87,42,0.12);  color: var(--orange); }
+.day-saturday  { background: rgba(240,160,48,0.12); color: var(--gold);   }
+.day-sunday    { background: rgba(24,184,184,0.12); color: var(--teal);   }
 
-.social-name   { font-weight: 700; }
-.venue-name    { color: var(--subtle); }
-.music-text    { color: var(--subtle); font-size: 0.82rem; }
-.city-badge    { font-size: 0.8rem; font-weight: 700; color: var(--teal); }
-.organizer-text{ color: var(--subtle); font-size: 0.82rem; }
+.social-name    { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.83rem; color: var(--text); }
+.venue-name     { color: var(--muted); font-size: 0.8rem; }
+.music-text     { color: var(--muted); font-size: 0.78rem; }
+.city-badge     { font-family: 'Syne', sans-serif; font-size: 0.7rem; font-weight: 700; color: var(--teal); text-transform: uppercase; letter-spacing: 0.05em; }
+.organizer-text { color: var(--muted); font-size: 0.78rem; }
 
-/* Mobile: table → cards */
 @media (max-width: 768px) {
   .schedule-table-wrap { border: none; overflow: visible; }
-
-  .schedule-table,
-  .schedule-table thead,
-  .schedule-table tbody,
-  .schedule-table tr,
-  .schedule-table th,
-  .schedule-table td { display: block; width: 100%; }
-
+  .schedule-table, .schedule-table thead, .schedule-table tbody,
+  .schedule-table tr, .schedule-table th, .schedule-table td { display: block; width: 100%; }
   .schedule-table thead { display: none; }
-
   .schedule-table tbody tr {
-    background: var(--card);
+    background: var(--surface);
     border: 1px solid var(--border);
-    border-left: 4px solid var(--orange);
+    border-left: 2px solid var(--orange);
     border-radius: var(--radius);
     padding: 1rem 1.25rem;
     margin-bottom: 1rem;
   }
-
   .schedule-table td { padding: 0.3rem 0; border: none; }
-
   .schedule-table td::before {
     content: attr(data-label);
     display: block;
-    font-size: 0.68rem;
+    font-size: 0.58rem;
     font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: 0.08em;
-    color: var(--gold);
+    letter-spacing: 0.1em;
+    color: var(--muted);
     margin-bottom: 0.1rem;
-    font-family: 'Oswald', sans-serif;
+    font-family: 'Syne', sans-serif;
   }
 }
 
-/* ===== CONNECT PAGE ===== */
+/* ===== CONNECT ===== */
 .ig-profile-card {
-  background: linear-gradient(135deg, var(--card), rgba(232,87,42,0.04));
-  border: 1px solid rgba(232,87,42,0.25);
-  border-radius: 20px;
-  padding: 3rem 2rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 4rem 2rem;
   text-align: center;
   margin-bottom: 3rem;
-}
-.ig-avatar {
-  width: 100px;
-  height: 100px;
-  border-radius: 50%;
-  object-fit: cover;
-  margin: 0 auto 1rem;
-  border: 3px solid var(--orange);
-}
-.ig-handle {
-  font-family: 'Oswald', sans-serif;
-  font-size: 1.75rem;
-  color: var(--gold);
-  margin-bottom: 0.5rem;
-}
-.ig-desc { color: var(--subtle); margin-bottom: 1.5rem; max-width: 460px; margin-left: auto; margin-right: auto; }
-
-.ig-embeds {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 1.5rem;
-  align-items: start;
-  margin-bottom: 3rem;
-}
-
-.contact-box {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: 20px;
-  padding: 2.5rem 2rem;
-  text-align: center;
-}
-.contact-box h2 { margin-bottom: 0.75rem; }
-.contact-box p  { color: var(--subtle); margin-bottom: 1.5rem; max-width: 500px; margin-left: auto; margin-right: auto; }
-
-/* ===== STUDIO / CLASS CARDS ===== */
-.studio-card .card-stripe {
-  height: 6px;
-  background: linear-gradient(90deg, var(--orange), var(--gold));
-}
-
-/* ===== FESTIVAL CARDS ===== */
-.festival-card {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: 20px;
+  position: relative;
   overflow: hidden;
-  margin-bottom: 2.5rem;
-  transition: border-color var(--tr), box-shadow var(--tr);
 }
-.festival-card:hover { border-color: var(--orange); box-shadow: var(--shadow); }
+.ig-profile-card::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse 50% 60% at 50% 0%, rgba(232,87,42,0.05) 0%, transparent 100%);
+  pointer-events: none;
+}
+.ig-profile-card > * { position: relative; z-index: 1; }
+.ig-avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; margin: 0 auto 1.25rem; border: 1px solid rgba(232,87,42,0.25); }
+.ig-handle { font-family: 'Syne', sans-serif; font-size: 1.5rem; font-weight: 800; color: var(--text); margin-bottom: 0.5rem; letter-spacing: -0.02em; }
+.ig-desc { color: var(--muted); margin-bottom: 2rem; font-size: 0.875rem; max-width: 400px; margin-left: auto; margin-right: auto; }
 
-.festival-poster {
-  height: 220px;
+.ig-embeds { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 3rem; }
+.ig-placeholder {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  min-height: 280px;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 2rem;
+  gap: 1rem;
+  transition: border-color var(--tr), background var(--tr);
+}
+.ig-placeholder:hover { border-color: rgba(232,87,42,0.25); background: var(--surface); }
+.ig-placeholder svg { color: var(--muted); opacity: 0.2; }
+.ig-placeholder p { color: var(--muted); font-size: 0.82rem; }
+.ig-placeholder a { color: var(--orange); font-family: 'Syne', sans-serif; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
+
+.contact-box { border: 1px solid var(--border); border-radius: var(--radius); padding: 3.5rem 2rem; text-align: center; }
+.contact-box h2 { margin-bottom: 0.75rem; }
+.contact-box p  { color: var(--muted); margin-bottom: 2rem; max-width: 420px; margin-left: auto; margin-right: auto; font-size: 0.875rem; }
+.contact-ctas   { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
+
+/* ===== STUDIO CARDS ===== */
+.studio-card { position: relative; }
+.studio-card::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  height: 2px;
+  background: linear-gradient(90deg, var(--orange), var(--gold));
+  opacity: 0;
+  transition: opacity var(--tr);
+  z-index: 1;
+}
+.studio-card:hover::before { opacity: 1; }
+
+/* ===== FESTIVAL CARDS ===== */
+.festival-card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
+  margin-bottom: 2rem;
+  transition: border-color var(--tr);
+}
+.festival-card:hover { border-color: rgba(232,87,42,0.35); }
+
+.festival-poster {
+  height: 240px;
+  display: flex;
+  align-items: flex-end;
+  padding: 2rem;
   position: relative;
   overflow: hidden;
 }
-.festival-poster::before {
+.festival-card-le .festival-poster { background: linear-gradient(135deg, #0e0614 0%, #1a0830 60%, #070e1a 100%); }
+.festival-card-le .festival-poster::before {
   content: '';
   position: absolute;
   inset: 0;
-  opacity: 0.55;
-}
-
-.festival-card-le .festival-poster {
-  background: linear-gradient(135deg, #1a0a20, #2d1040, #0d1a30);
-}
-.festival-card-le .festival-poster::before {
-  background: radial-gradient(ellipse at center, rgba(224,91,126,0.5), transparent 70%);
-}
-
-.festival-card-vlx .festival-poster {
-  background: linear-gradient(135deg, #0d1a0d, #1a2d0d, #0d1a2d);
+  background: radial-gradient(ellipse 60% 80% at 40% 50%, rgba(208,85,112,0.3), transparent 70%);
 }
+.festival-card-vlx .festival-poster { background: linear-gradient(135deg, #060e06 0%, #0a1a0a 60%, #060e1a 100%); }
 .festival-card-vlx .festival-poster::before {
-  background: radial-gradient(ellipse at center, rgba(27,188,188,0.5), transparent 70%);
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse 60% 80% at 60% 50%, rgba(24,184,184,0.28), transparent 70%);
 }
 
 .festival-poster-content { position: relative; z-index: 1; }
-.festival-poster h2 {
-  font-size: clamp(1.4rem, 4vw, 2.2rem);
-  color: var(--white);
-  text-shadow: 0 2px 20px rgba(0,0,0,0.6);
-  margin-bottom: 0.4rem;
-}
-.festival-dates {
-  font-family: 'Oswald', sans-serif;
-  font-size: 1rem;
-  color: var(--gold);
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-}
+.festival-poster h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 800; color: #fff; line-height: 1.05; margin-bottom: 0.3rem; letter-spacing: -0.02em; }
+.festival-dates { font-family: 'Syne', sans-serif; font-size: 0.62rem; font-weight: 700; color: rgba(255,255,255,0.45); letter-spacing: 0.22em; text-transform: uppercase; }
 
 .festival-body { padding: 2rem; }
-
-.festival-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1.25rem;
-  margin-bottom: 1.25rem;
-  padding-bottom: 1.25rem;
-  border-bottom: 1px solid var(--border);
-}
-.festival-meta-item {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-size: 0.875rem;
-  color: var(--subtle);
-}
-.festival-meta-item strong { color: var(--white); }
-
-.festival-desc { color: var(--subtle); margin-bottom: 1.5rem; line-height: 1.7; font-size: 0.92rem; }
-
+.festival-meta { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--border); }
+.festival-meta-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; color: var(--muted); }
+.festival-meta-item svg { color: var(--orange); opacity: 0.5; flex-shrink: 0; }
+.festival-meta-item strong { color: var(--text); font-weight: 500; }
+.festival-desc { color: var(--muted); margin-bottom: 1.75rem; line-height: 1.75; font-size: 0.875rem; }
 .festival-links { display: flex; flex-wrap: wrap; gap: 0.75rem; }
 
+/* ===== CALLOUT ===== */
+.callout { border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; }
+.callout p { color: var(--muted); margin-bottom: 1.25rem; font-size: 0.875rem; }
+
 /* ===== FOOTER ===== */
-.footer {
-  margin-top: auto;
-  background: var(--card);
-  border-top: 1px solid var(--border);
-  padding: 3rem 0 2rem;
-}
+.footer { margin-top: auto; border-top: 1px solid var(--border); padding: 3rem 0 2rem; }
+.footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2rem; align-items: start; }
 
-.footer-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 1.5rem;
-}
-
-.footer-logo img {
-  height: 56px;
-  width: 56px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.footer-nav {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.2rem;
-  justify-content: center;
-}
+.footer-brand { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.5rem; }
+.footer-brand img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
+.footer-brand-name { font-family: 'Syne', sans-serif; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.12em; color: var(--text); }
+.footer-tagline { color: var(--muted); font-size: 0.72rem; }
 
+.footer-nav { display: flex; flex-direction: column; gap: 0.5rem; align-items: center; }
 .footer-nav a {
-  padding: 0.3rem 0.7rem;
-  color: var(--subtle);
-  font-family: 'Oswald', sans-serif;
-  font-size: 0.82rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.62rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
-  letter-spacing: 0.05em;
-  border-radius: 6px;
-  transition: color var(--tr), background var(--tr);
-}
-.footer-nav a:hover { color: var(--white); background: var(--border); }
-
-.footer-tagline { color: var(--subtle); font-size: 0.875rem; }
-
-.footer-ig {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.35rem;
-  color: var(--orange);
-  font-family: 'Oswald', sans-serif;
-  font-weight: 600;
-  letter-spacing: 0.05em;
+  color: var(--muted);
   transition: color var(--tr);
 }
-.footer-ig:hover { color: var(--gold); }
+.footer-nav a:hover { color: var(--text); }
+
+.footer-social { display: flex; flex-direction: column; gap: 0.65rem; align-items: flex-end; }
+.footer-social-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-family: 'Syne', sans-serif;
+  font-size: 0.62rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--muted);
+  transition: color var(--tr);
+}
+.footer-social-link:hover { color: var(--orange); }
+
+.footer-bottom { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border); text-align: center; font-size: 0.68rem; color: var(--muted); opacity: 0.5; }
 
 /* ===== RESPONSIVE ===== */
+@media (max-width: 900px) {
+  .about-grid, .explore-grid { grid-template-columns: 1fr; }
+  .footer-inner { grid-template-columns: 1fr; }
+  .footer-social { align-items: flex-start; }
+  .footer-nav { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 1rem; }
+}
+
 @media (max-width: 768px) {
   .nav-hamburger { display: flex; }
-
   .nav-links {
     display: none;
     position: absolute;
-    top: 70px;
+    top: 60px;
     left: 0;
     right: 0;
-    background: rgba(20,20,20,0.98);
-    backdrop-filter: blur(12px);
+    background: rgba(17,17,17,0.98);
+    backdrop-filter: blur(20px);
     flex-direction: column;
-    padding: 0.75rem 1rem;
+    padding: 0.5rem 0;
     border-bottom: 1px solid var(--border);
-    gap: 0.2rem;
   }
   .nav-links.open { display: flex; }
   .nav-links li { width: 100%; }
-  .nav-links a   { display: block; padding: 0.7rem 1rem; }
+  .nav-links a { display: block; padding: 0.8rem 2rem; }
+  .nav-links a::after { display: none; }
 
+  .hero::after { display: none; }
   .hero-ctas { flex-direction: column; align-items: center; }
+  .hero-divider { display: none; }
 
+  .teaser-grid { grid-template-columns: 1fr; }
   .ig-embeds { grid-template-columns: 1fr; }
-
   .festival-meta { flex-direction: column; gap: 0.5rem; }
 
-  section { padding: 2.5rem 0; }
+  section { padding: 3rem 0; }
+  .page-header { padding: 2.5rem 0 2rem; }
 }
 
 @media (max-width: 480px) {
   .card-grid { grid-template-columns: 1fr; }
-  .about-grid { grid-template-columns: 1fr; }
+  .container { padding: 0 1.25rem; }
 }
 
 /* ===== UTILITY ===== */
 .hidden { display: none !important; }
-.text-center { text-align: center; }
-.mt-1 { margin-top: 1rem; }
-.mt-2 { margin-top: 1.5rem; }
-.mt-3 { margin-top: 2rem; }
+.mt-2   { margin-top: 1.5rem; }
+.mt-3   { margin-top: 2.5rem; }
diff --git a/festivals.html b/festivals.html
index 5f70a2f..41fc73e 100644
--- a/festivals.html
+++ b/festivals.html
@@ -12,8 +12,9 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -31,8 +32,9 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Upcoming <span class="accent">Festivals</span></h1>
-      <p class="subtitle">Multi-day Latin dance events right here in Da Nang — workshops, performances, and non-stop social dancing.</p>
+      <p class="section-label">Da Nang 2026</p>
+      <h1>Festivals</h1>
+      <p class="subtitle">Multi-day Latin dance events right here in Da Nang &mdash; workshops, performances, and non-stop social dancing.</p>
     </div>
 
     <!-- Latin Escape Da Nang 2026 -->
@@ -40,19 +42,22 @@
       <div class="festival-poster">
         <div class="festival-poster-content">
           <h2>Latin Escape Da Nang</h2>
-          <div class="festival-dates">May 15 – 17, 2026</div>
+          <div class="festival-dates">May 15 &ndash; 17, 2026</div>
         </div>
       </div>
       <div class="festival-body">
         <div class="festival-meta">
           <div class="festival-meta-item">
-            📅 <strong>May 15–17, 2026</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <strong>May 15&ndash;17, 2026</strong>
           </div>
           <div class="festival-meta-item">
-            📍 Royal Lotus Hotel &middot; <strong>My Khe Beach, Da Nang</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            Royal Lotus Hotel &middot; <strong>My Khe Beach, Da Nang</strong>
           </div>
           <div class="festival-meta-item">
-            🎵 <strong>Bachata · Kizomba</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
+            <strong>Bachata &middot; Kizomba</strong>
           </div>
         </div>
         <div class="tags" style="margin-bottom:1rem">
@@ -60,12 +65,21 @@
           <span class="tag tag-kizomba">Kizomba</span>
         </div>
         <p class="festival-desc">
-          A destination-style festival set against the backdrop of Da Nang&rsquo;s stunning beach. Three days of workshops, social parties, and performances with international artists. The perfect excuse to combine dancing with a beach getaway!
+          A destination-style festival set against the backdrop of Da Nang&rsquo;s stunning beach. Three days of workshops, social parties, and performances with international artists. The perfect excuse to combine dancing with a beach getaway.
         </p>
         <div class="festival-links">
-          <a href="https://www.facebook.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">👥 Facebook</a>
-          <a href="https://www.instagram.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">📸 Instagram</a>
-          <a href="https://www.tickettailor.com/events/latinescapedanang" target="_blank" rel="noopener" class="btn btn-primary">🎟️ Buy Tickets</a>
+          <a href="https://www.facebook.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Facebook
+          </a>
+          <a href="https://www.instagram.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            Instagram
+          </a>
+          <a href="https://www.tickettailor.com/events/latinescapedanang" target="_blank" rel="noopener" class="btn btn-primary">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2z"/></svg>
+            Buy Tickets
+          </a>
         </div>
       </div>
     </div>
@@ -75,19 +89,22 @@
       <div class="festival-poster">
         <div class="festival-poster-content">
           <h2>Vietnam Latin Xperience</h2>
-          <div class="festival-dates">October 2 – 4, 2026</div>
+          <div class="festival-dates">October 2 &ndash; 4, 2026</div>
         </div>
       </div>
       <div class="festival-body">
         <div class="festival-meta">
           <div class="festival-meta-item">
-            📅 <strong>October 2–4, 2026</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+            <strong>October 2&ndash;4, 2026</strong>
           </div>
           <div class="festival-meta-item">
-            📍 Da Nang Beach &middot; <strong>Da Nang</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            Da Nang Beach &middot; <strong>Da Nang</strong>
           </div>
           <div class="festival-meta-item">
-            🎵 <strong>Salsa · Bachata · Kizomba · Zouk &amp; more</strong>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
+            <strong>Salsa &middot; Bachata &middot; Kizomba &middot; Zouk &amp; more</strong>
           </div>
         </div>
         <div class="tags" style="margin-bottom:1rem">
@@ -102,25 +119,41 @@
           Now in its 7th edition and recently moved to Da Nang, the Vietnam Latin Xperience (VLX) is one of Southeast Asia&rsquo;s most beloved Latin festivals. Three days of workshops, bootcamps, and social parties with a warm, family-like community vibe. International artists, beautiful beach setting, unforgettable nights.
         </p>
         <div class="festival-links">
-          <a href="https://vietnamlatinxperience.com" target="_blank" rel="noopener" class="btn btn-ghost">🌐 Website</a>
-          <a href="https://www.facebook.com/VietnamLatinXperience/" target="_blank" rel="noopener" class="btn btn-ghost">👥 Facebook</a>
-          <a href="https://www.tickettailor.com" target="_blank" rel="noopener" class="btn btn-primary">🎟️ Buy Tickets</a>
+          <a href="https://vietnamlatinxperience.com" target="_blank" rel="noopener" class="btn btn-ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
+            Website
+          </a>
+          <a href="https://www.facebook.com/VietnamLatinXperience/" target="_blank" rel="noopener" class="btn btn-ghost">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Facebook
+          </a>
+          <a href="https://www.tickettailor.com" target="_blank" rel="noopener" class="btn btn-primary">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2z"/></svg>
+            Buy Tickets
+          </a>
         </div>
       </div>
     </div>
 
     <div style="background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center">
-      <p style="color:var(--subtle);margin-bottom:1rem">Know of a festival we should add? Or organizing one yourself?</p>
-      <a href="connect.html" class="btn btn-secondary">📩 Tell Us About It</a>
+      <p style="color:var(--muted);margin-bottom:1rem">Know of a festival we should add? Or organizing one yourself?</p>
+      <a href="connect.html" class="btn btn-ghost">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+        <span>Tell Us About It</span>
+      </a>
     </div>
   </div>
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -129,9 +162,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>
 
diff --git a/index.html b/index.html
index 3fa11e3..0e575a9 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SaborFlow Da Nang — Latin Dance Community</title>
-  <meta name="description" content="Da Nang's Latin dance community. Find weekly socials, studios, classes, and festivals for Salsa, Bachata, Kizomba, and Zouk.">
+  <meta name="description" content="Da Nang's Latin dance community. Weekly socials, studios, classes, and festivals for Salsa, Bachata, Kizomba, and Zouk.">
   <link rel="icon" type="image/jpeg" href="assets/logo.jpg">
   <link rel="stylesheet" href="css/style.css">
 </head>
@@ -12,14 +12,15 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
       </button>
       <ul class="nav-links" id="nav-links">
-        <li><a href="index.html"    class="active">Home</a></li>
+        <li><a href="index.html" class="active">Home</a></li>
         <li><a href="schedule.html">Schedule</a></li>
         <li><a href="connect.html">Connect</a></li>
         <li><a href="studios.html">Studios</a></li>
@@ -32,13 +33,26 @@
   <!-- HERO -->
   <section class="hero">
     <div class="hero-content">
+      <p class="hero-eyebrow">Da Nang &middot; Vietnam</p>
       <img src="assets/logo.jpg" alt="SaborFlow Da Nang" class="hero-logo">
-      <p class="hero-tagline">Da Nang's Latin Dance Community</p>
-      <p class="hero-sub">where the music never stops</p>
+      <h1 class="hero-title">SaborFlow</h1>
+      <div class="hero-rule"></div>
+      <p class="hero-subtitle">Latin Dance Community</p>
       <div class="hero-ctas">
-        <a href="schedule.html" class="btn btn-primary">📅 Weekly Schedule</a>
-        <a href="studios.html"  class="btn btn-secondary">🏫 Studios &amp; Classes</a>
-        <a href="festivals.html" class="btn btn-ghost">🎉 Festivals</a>
+        <a href="schedule.html" class="btn btn-primary">
+          <span>Weekly Schedule</span>
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
+        </a>
+        <div class="hero-divider"></div>
+        <a href="studios.html" class="cta-link">
+          Studios
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
+        </a>
+        <div class="hero-divider"></div>
+        <a href="festivals.html" class="cta-link">
+          Festivals
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
+        </a>
       </div>
     </div>
   </section>
@@ -46,46 +60,53 @@
   <!-- ABOUT -->
   <section>
     <div class="container">
-      <h2 class="section-title">What is SaborFlow?</h2>
-      <div class="about-grid">
+      <p class="section-label">What We Are</p>
+      <h2 style="margin-bottom:2.5rem">Community. Music. Dance.</h2>
+      <div class="grid-tight about-grid">
         <div class="about-card">
-          <div class="icon">💃</div>
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
           <h3>Social Dancing</h3>
-          <p>Almost-daily gatherings at bars, clubs, and restaurants in Da Nang and Hoi An. Everyone is welcome — whether you&rsquo;re a total beginner or a seasoned pro.</p>
+          <p>Almost-daily gatherings at bars, clubs, and restaurants in Da Nang and Hoi An. Everyone is welcome — beginner or seasoned pro, no judgment.</p>
         </div>
         <div class="about-card">
-          <div class="icon">🎵</div>
-          <h3>Salsa · Bachata · Kizomba</h3>
-          <p>We dance to the best Latin rhythms. Salsa, Bachata, Kizomba, and the fast-growing Zouk. Good music, great vibes, amazing people.</p>
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
+          <h3>Salsa &middot; Bachata &middot; Kizomba</h3>
+          <p>The best Latin rhythms all week long. Salsa, Bachata, Kizomba, and the fast-growing Zouk. Great music, warm people, genuine connection.</p>
         </div>
         <div class="about-card">
-          <div class="icon">🌴</div>
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
           <h3>Community First</h3>
-          <p>SaborFlow is a free, non-profit initiative created to support and grow the Da Nang Latin dance scene. No drama, just dancing.</p>
+          <p>A free, non-profit initiative by two Vietnamese women passionate about dance. Here to support and grow Da Nang's Latin dance scene.</p>
         </div>
       </div>
     </div>
   </section>
 
-  <!-- COMING UP THIS WEEK -->
+  <!-- COMING UP -->
   <section>
     <div class="container">
-      <h2 class="section-title">Coming Up This Week</h2>
-      <div class="card-grid" id="schedule-teaser"></div>
-      <div class="mt-3 text-center">
-        <a href="schedule.html" class="btn btn-secondary">View Full Schedule &rarr;</a>
+      <p class="section-label">This Week</p>
+      <h2 style="margin-bottom:2.5rem">Coming Up</h2>
+      <div class="grid-tight teaser-grid" id="schedule-teaser"></div>
+      <div class="mt-3">
+        <a href="schedule.html" class="cta-link">
+          View full schedule
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
+        </a>
       </div>
     </div>
   </section>
 
-  <!-- INSTAGRAM CTA -->
+  <!-- INSTAGRAM -->
   <section>
     <div class="container">
       <div class="ig-banner">
-        <h2>Follow us on <span class="accent">Instagram</span></h2>
-        <p>Catch the latest social dance photos, videos, and event announcements from the community.</p>
+        <p class="section-label" style="justify-content:center">Stay Connected</p>
+        <h2 style="margin-bottom:0.65rem">Follow the Community</h2>
+        <p>Catch the latest social dance photos, videos, and event announcements.</p>
         <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="btn btn-primary">
-          📸 @saborflowdanang
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+          <span>@saborflowdanang</span>
         </a>
       </div>
     </div>
@@ -94,28 +115,23 @@
   <!-- EXPLORE -->
   <section>
     <div class="container">
-      <h2 class="section-title">Explore</h2>
-      <div class="card-grid">
-        <a href="studios.html" class="card">
-          <div class="card-body">
-            <div class="icon" style="font-size:2rem;margin-bottom:.5rem">🏫</div>
-            <div class="card-title">Dance Studios</div>
-            <p class="card-text">Dedicated schools offering Salsa, Bachata, Kizomba and more in Da Nang.</p>
-          </div>
+      <p class="section-label">Explore</p>
+      <h2 style="margin-bottom:2.5rem">Find Your Scene</h2>
+      <div class="grid-tight explore-grid">
+        <a href="studios.html" class="explore-card">
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01M16 6h.01M8 10h.01M16 10h.01"/></svg>
+          <div class="card-title">Dance Studios</div>
+          <p class="card-text">Dedicated schools offering Salsa, Bachata, Kizomba and more in Da Nang.</p>
         </a>
-        <a href="classes.html" class="card">
-          <div class="card-body">
-            <div class="icon" style="font-size:2rem;margin-bottom:.5rem">📚</div>
-            <div class="card-title">Dance Classes</div>
-            <p class="card-text">From total beginner to advanced — find the right class for your level.</p>
-          </div>
+        <a href="classes.html" class="explore-card">
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+          <div class="card-title">Dance Classes</div>
+          <p class="card-text">From total beginner to advanced — find the right class for your level.</p>
         </a>
-        <a href="festivals.html" class="card">
-          <div class="card-body">
-            <div class="icon" style="font-size:2rem;margin-bottom:.5rem">🎊</div>
-            <div class="card-title">Festivals</div>
-            <p class="card-text">Multi-day Latin dance festivals with international artists, workshops, and socials.</p>
-          </div>
+        <a href="festivals.html" class="explore-card">
+          <svg class="card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
+          <div class="card-title">Festivals</div>
+          <p class="card-text">Multi-day events with international artists, workshops, and socials.</p>
         </a>
       </div>
     </div>
@@ -123,10 +139,14 @@
 
   <footer class="footer">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -135,9 +155,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>
 
diff --git a/js/main.js b/js/main.js
index 63179f1..9f85cf4 100644
--- a/js/main.js
+++ b/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('');
 }
diff --git a/schedule.html b/schedule.html
index fd18e73..499de1b 100644
--- a/schedule.html
+++ b/schedule.html
@@ -12,8 +12,9 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -31,13 +32,14 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Weekly <span class="accent">Schedule</span></h1>
-      <p class="subtitle">Your guide to social dancing in Da Nang and Hoi An — every single week.</p>
+      <p class="section-label">Da Nang &middot; Hoi An</p>
+      <h1>Weekly Schedule</h1>
+      <p class="subtitle">Your guide to social dancing — every single week.</p>
     </div>
 
     <div class="schedule-note">
-      <span>🎵</span>
-      <span>The music ratio (e.g. <strong>2 Salsa · 2 Bachata · 2 Kizomba</strong>) shows the approximate number of songs played per style in each rotation. Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">@saborflowdanang</a> and the <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">Da Nang SBK group</a> for real-time updates. Pop-up parties for <strong>Zouk</strong> and <strong>Tango</strong> are announced there too!</span>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+      <span>Music ratios (e.g. <strong style="color:var(--text)">2 Salsa · 2 Bachata · 2 Kizomba</strong>) show approximate songs per style per rotation. Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal)">@saborflowdanang</a> and the <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" style="color:var(--teal)">Da Nang SBK group</a> for real-time updates. Pop-up parties for <strong style="color:var(--text)">Zouk</strong> and <strong style="color:var(--text)">Tango</strong> are announced there too.</span>
     </div>
 
     <div class="schedule-table-wrap">
@@ -56,17 +58,19 @@
       </table>
     </div>
 
-    <div class="mt-3" style="text-align:center;color:var(--subtle);font-size:.875rem">
-      Schedule updated monthly. Last update: <strong style="color:var(--white)">April 2026</strong>
-    </div>
+    <p class="mt-3" style="color:var(--muted);font-size:.78rem">Schedule updated monthly &mdash; last update: <strong style="color:var(--text);font-weight:500">April 2026</strong></p>
   </div>
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -75,9 +79,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>
 
diff --git a/studios.html b/studios.html
index cf6a9be..54d1516 100644
--- a/studios.html
+++ b/studios.html
@@ -12,8 +12,9 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -31,8 +32,9 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Dance <span class="accent">Studios</span></h1>
-      <p class="subtitle">Dedicated schools and venues where you can take Latin dance lessons in Da Nang.</p>
+      <p class="section-label">Da Nang</p>
+      <h1>Dance Studios</h1>
+      <p class="subtitle">Dedicated schools and venues where you can take Latin dance lessons.</p>
     </div>
 
     <div class="filter-bar">
@@ -54,16 +56,22 @@
             <span class="tag tag-bachata">Bachata</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> 292 Vo Nguyen Giap, Bac My Phu, Ngu Hanh Son, Da Nang
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>292 Vo Nguyen Giap, Bac My Phu, Ngu Hanh Son, Da Nang</span>
           </div>
           <div class="card-info">
-            <strong>🕘</strong> Monday workshops 8:30 PM · Social from 9:30 PM
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+            <span>Monday workshops 8:30 PM &middot; Social from 9:30 PM</span>
           </div>
           <div class="card-info">
-            <strong>👩‍🏫</strong> Luu Nhat Phuong, Phong &amp; Shai
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Luu Nhat Phuong, Phong &amp; Shai</span>
           </div>
           <div class="card-links">
-            <a href="https://www.facebook.com/frog.goose/" target="_blank" rel="noopener" class="card-link">👥 Facebook</a>
+            <a href="https://www.facebook.com/frog.goose/" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+              Facebook
+            </a>
           </div>
         </div>
       </div>
@@ -78,17 +86,26 @@
             <span class="tag tag-salsa">Salsa On2</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> Da Nang (various venues — check website for current location)
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>Da Nang (various venues &mdash; check website for current location)</span>
           </div>
           <div class="card-info">
-            <strong>👨‍🏫</strong> Lucho Giraldes — 20+ years experience, professional performer
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+            <span>Lucho Giraldes &mdash; 20+ years experience, professional performer</span>
           </div>
           <div class="card-info">
-            <strong>📚</strong> Beginner · Intermediate · Advanced
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+            <span>Beginner &middot; Intermediate &middot; Advanced</span>
           </div>
           <div class="card-links">
-            <a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">🌐 Website</a>
-            <a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">📸 Instagram</a>
+            <a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
+              Website
+            </a>
+            <a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+              Instagram
+            </a>
           </div>
         </div>
       </div>
@@ -105,16 +122,22 @@
             <span class="tag tag-zouk">Zouk</span>
           </div>
           <div class="card-info">
-            <strong>📍</strong> Da Nang
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+            <span>Da Nang</span>
           </div>
           <div class="card-info">
-            <strong>📞</strong> <a href="tel:+84855085903" style="color:var(--orange)">+84 85 508 5903</a>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.7 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.61 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
+            <span><a href="tel:+84855085903" style="color:var(--orange)">+84 85 508 5903</a></span>
           </div>
           <div class="card-info">
-            <strong>✉️</strong> <a href="mailto:LearnToDanceDANANG@gmail.com" style="color:var(--orange)">LearnToDanceDANANG@gmail.com</a>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+            <span><a href="mailto:LearnToDanceDANANG@gmail.com" style="color:var(--orange)">LearnToDanceDANANG@gmail.com</a></span>
           </div>
           <div class="card-links">
-            <a href="mailto:LearnToDanceDANANG@gmail.com" class="card-link">✉️ Email</a>
+            <a href="mailto:LearnToDanceDANANG@gmail.com" class="card-link">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+              Email
+            </a>
           </div>
         </div>
       </div>
@@ -122,17 +145,24 @@
     </div>
 
     <div class="mt-3" style="background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center">
-      <p style="color:var(--subtle);margin-bottom:1rem">Know a studio we&rsquo;re missing? Let us know!</p>
-      <a href="connect.html" class="btn btn-secondary">📩 Contact Us</a>
+      <p style="color:var(--muted);margin-bottom:1rem">Know a studio we&rsquo;re missing? Let us know.</p>
+      <a href="connect.html" class="btn btn-ghost">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
+        <span>Contact Us</span>
+      </a>
     </div>
   </div>
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -141,9 +171,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>