</main>
<footer class="bb-footer">
  <div class="bb-container">
    <div class="bb-footer__grid">
      <div>
        <p class="bb-display" style="font-size:var(--t-3xl);margin-bottom:var(--s-6);">Big Breath</p>
        <p class="bb-body" style="color:var(--bb-sand);font-size:var(--t-sm);max-width:280px;">Breathwork for athletes, executives, and seekers. Guided by Big Joe.</p>
        <form style="margin-top:var(--s-8);display:flex;gap:var(--s-2);" onsubmit="return false;" aria-label="Newsletter">
          <input type="email" placeholder="Your email" style="flex:1;background:transparent;border:0;border-bottom:1px solid var(--bb-sand);color:var(--bb-cream);font-family:inherit;font-size:var(--t-sm);padding:var(--s-2) 0;outline:none;" aria-label="Email address">
          <button type="submit" class="bb-btn" style="border-color:var(--bb-sand);color:var(--bb-sand);padding:var(--s-2) var(--s-4);">Join</button>
        </form>
      </div>
      <div>
        <p class="bb-label" style="color:var(--bb-sand);margin-bottom:var(--s-6);">Navigate</p>
        <ul style="display:flex;flex-direction:column;gap:var(--s-3);">
          <li><a href="/the-practice" style="color:var(--bb-sand);font-size:var(--t-sm);">The Practice</a></li>
          <li><a href="/about" style="color:var(--bb-sand);font-size:var(--t-sm);">About</a></li>
          <li><a href="/services" style="color:var(--bb-sand);font-size:var(--t-sm);">Services</a></li>
          <li><a href="/testimonials" style="color:var(--bb-sand);font-size:var(--t-sm);">Testimonials</a></li>
          <li><a href="/events" style="color:var(--bb-sand);font-size:var(--t-sm);">Events</a></li>
          <li><a href="/contact" style="color:var(--bb-sand);font-size:var(--t-sm);">Contact</a></li>
        </ul>
      </div>
      <div>
        <p class="bb-label" style="color:var(--bb-sand);margin-bottom:var(--s-6);">Location</p>
        <p style="color:var(--bb-sand);font-size:var(--t-sm);line-height:1.7;">Global practice.<br>Based in the United States.<br>Sessions in Bhutan, Saudi Arabia,<br>Japan, India, Oman, and beyond.</p>
      </div>
      <div>
        <p class="bb-label" style="color:var(--bb-sand);margin-bottom:var(--s-6);">Connect</p>
        <ul style="display:flex;flex-direction:column;gap:var(--s-3);">
          <li><a href="https://instagram.com/bigbreathco" style="color:var(--bb-sand);font-size:var(--t-sm);">Instagram</a></li>
          <li><a href="https://youtube.com/@bigbreath" style="color:var(--bb-sand);font-size:var(--t-sm);">YouTube</a></li>
          <li><a href="/privacy-policy" style="color:var(--bb-sand);font-size:var(--t-sm);">Privacy Policy</a></li>
          <li><a href="/terms-of-service" style="color:var(--bb-sand);font-size:var(--t-sm);">Terms of Service</a></li>
        </ul>
      </div>
    </div>
    <hr class="bb-rule" style="margin-top:var(--s-16);border-color:var(--bb-ink);">
    <p style="font-size:var(--t-xs);letter-spacing:.1em;color:var(--bb-ink);">&copy; Big Breath <?= date('Y') ?>. All rights reserved.</p>
  </div>
</footer>
<script>
(function(){
  var els = document.querySelectorAll('.bb-reveal');
  if (!els.length) return;
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if (e.isIntersecting) { e.target.classList.add('bb-reveal--in'); io.unobserve(e.target); }
    });
  }, { threshold: 0.12 });
  els.forEach(function(el){ io.observe(el); });
})();
</script>
</body>
</html>
