{"content_mode":"html","html":"<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n<meta charset=\"UTF-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n<link rel=\"icon\" type=\"image/png\" href=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" />\n<link rel=\"apple-touch-icon\" href=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" />\n<meta name=\"theme-color\" content=\"#1E3D32\" />\n<title>One Willow Wellness \u2014 Herbs, Holistic Healing &amp; Books</title>\n<meta name=\"description\" content=\"One Willow Wellness is a sanctuary for natural healing \u2014 Chinese and Asian herbal medicine, acupuncture, and the literary world of author Nancy Young. Natural healing begins within and with us.\" />\n<meta property=\"og:type\" content=\"website\" />\n<meta property=\"og:title\" content=\"One Willow Wellness \u2014 Herbs, Holistic Healing & Books\" />\n<meta property=\"og:description\" content=\"A sanctuary for natural healing \u2014 herbs, acupuncture, and story. Opening 2027. Join the circle.\" />\n<meta property=\"og:image\" content=\"https://sites.fynesite.com/api/image/proxy/one-willow/owl_full.png\" />\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n<link href=\"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\" />\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script>\ntailwind.config = {\n  theme: {\n    extend: {\n      colors: {\n        pine:  { DEFAULT: '#1E3D32', 700: '#244836', 900: '#152A22' },\n        jade:  '#3E5E4E',\n        moss:  '#6E8B6E',\n        gold:  { DEFAULT: '#C2A24E', 400: '#D4B96E', 600: '#A9822F' },\n        cream: { DEFAULT: '#F6EFDF', 100: '#FBF6EA' },\n        seal:  '#B0432C',\n        ink:   { DEFAULT: '#2C2A20', muted: '#6B6453' },\n      },\n      fontFamily: {\n        serif: ['\"Cormorant Garamond\"', 'Georgia', 'serif'],\n        sans:  ['\"DM Sans\"', 'system-ui', 'sans-serif'],\n      },\n      boxShadow: {\n        soft: '0 20px 50px -24px rgba(21,42,34,0.28)',\n        book: '0 30px 60px -20px rgba(21,42,34,0.5)',\n      },\n    },\n  },\n};\n</script>\n<style>\n  html, body { background:#F6EFDF; color:#2C2A20; font-family:'DM Sans',system-ui,sans-serif; }\n  h1,h2,h3,.serif { font-family:'Cormorant Garamond',Georgia,serif; }\n  ::selection { background:#C2A24E; color:#152A22; }\n  .reveal { opacity:0; transform:translateY(22px); transition:all .9s cubic-bezier(.16,1,.3,1); }\n  .reveal.visible { opacity:1; transform:translateY(0); }\n  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1!important;transform:none!important;transition:none} }\n  .stagger-1{transition-delay:.08s}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}\n  .hero-grad { background:\n     radial-gradient(120% 80% at 50% -10%, rgba(194,162,78,0.28), transparent 55%),\n     radial-gradient(100% 90% at 85% 110%, rgba(62,94,78,0.25), transparent 60%),\n     linear-gradient(180deg,#FBF6EA 0%,#F1E7D2 100%); }\n  .rule { height:1px; background:linear-gradient(90deg,transparent,rgba(169,130,47,.5),transparent); }\n  .nav-link::after { content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:#A9822F; transition:width .3s; }\n  .nav-link{position:relative} .nav-link:hover::after{width:100%}\n  .door { transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s; }\n  .door:hover { transform: translateY(-8px); box-shadow:0 40px 70px -30px rgba(21,42,34,0.5); }\n  .door:hover .door-cta { gap:.9rem; color:#D4B96E; }\n</style>\n</head>\n<body class=\"antialiased\">\n\n<!-- NAV -->\n<header id=\"nav\" class=\"fixed top-0 inset-x-0 z-50 transition-all duration-300\">\n  <nav class=\"max-w-7xl mx-auto px-5 sm:px-8 h-[72px] flex items-center justify-between\">\n    <a href=\"#top\" class=\"flex items-center gap-3 group\">\n      <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" alt=\"One Willow Wellness\" class=\"w-9 h-9 rounded-full object-cover shadow-[0_4px_14px_-2px_rgba(21,42,34,0.4)]\" />\n      <span class=\"serif text-2xl tracking-[0.14em] text-pine font-semibold\">One Willow Wellness</span>\n    </a>\n    <div class=\"hidden lg:flex items-center gap-9 text-[13px] tracking-wide text-pine/80 font-medium\">\n      <a href=\"#doors\" class=\"nav-link\">The Three Branches</a>\n      <a href=\"#story\" class=\"nav-link\">Our Story</a>\n      <a href=\"#opening\" class=\"nav-link\">Coming Soon</a>\n      <a href=\"#circle\" class=\"nav-link\">Join the Circle</a>\n    </div>\n    <a href=\"#circle\" class=\"hidden sm:inline-flex items-center gap-2 bg-pine text-cream-100 text-[13px] font-medium px-5 py-2.5 rounded-full hover:bg-gold-600 transition-colors duration-300\">Join the Circle</a>\n    <button id=\"menuBtn\" class=\"lg:hidden p-2 -mr-2 text-pine\" aria-label=\"Open menu\">\n      <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 7h16M4 12h16M4 17h16\"/></svg>\n    </button>\n  </nav>\n  <div id=\"mobileMenu\" class=\"lg:hidden hidden bg-cream-100/95 backdrop-blur border-t border-gold/15\">\n    <div class=\"px-6 py-4 flex flex-col gap-3 text-pine/85 text-sm\">\n      <a href=\"#doors\" class=\"mobile-link py-1\">The Three Branches</a>\n      <a href=\"#story\" class=\"mobile-link py-1\">Our Story</a>\n      <a href=\"#opening\" class=\"mobile-link py-1\">Coming Soon</a>\n      <a href=\"#circle\" class=\"mobile-link py-1\">Join the Circle</a>\n    </div>\n  </div>\n</header>\n\n<!-- HERO -->\n<section id=\"top\" class=\"hero-grad relative overflow-hidden pt-[72px]\">\n  <div class=\"max-w-4xl mx-auto px-5 sm:px-8 text-center min-h-[92vh] flex flex-col items-center justify-center py-20\">\n    <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" alt=\"One Willow Wellness \u2014 willow over still water beneath a golden moon\"\n         class=\"reveal w-28 h-28 sm:w-32 sm:h-32 rounded-full object-cover shadow-soft mb-8\" />\n    <p class=\"reveal stagger-1 flex items-center gap-3 text-gold-600 text-[12px] tracking-[0.34em] font-semibold uppercase mb-6\">\n      <span class=\"w-8 h-px bg-gold/60\"></span> Herbs \u00b7 Holistic Healing \u00b7 Books <span class=\"w-8 h-px bg-gold/60\"></span>\n    </p>\n    <h1 class=\"reveal stagger-1 serif text-pine font-medium leading-[0.98] text-[clamp(2.7rem,7vw,5.4rem)]\">One Willow Wellness</h1>\n    <p class=\"reveal stagger-2 serif italic text-jade text-[clamp(1.4rem,3.4vw,2.2rem)] mt-4\">Natural healing begins within and with us.</p>\n    <p class=\"reveal stagger-2 mt-7 text-[17px] leading-relaxed text-ink-muted max-w-2xl\">\n      Come join the wellness sanctuary and its three branches \u2014 an herbal apothecary, a holistic healing clinic, and a gallery of books and stories on healing and wellness \u2014 gathered under one willow by founder and author Nancy Young.\n    </p>\n    <div class=\"reveal stagger-3 mt-9 flex flex-wrap items-center justify-center gap-4\">\n      <a href=\"#doors\" class=\"inline-flex items-center gap-2 bg-pine text-cream-100 px-7 py-3.5 rounded-full text-[14px] font-medium hover:bg-gold-600 transition-colors duration-300 shadow-soft\">\n        Step Inside\n        <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 8h10M9 4l4 4-4 4\"/></svg>\n      </a>\n      <a href=\"#story\" class=\"inline-flex items-center gap-2 text-pine/80 px-2 py-3.5 text-[14px] font-medium hover:text-gold-600 transition-colors\">Our Story</a>\n    </div>\n  </div>\n  <!-- bottom botanical fade -->\n  <div class=\"absolute bottom-0 inset-x-0 h-24 bg-gradient-to-t from-cream to-transparent\"></div>\n</section>\n\n<!-- THREE DOORS -->\n<section id=\"doors\" class=\"bg-cream py-24 lg:py-32\">\n  <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n    <div class=\"text-center max-w-2xl mx-auto mb-16\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Three Branches, One Willow Wellness</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight\">Choose where to begin</h2>\n      <p class=\"reveal stagger-2 mt-4 text-ink-muted text-[16px]\">Three distinct worlds, each its own sanctuary \u2014 branching from the same willow of wellness.</p>\n    </div>\n    <div class=\"grid md:grid-cols-3 gap-6\">\n\n      <!-- Door 1: Apothecary / Herbs -->\n      <a href=\"/herbs.html\" class=\"door group block rounded-2xl overflow-hidden shadow-soft bg-pine text-cream-100 relative\">\n        <div class=\"h-44 relative overflow-hidden flex items-center justify-center\" style=\"background:radial-gradient(120% 100% at 30% 0%, #2E5443, #18302770);\">\n          <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/icon-apothecary2.png\" alt=\"Apothecary willow emblem\" class=\"w-28 h-28 rounded-full object-cover bg-cream-100 shadow-soft ring-1 ring-gold/30\" />\n        </div>\n        <div class=\"p-7\">\n          <p class=\"text-[11px] tracking-[0.26em] uppercase text-gold-400 mb-2\">The Apothecary</p>\n          <h3 class=\"serif text-3xl leading-tight mb-2\">Herbs, Tea &amp; More</h3>\n          <p class=\"text-[14px] leading-relaxed text-cream/75 mb-5\">An herbal dispensary, beauty products, and a boba tea shop. Come find Chinese and Western formulas for everyday vitality.</p>\n          <span class=\"door-cta inline-flex items-center gap-2 text-[13px] font-medium text-cream transition-all\">Enter the Apothecary\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 7.5h9M8.5 4l3.5 3.5-3.5 3.5\"/></svg></span>\n        </div>\n      </a>\n\n      <!-- Door 2: Clinic / Acupuncture -->\n      <a href=\"/acupuncture.html\" class=\"door group block rounded-2xl overflow-hidden shadow-soft bg-jade text-cream-100 relative\">\n        <div class=\"h-44 relative overflow-hidden flex items-center justify-center\" style=\"background:radial-gradient(120% 100% at 70% 0%, #4C7160, #2E544370);\">\n          <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/icon-apothecary.png\" alt=\"Clinic willow emblem\" class=\"w-28 h-28 rounded-full object-cover bg-cream-100 shadow-soft ring-1 ring-gold/30\" />\n        </div>\n        <div class=\"p-7\">\n          <p class=\"text-[11px] tracking-[0.26em] uppercase text-gold-400 mb-2\">The Clinic</p>\n          <h3 class=\"serif text-3xl leading-tight mb-2\">Acupuncture &amp; TCM</h3>\n          <p class=\"text-[14px] leading-relaxed text-cream/80 mb-5\">Integrative care for overall holistic health, from migraines to movement. Come find acupuncture, herbal medicine, and the holistic traditions of Chinese and Asian medicine, and more.</p>\n          <span class=\"door-cta inline-flex items-center gap-2 text-[13px] font-medium text-cream transition-all\">Enter the Clinic\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 7.5h9M8.5 4l3.5 3.5-3.5 3.5\"/></svg></span>\n        </div>\n      </a>\n\n      <!-- Door 3: Library / Books -->\n      <a href=\"/books.html\" class=\"door group block rounded-2xl overflow-hidden shadow-soft bg-pine-900 text-cream-100 relative\">\n        <div class=\"h-44 relative overflow-hidden flex items-center justify-center p-3\" style=\"background:radial-gradient(120% 100% at 50% 0%, #244836, #14222870);\">\n          <img src=\"https://static.wixstatic.com/media/d3b581_e2f8a0672d0746f58805ae820f07c9c7~mv2.jpg\" alt=\"Strum: A Novel by Nancy Young\" class=\"max-h-full w-auto rounded-sm shadow-book rotate-[2deg]\" />\n        </div>\n        <div class=\"p-7\">\n          <p class=\"text-[11px] tracking-[0.26em] uppercase text-gold-400 mb-2\">The Gallery</p>\n          <h3 class=\"serif text-3xl leading-tight mb-2\">Reading for Wellness</h3>\n          <p class=\"text-[14px] leading-relaxed text-cream/75 mb-5\">Come find books and resources for holistic healing, including Nancy Young's award-winning novel, <em>Strum</em>, and more good reads.</p>\n          <span class=\"door-cta inline-flex items-center gap-2 text-[13px] font-medium text-cream transition-all\">Enter the Gallery\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 7.5h9M8.5 4l3.5 3.5-3.5 3.5\"/></svg></span>\n        </div>\n      </a>\n    </div>\n  </div>\n</section>\n\n<!-- STORY -->\n<section id=\"story\" class=\"bg-cream-100 py-24 lg:py-32\">\n  <div class=\"max-w-5xl mx-auto px-5 sm:px-8 grid lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\n    <div class=\"lg:col-span-5 reveal flex justify-center\">\n      <div class=\"w-72 sm:w-80 rounded-lg bg-cream-100 border border-gold/30 shadow-soft p-3\">\n        <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/owl_full.png\" alt=\"One Willow Wellness logo\" class=\"w-full rounded-md\" />\n      </div>\n    </div>\n    <div class=\"lg:col-span-7\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-5\">Our Story</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2rem,4vw,3rem)] leading-tight mb-6\">The deep roots of One Willow Wellness</h2>\n      <div class=\"reveal stagger-2 space-y-5 text-[16px] leading-relaxed text-ink/80\">\n        <p>One Willow Wellness began as a concept many moons ago \u2014 that health and wellness are well within us.</p>\n        <p>One Willow Wellness promotes overall wellbeing through traditional Chinese and Asian herbal medicine, acupuncture, and integrative therapies \u2014 rooted in safety, ethics, and deep care and responsibility.</p>\n        <p>We believe every patient, at any age and stage of life, deserves individualized care from a healer, health coach, and wellness partner. Our collaborative, patient-centered practice nurtures mental, emotional, and physical health \u2014 guiding each person toward natural healing and balance, personal growth, and lasting vitality.</p>\n        <p class=\"serif italic text-2xl text-jade pt-1\">Natural healing begins within and with us.</p>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- FOUNDER -->\n<section class=\"bg-cream py-24 lg:py-28\">\n  <div class=\"max-w-5xl mx-auto px-5 sm:px-8 grid lg:grid-cols-12 gap-12 items-center\">\n    <div class=\"lg:col-span-5 reveal\">\n      <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/founder.jpg\" alt=\"Nancy Young, founder of One Willow Wellness\" class=\"w-full rounded-2xl shadow-soft object-cover\" />\n    </div>\n    <div class=\"lg:col-span-7\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-5\">The Founder</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2rem,4vw,3rem)] leading-tight mb-6\">Nancy Young</h2>\n      <div class=\"reveal stagger-2 space-y-5 text-[16px] leading-relaxed text-ink/80\">\n        <p>A doctoral candidate in acupuncture and Chinese and Asian herbal medicine, Nancy comes to healing after a life lived across many cultures. She was born in Taipei, Taiwan, raised in Pasadena, California, educated on the West and East Coasts of the U.S., worked for over a decade in Australia, and has traveled to over 30 countries around the world.</p>\n        <p>She values deep listening, lifelong learning, and the belief that every person's wellness and history matters. Integrity, compassion, curiosity, and service have underpinned her work in philanthropy, the arts, and public service \u2014 and they are equally central to the practitioner she is becoming.</p>\n        <p>She is also the award-winning author of <em>Strum</em> \u2014 proof that healing and storytelling spring from the same source.</p>\n      </div>\n      <a href=\"/books.html\" class=\"reveal stagger-3 mt-7 inline-flex items-center gap-2 text-[14px] font-medium text-pine hover:text-gold-600 transition-colors border-b border-gold/30 pb-0.5\">Meet Nancy the Founder \u2192</a>\n    </div>\n  </div>\n</section>\n\n<!-- OPENING 2027 -->\n<section id=\"opening\" class=\"bg-pine text-cream-100 py-24 lg:py-28 relative overflow-hidden\">\n  <div class=\"absolute inset-0 opacity-[0.16]\" style=\"background:radial-gradient(50% 70% at 80% 10%, rgba(212,185,110,.8), transparent 60%);\"></div>\n  <div class=\"max-w-5xl mx-auto px-5 sm:px-8 relative\">\n    <div class=\"text-center max-w-2xl mx-auto mb-14\">\n      <p class=\"reveal text-gold-400 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Coming Soon</p>\n      <h2 class=\"reveal stagger-1 serif text-cream text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight\">A sanctuary taking shape</h2>\n      <p class=\"reveal stagger-2 mt-5 text-cream/75 text-[16px]\">One Willow Wellness is being prepared now. The Apothecary opens first online with herbal and beauty products you can enjoy today. The Clinic will follow in 2027. Nancy's books and audiobooks are available on Amazon and other retailers.</p>\n    </div>\n    <div class=\"grid sm:grid-cols-3 gap-5 max-w-3xl mx-auto\">\n      <div class=\"reveal text-center bg-white/5 border border-cream/10 rounded-xl p-7\">\n        <p class=\"serif text-gold-400 text-4xl mb-2\">2026</p>\n        <p class=\"text-[13px] text-cream/70\">Apothecary &amp; wellness goods \u2014 early access</p>\n      </div>\n      <div class=\"reveal stagger-1 text-center bg-white/5 border border-cream/10 rounded-xl p-7\">\n        <p class=\"serif text-gold-400 text-4xl mb-2\">2027</p>\n        <p class=\"text-[13px] text-cream/70\">The clinic opens \u2014 acupuncture &amp; herbal medicine</p>\n      </div>\n      <div class=\"reveal stagger-2 text-center bg-white/5 border border-cream/10 rounded-xl p-7\">\n        <p class=\"serif text-gold-400 text-4xl mb-2\">Now</p>\n        <p class=\"text-[13px] text-cream/70\"><em>Strum</em> and other stories \u2014 available now</p>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- JOIN THE CIRCLE -->\n<section id=\"circle\" class=\"bg-cream py-24 lg:py-32\">\n  <div class=\"max-w-3xl mx-auto px-5 sm:px-8 text-center\">\n    <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" alt=\"One Willow Wellness\" class=\"reveal w-16 h-16 rounded-full object-cover mx-auto mb-7\" />\n    <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Join the Circle</p>\n    <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight mb-5\">Be part of One Willow Wellness</h2>\n    <p class=\"reveal stagger-2 text-ink-muted text-[16px] mb-9 max-w-xl mx-auto\">Join now to get early access to the Apothecary, women's wellness workshops and gatherings, and news from the Clinic and the Gallery.</p>\n    <form class=\"reveal stagger-2 flex flex-col sm:flex-row gap-3 max-w-lg mx-auto\" onsubmit=\"event.preventDefault(); this.reset(); document.getElementById('circleOk').classList.remove('hidden');\">\n      <input required type=\"email\" placeholder=\"Your email\" aria-label=\"Email\" class=\"flex-1 bg-white border border-pine/15 rounded-full px-5 py-3.5 text-ink placeholder-ink-muted/60 focus:outline-none focus:border-gold transition-colors\" />\n      <button type=\"submit\" class=\"bg-pine text-cream-100 font-medium px-7 py-3.5 rounded-full hover:bg-gold-600 transition-colors whitespace-nowrap\">Join the Circle</button>\n    </form>\n    <p id=\"circleOk\" class=\"hidden mt-4 text-jade text-[14px]\">\u2713 Welcome to the circle. We'll be in touch with the seasons.</p>\n    <p class=\"reveal stagger-3 mt-5 text-[13px] text-ink-muted\">Or write to <a href=\"mailto:NancyYoung.Author@gmail.com\" class=\"text-pine border-b border-gold/30 hover:text-gold-600\">NancyYoung.Author@gmail.com</a></p>\n  </div>\n</section>\n\n<!-- FOOTER -->\n<footer class=\"bg-pine-900 text-cream/70 pt-16 pb-10\">\n  <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n    <div class=\"flex flex-col md:flex-row md:items-center md:justify-between gap-8 pb-10 border-b border-cream/10\">\n      <a href=\"#top\" class=\"flex items-center gap-3\">\n        <span class=\"w-12 h-12 rounded-full bg-cream-100 flex items-center justify-center shadow-soft shrink-0\">\n          <img src=\"https://sites.fynesite.com/api/image/proxy/one-willow/mark2.png\" alt=\"One Willow Wellness\" class=\"w-10 h-10 rounded-full object-cover\" />\n        </span>\n        <div>\n          <p class=\"serif text-2xl tracking-[0.12em] text-cream\">One Willow Wellness</p>\n          <p class=\"text-[12px] text-cream/50\">Herbs \u00b7 Acupuncture \u00b7 Books</p>\n        </div>\n      </a>\n      <div class=\"flex flex-wrap items-center gap-5 text-[13px]\">\n        <a href=\"/herbs.html\" class=\"hover:text-gold-400 transition-colors\">Apothecary</a>\n        <a href=\"/acupuncture.html\" class=\"hover:text-gold-400 transition-colors\">Clinic</a>\n        <a href=\"/books.html\" class=\"hover:text-gold-400 transition-colors\">Gallery</a>\n      </div>\n    </div>\n    <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 pt-8 text-[12.5px] text-cream/45\">\n      <p>\u00a9 One Willow Wellness. Founded by Nancy Young. Opening 2027 \u00b7 Orange County and Los Angeles.</p>\n      <p class=\"flex items-center gap-1.5 whitespace-nowrap\">Built with <a href=\"https://fynesite.com\" target=\"_blank\" rel=\"noopener\" class=\"text-gold/80 hover:text-gold font-medium\">FyneSite</a></p>\n    </div>\n  </div>\n</footer>\n\n<script>\n  const reveals = document.querySelectorAll('.reveal');\n  if ('IntersectionObserver' in window) {\n    const io = new IntersectionObserver((es) => es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } }), { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n    reveals.forEach(el => io.observe(el));\n  } else { reveals.forEach(el => el.classList.add('visible')); }\n  const nav = document.getElementById('nav');\n  const onScroll = () => { if (window.scrollY > 24) nav.classList.add('bg-cream-100/90','backdrop-blur','shadow-soft'); else nav.classList.remove('bg-cream-100/90','backdrop-blur','shadow-soft'); };\n  onScroll(); window.addEventListener('scroll', onScroll, { passive: true });\n  const menuBtn = document.getElementById('menuBtn'), mobileMenu = document.getElementById('mobileMenu');\n  menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));\n  document.querySelectorAll('.mobile-link').forEach(l => l.addEventListener('click', () => mobileMenu.classList.add('hidden')));\n</script>\n</body>\n</html>\n"}
