<?php
/** @var string $page_title */
/** @var string $page_description */
/** @var string $page_canonical */
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= htmlspecialchars($page_title, ENT_QUOTES) ?></title>
<meta name="description" content="<?= htmlspecialchars($page_description, ENT_QUOTES) ?>">
<link rel="canonical" href="<?= htmlspecialchars($page_canonical, ENT_QUOTES) ?>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,100..900,0..100,0..1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/tokens.css">
<link rel="stylesheet" href="/assets/css/main.css">
<script>document.documentElement.classList.add('js');</script>
</head>
<body>
<nav class="bb-nav" aria-label="Main navigation">
  <a href="/" class="bb-nav__brand">Big Breath</a>
  <ul class="bb-nav__links">
    <li><a href="/the-practice">The Practice</a></li>
    <li><a href="/about">About</a></li>
    <li class="bb-nav__dropdown-wrap">
      <a href="/services">Services</a>
      <ul class="bb-nav__dropdown" aria-label="Services">
        <li><a href="/services/keynotes">Keynotes</a></li>
        <li><a href="/services/corporate-wellness">Corporate Wellness</a></li>
        <li><a href="/services/private-sessions">Private Sessions</a></li>
        <li><a href="/services/group-classes">Group Classes</a></li>
        <li><a href="/services/retreats">Retreats</a></li>
        <li><a href="/services/online">Online</a></li>
        <li><a href="/services/meditation-breathwork">Meditation + Breathwork</a></li>
      </ul>
    </li>
    <li><a href="/testimonials">Testimonials</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/events">Events</a></li>
    <li><a href="/contact">Contact</a></li>
  </ul>
  <a href="/contact" class="bb-btn">Inquire</a>
  <button class="bb-hamburger" aria-label="Open navigation" aria-expanded="false">
    <span></span><span></span><span></span>
  </button>
</nav>
<nav class="bb-mobile-nav" aria-label="Mobile navigation">
  <ul>
    <li><a href="/the-practice">The Practice</a></li>
    <li><a href="/about">About</a></li>
    <li><a href="/services">Services</a></li>
    <ul class="bb-mobile-nav__sub">
      <li><a href="/services/keynotes">Keynotes</a></li>
      <li><a href="/services/corporate-wellness">Corporate Wellness</a></li>
      <li><a href="/services/private-sessions">Private Sessions</a></li>
      <li><a href="/services/group-classes">Group Classes</a></li>
      <li><a href="/services/retreats">Retreats</a></li>
      <li><a href="/services/online">Online</a></li>
      <li><a href="/services/meditation-breathwork">Meditation + Breathwork</a></li>
    </ul>
    <li><a href="/testimonials">Testimonials</a></li>
    <li><a href="/gallery">Gallery</a></li>
    <li><a href="/events">Events</a></li>
    <li><a href="/contact">Contact</a></li>
  </ul>
</nav>
<main>
