/* Start custom CSS for html, class: .elementor-element-4da4f29 */<style>
:root{
  --purple:#3b0f4f;
  --gold:#d6a84f;
  --cream:#f5efe6;
  --black:#050505;
  --brown:#3a2418;
}

body{margin:0;font-family:Georgia,serif;background:#050505;color:#fff;}
.ht{background:#050505;color:white;}
.ht-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#050505;}
.logo{color:var(--gold);font-size:26px;font-weight:bold;letter-spacing:1px;}
.logo span{display:block;font-size:11px;color:#c8a46a;}
.nav a{color:white;margin:0 12px;text-decoration:none;font-size:12px;}
.btn{background:var(--purple);color:white;padding:13px 24px;border-radius:3px;text-decoration:none;font-size:13px;display:inline-block;border:1px solid var(--gold);}
.btn.gold{background:transparent;color:var(--gold);}

.hero{display:grid;grid-template-columns:45% 55%;min-height:620px;background:#050505;}
.hero-img{
  background:url('https://images.unsplash.com/photo-1600334129128-685c5582fd35?auto=format&fit=crop&w=900&q=80') center/cover;
}
.hero-copy{padding:90px 10%;}
.eyebrow{color:#b05ac5;letter-spacing:3px;font-size:12px;text-transform:uppercase;}
h1{font-size:62px;line-height:1.05;margin:15px 0;color:white;}
h1 em{color:var(--gold);font-weight:400;}
p{line-height:1.7;font-size:16px;}

.compass{display:grid;grid-template-columns:32% 40% 28%;background:var(--cream);color:#111;}
.compass-img{background:url('https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=800&q=80') center/cover;min-height:300px;}
.compass-box{padding:45px;}
.compass h2{font-size:34px;margin:5px 0;color:#111;}
.perfect{padding:45px;}
.perfect li{margin:14px 0;}

.section-title{text-align:center;padding:45px 20px 20px;}
.section-title h2{font-size:42px;margin:8px 0;}

.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:20px 4% 55px;}
.card{border:1px solid var(--gold);background:#0c0c0c;text-align:center;padding-bottom:25px;}
.card img{width:100%;height:160px;object-fit:cover;}
.card h3{font-size:20px;color:white;}
.card p{font-size:13px;padding:0 15px;}
.card ul{text-align:left;font-size:12px;line-height:1.8;}
.card .price{color:var(--gold);font-size:13px;font-weight:bold;}

.apoth{display:grid;grid-template-columns:28% 72%;background:var(--cream);color:#111;}
.apoth-copy{padding:45px;}
.products{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;padding:35px;}
.product{text-align:center;font-size:13px;}
.product img{width:100%;height:130px;object-fit:cover;border-radius:4px;}

.about{display:grid;grid-template-columns:30% 70%;background:#070707;}
.about-img{background:url('https://images.unsplash.com/photo-1598992616137-5d040c1f5f02?auto=format&fit=crop&w=600&q=80') center/cover;min-height:330px;}
.about-copy{padding:45px 7%;}
.about h2{font-size:36px;color:white;}
.about h2 span{color:var(--gold);}
.about ul{columns:2;line-height:1.8;color:#e8d7bc;}

.why{background:var(--cream);color:#111;text-align:center;padding:40px 5%;}
.icons{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;margin-top:25px;}
.icon{font-size:13px;}
.circle{background:var(--purple);color:white;border-radius:50%;width:58px;height:58px;margin:auto;display:flex;align-items:center;justify-content:center;}

.bottom{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#2b073d,#080808);padding:45px 7%;gap:30px;}
.testimonial{background:white;color:#111;padding:20px;margin:10px;border-radius:6px;}
.footer{text-align:center;background:#2b073d;padding:30px;color:var(--gold);}

@media(max-width:900px){
  .hero,.compass,.apoth,.about,.bottom{grid-template-columns:1fr;}
  .cards{grid-template-columns:1fr 1fr;}
  .products,.icons{grid-template-columns:1fr 1fr;}
  h1{font-size:42px;}
}
</style>

<div class="ht">

  <div class="ht-nav">
    <div class="logo">HEALTOUCH WELLNESS <span>Grounded in Nature. Guided by Healing.</span></div>
    <div class="nav">
      <a href="#">HOME</a><a href="#">JOURNEYS</a><a href="#">SERVICES</a><a href="#">APOTHECARY</a><a href="#">MEMBERSHIPS</a><a href="#">ABOUT</a>
      <a class="btn" href="#">BOOK NOW</a>
    </div>
  </div>

  <section class="hero">
    <div class="hero-img"></div>
    <div class="hero-copy">
      <div class="eyebrow">Welcome to HealTouch Wellness</div>
      <h1>Healing Begins<br><em>With Being Seen</em></h1>
      <p>Ancient wisdom. Modern wellness. Personalized for your journey. A healing sanctuary where therapeutic bodywork, herbal medicine, energy healing, and restorative wellness practices come together to support the whole person.</p>
      <a class="btn" href="#">BEGIN YOUR JOURNEY</a>
      <a class="btn gold" href="#">BOOK A HEALING COMPASS SESSION</a>
    </div>
  </section>

  <section class="compass">
    <div class="compass-img"></div>
    <div class="compass-box">
      <div class="eyebrow">Not Sure Where To Begin?</div>
      <h2>Healing Compass Session</h2>
      <p><em>with Chidera Katherine Ojiaku, M.S.</em></p>
      <p><strong>60 minutes | Starting at $50</strong></p>
      <p>Healing is personal. Together we’ll explore your goals, challenges, lifestyle, recovery needs, and wellness priorities to create a personalized roadmap.</p>
      <a class="btn" href="#">BOOK YOUR SESSION</a>
    </div>
    <div class="perfect">
      <strong>Perfect For:</strong>
      <ul>
        <li>Stress & Burnout</li>
        <li>Recovery Support</li>
        <li>Athletic Wellness</li>
        <li>Emotional Wellness</li>
        <li>Post-Operative Recovery</li>
        <li>Men’s & Women’s Wellness</li>
      </ul>
    </div>
  </section>

  <div class="section-title">
    <div class="eyebrow">Choose Your Path</div>
    <h2>Choose Your Sacred Journey</h2>
  </div>

  <section class="cards">
    <div class="card"><img src="https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=500&q=80"><h3>Deep Roots Journey</h3><p>Restore balance. Release tension. Reconnect with your foundation.</p><div class="price">Starting at $245</div><a class="btn" href="#">Learn More</a></div>
    <div class="card"><img src="https://images.unsplash.com/photo-1523437237164-d442d57cc3c9?auto=format&fit=crop&w=500&q=80"><h3>Sacred Bloom Journey</h3><p>Balance, nourishment, and whole-body wellness.</p><div class="price">Starting at $225</div><a class="btn" href="#">Learn More</a></div>
    <div class="card"><img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=500&q=80"><h3>Nile Flow Journey</h3><p>Support circulation, lymphatic movement, and inflammation relief.</p><div class="price">Starting at $245</div><a class="btn" href="#">Learn More</a></div>
    <div class="card"><img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=500&q=80"><h3>Phoenix Renewal Journey</h3><p>Transformation, renewal, and restoration.</p><div class="price">Starting at $295</div><a class="btn" href="#">Learn More</a></div>
    <div class="card"><img src="https://images.unsplash.com/photo-1540206395-68808572332f?auto=format&fit=crop&w=500&q=80"><h3>Cocoon Recovery Journey</h3><p>Post-operative healing, recovery, and restoration.</p><div class="price">Packages Starting at $900</div><a class="btn" href="#">Learn More</a></div>
    <div class="card"><img src="https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=500&q=80"><h3>Sacred Connection Journey</h3><p>Intentional wellness for couples.</p><div class="price">Starting at $295</div><a class="btn" href="#">Learn More</a></div>
  </section>

  <section class="apoth">
    <div class="apoth-copy">
      <div class="eyebrow">The HealTouch Apothecary</div>
      <h2>Healing Beyond The Treatment Room</h2>
      <p>Organic herbal formulations inspired by nature and informed by Katherine’s graduate education in Herbal Medicine.</p>
      <a class="btn" href="#">Shop The Apothecary</a>
    </div>
    <div class="products">
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Deep Roots Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Sacred Bloom Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Nile Flow Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Phoenix Renewal Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Cocoon Recovery Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">King’s Throne Collection</div>
      <div class="product"><img src="https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=400&q=80">Sacred Connection Collection</div>
    </div>
  </section>

  <section class="about">
    <div class="about-img"></div>
    <div class="about-copy">
      <div class="eyebrow">Meet Katherine</div>
      <h2>Chidera Katherine Ojiaku, M.S.<br><span>Founder of HealTouch Wellness</span></h2>
      <ul>
        <li>Licensed Massage Therapist</li>
        <li>Licensed Massage Therapy Instructor</li>
        <li>Master of Science in Complementary Alternative Medicine</li>
        <li>Concentration in Herbal Medicine</li>
        <li>American College of Healthcare Sciences</li>
        <li>Herbal Medicine Specialist</li>
      </ul>
      <p>I created HealTouch Wellness to provide a space where people feel seen, supported, and empowered throughout their wellness journey.</p>
      <a class="btn" href="#">Read My Story</a>
    </div>
  </section>

  <section class="why">
    <h2>More Than a Spa. <em>A Return to Self.</em></h2>
    <div class="icons">
      <div class="icon"><div class="circle">✦</div>Therapeutic Bodywork</div>
      <div class="icon"><div class="circle">✿</div>Herbal Medicine</div>
      <div class="icon"><div class="circle">☀</div>Energy Healing</div>
      <div class="icon"><div class="circle">☾</div>Nervous System Regulation</div>
      <div class="icon"><div class="circle">♂</div>Men’s Wellness</div>
      <div class="icon"><div class="circle">♀</div>Women’s Wellness</div>
      <div class="icon"><div class="circle">♡</div>Post-Operative Recovery</div>
      <div class="icon"><div class="circle">✓</div>Personalized Healing Plans</div>
    </div>
  </section>

  <section class="bottom">
    <div>
      <div class="eyebrow">Real Stories. Real Transformation.</div>
      <div class="testimonial">“Katherine helped me recover faster after surgery.”</div>
      <div class="testimonial">“I finally feel like I have energy again.”</div>
    </div>
    <div>
      <div class="eyebrow">Wellness is a Practice</div>
      <h2>Memberships</h2>
      <p>Monthly healing support, exclusive pricing, member perks, priority booking, and product discounts.</p>
      <a class="btn gold" href="#">Explore Memberships</a>
    </div>
  </section>

  <div class="footer">
    HEALTOUCH WELLNESS<br>
    <br>
    <a class="btn gold" href="#">BOOK A HEALING COMPASS SESSION</a>
    <a class="btn" href="#">BEGIN YOUR JOURNEY</a>
  </div>

</div>/* End custom CSS */