{"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>The Clinic \u2014 One Willow Wellness</title>\n<meta name=\"description\" content=\"One Willow Wellness \u2014 integrative Chinese and Asian medicine for women's health, migraines, and movement. Acupuncture, herbal medicine, and whole-person care. Opening 2027 in Orange County and Los Angeles.\" />\n<meta property=\"og:type\" content=\"website\" />\n<meta property=\"og:title\" content=\"The Clinic \u2014 One Willow Wellness\" />\n<meta property=\"og:description\" content=\"Integrative care for women's health, migraines, and movement. Opening 2027 \u2014 join the consultation waitlist.\" />\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 = { theme: { extend: {\n  colors: {\n    pine:{DEFAULT:'#1E3D32',700:'#244836',900:'#152A22'}, jade:'#3E5E4E', moss:'#6E8B6E',\n    gold:{DEFAULT:'#C2A24E',400:'#D4B96E',600:'#A9822F'}, cream:{DEFAULT:'#F6EFDF',100:'#FBF6EA'},\n    seal:'#B0432C', ink:{DEFAULT:'#2C2A20',muted:'#6B6453'} },\n  fontFamily:{ serif:['\"Cormorant Garamond\"','Georgia','serif'], sans:['\"DM Sans\"','system-ui','sans-serif'] },\n  boxShadow:{ soft:'0 20px 50px -24px rgba(21,42,34,0.28)' } } } };\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:radial-gradient(120% 80% at 70% -10%,rgba(110,139,110,.30),transparent 55%),radial-gradient(100% 90% at 10% 110%,rgba(194,162,78,.24),transparent 60%),linear-gradient(180deg,#FBF6EA,#EDE6D3)}\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  .svc{transition:transform .4s,box-shadow .4s,border-color .4s}\n  .svc:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(21,42,34,.4);border-color:rgba(194,162,78,.5)}\n</style>\n</head>\n<body class=\"antialiased\">\n\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=\"/\" class=\"flex items-center gap-3\">\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 class=\"text-gold-600 font-normal\">\u00b7 Clinic</span></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=\"#approach\" class=\"nav-link\">Approach</a>\n      <a href=\"#specialties\" class=\"nav-link\">Specialties</a>\n      <a href=\"#services\" class=\"nav-link\">Therapies</a>\n      <a href=\"/\" class=\"nav-link\">\u2190 One Willow Wellness</a>\n    </div>\n    <a href=\"#consult\" class=\"hidden sm:inline-flex items-center bg-pine text-cream-100 text-[13px] font-medium px-5 py-2.5 rounded-full hover:bg-gold-600 transition-colors\">Request a Consult</a>\n    <button id=\"menuBtn\" class=\"lg:hidden p-2 -mr-2 text-pine\" aria-label=\"Menu\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 7h16M4 12h16M4 17h16\"/></svg></button>\n  </nav>\n  <div id=\"mobileMenu\" class=\"lg:hidden hidden bg-cream-100/95 backdrop-blur border-t border-gold/15\"><div class=\"px-6 py-4 flex flex-col gap-3 text-pine/85 text-sm\">\n    <a href=\"#approach\" class=\"mobile-link py-1\">Approach</a><a href=\"#specialties\" class=\"mobile-link py-1\">Specialties</a><a href=\"#services\" class=\"mobile-link py-1\">Therapies</a><a href=\"/\" class=\"py-1\">\u2190 One Willow Wellness</a>\n  </div></div>\n</header>\n\n<!-- HERO -->\n<section class=\"hero-grad pt-[72px] relative overflow-hidden\">\n  <div class=\"max-w-5xl mx-auto px-5 sm:px-8 min-h-[86vh] flex flex-col items-center justify-center text-center py-20\">\n    <p class=\"reveal text-gold-600 text-[12px] tracking-[0.32em] font-semibold uppercase mb-5\">The Clinic \u00b7 Acupuncture &amp; Chinese and Asian Medicine</p>\n    <h1 class=\"reveal stagger-1 serif text-pine font-medium leading-[1.0] text-[clamp(2.8rem,6.6vw,5.2rem)]\">Healing the<br><span class=\"italic text-jade\">whole person</span></h1>\n    <p class=\"reveal stagger-2 mt-7 text-[17px] leading-relaxed text-ink-muted max-w-2xl\">Integrative Chinese and Asian medicine for overall health, from migraines and back pain to movement and digestive health \u2014 drawing on acupuncture, herbal medicine, and the long traditions of TCM, brought together with a contemporary, evidence-based approach.</p>\n    <div class=\"reveal stagger-3 mt-9 flex flex-wrap items-center justify-center gap-4\">\n      <a href=\"#consult\" class=\"bg-pine text-cream-100 px-7 py-3.5 rounded-full text-[14px] font-medium hover:bg-gold-600 transition-colors shadow-soft\">Request a Consultation</a>\n      <a href=\"#specialties\" class=\"text-pine/80 px-2 py-3.5 text-[14px] font-medium hover:text-gold-600 transition-colors\">See specialties \u2192</a>\n    </div>\n    <p class=\"reveal stagger-3 mt-7 text-[12px] tracking-wide text-ink-muted/80 inline-flex items-center gap-2\"><span class=\"w-1.5 h-1.5 rounded-full bg-gold animate-pulse\"></span> Opening 2027 \u2014 accepting the founding consultation waitlist</p>\n  </div>\n</section>\n\n<!-- APPROACH (mission/vision) -->\n<section id=\"approach\" class=\"bg-cream py-24 lg:py-32\">\n  <div class=\"max-w-4xl mx-auto px-5 sm:px-8 text-center\">\n    <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-5\">Our Approach</p>\n    <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2rem,4vw,3rem)] leading-tight mb-8\">Listen first. Treat the root.</h2>\n    <p class=\"reveal stagger-2 serif italic text-jade text-[clamp(1.5rem,3.2vw,2.2rem)] leading-snug max-w-3xl mx-auto mb-8\">\n      \"Wellness is the free flow of vital energy \u2014 qi \u2014 and the alignment of body, mind, and spirit. It asks for attention, responsiveness, and personalized care across every dimension of life.\"\n    </p>\n    <div class=\"reveal stagger-2 grid sm:grid-cols-3 gap-6 mt-12 text-left\">\n      <div class=\"bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-3xl mb-3\">\u807d</p><h3 class=\"serif text-xl text-pine mb-1.5\">Deep Listening</h3><p class=\"text-[14px] text-ink/65\">In Chinese and Asian medicine, listening and observing are the first clinical tools. Care begins before diagnosis.</p></div>\n      <div class=\"bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-3xl mb-3\">\u6839</p><h3 class=\"serif text-xl text-pine mb-1.5\">Root &amp; Branch</h3><p class=\"text-[14px] text-ink/65\">We address the root cause as well as the branch symptoms \u2014 individualized for each person.</p></div>\n      <div class=\"bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-3xl mb-3\">\u5408</p><h3 class=\"serif text-xl text-pine mb-1.5\">Integrative</h3><p class=\"text-[14px] text-ink/65\">Eastern tradition and Western science as complements \u2014 working alongside your other providers, never against them.</p></div>\n    </div>\n  </div>\n</section>\n\n<!-- SPECIALTIES -->\n<section id=\"specialties\" class=\"bg-cream-100 py-24 lg:py-32\">\n  <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n    <div class=\"max-w-2xl mb-16\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Specialties</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight\">Where One Willow Wellness goes deep</h2>\n      <p class=\"reveal stagger-2 mt-4 text-ink-muted text-[16px]\">A clinic for all ages \u2014 with particular devotion to the areas least served by conventional care.</p>\n    </div>\n    <div class=\"grid md:grid-cols-3 gap-6\">\n      <article class=\"reveal bg-pine text-cream-100 rounded-2xl p-8 shadow-soft\">\n        <p class=\"serif text-gold-400 text-4xl mb-4\">\u2640</p>\n        <h3 class=\"serif text-2xl mb-3\">Women's Health</h3>\n        <p class=\"text-[14.5px] leading-relaxed text-cream/80\">Fertility support, peri- and post-menopausal health, and natural / bio-identical hormone approaches \u2014 care for every season of a woman's life.</p>\n      </article>\n      <article class=\"reveal stagger-1 bg-jade text-cream-100 rounded-2xl p-8 shadow-soft\">\n        <p class=\"serif text-gold-400 text-4xl mb-4\">\u25d0</p>\n        <h3 class=\"serif text-2xl mb-3\">Migraines &amp; Pain</h3>\n        <p class=\"text-[14.5px] leading-relaxed text-cream/85\">Acupuncture and herbal protocols for chronic migraines and pain \u2014 relief that works with your body rather than masking it.</p>\n      </article>\n      <article class=\"reveal stagger-2 bg-pine-900 text-cream-100 rounded-2xl p-8 shadow-soft\">\n        <p class=\"serif text-gold-400 text-4xl mb-4\">\u27e1</p>\n        <h3 class=\"serif text-2xl mb-3\">Movement &amp; Neurology</h3>\n        <p class=\"text-[14.5px] leading-relaxed text-cream/80\">Movement therapy for neurological conditions \u2014 multiple sclerosis, epilepsy, Parkinson's, and post-stroke recovery.</p>\n      </article>\n    </div>\n  </div>\n</section>\n\n<!-- SERVICES / THERAPIES -->\n<section id=\"services\" class=\"bg-cream py-24 lg:py-32\">\n  <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n    <div class=\"max-w-2xl mb-16\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Therapies</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2rem,4vw,3rem)] leading-tight\">The full toolkit of Chinese and Asian medicine</h2>\n      <p class=\"reveal stagger-2 mt-4 text-ink-muted text-[16px]\">Every treatment plan is individualized \u2014 drawn from a deep well of traditional and modern modalities.</p>\n    </div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Acupuncture</h3><p class=\"text-[13.5px] text-ink/65\">Traditional, orthopedic, auricular, Japanese light-touch &amp; e-stim.</p></div>\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Herbal Medicine</h3><p class=\"text-[13.5px] text-ink/65\">Custom Chinese &amp; Western herbal formulas, dispensed in-house.</p></div>\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Neuromodulation</h3><p class=\"text-[13.5px] text-ink/65\">Targeted nerve stimulation for pain and neurological care.</p></div>\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Acupressure &amp; Tui Na</h3><p class=\"text-[13.5px] text-ink/65\">Hands-on bodywork and therapeutic Chinese massage.</p></div>\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Moxibustion &amp; Gua Sha</h3><p class=\"text-[13.5px] text-ink/65\">Warming and circulation therapies from classical practice.</p></div>\n      <div class=\"svc bg-white rounded-xl p-6 border border-gold/15\"><h3 class=\"serif text-xl text-pine mb-1\">Wellness Coaching</h3><p class=\"text-[13.5px] text-ink/65\">Guidance across diet, movement, and psycho-emotional wellbeing.</p></div>\n    </div>\n  </div>\n</section>\n\n<!-- PRACTITIONER -->\n<section class=\"bg-pine text-cream-100 py-24 lg:py-28 relative overflow-hidden\">\n  <div class=\"absolute inset-0 opacity-[0.14]\" style=\"background:radial-gradient(50% 60% at 80% 10%,rgba(212,185,110,.8),transparent 60%)\"></div>\n  <div class=\"max-w-5xl mx-auto px-5 sm:px-8 grid lg:grid-cols-12 gap-12 items-center relative\">\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-400 text-[12px] tracking-[0.3em] font-semibold uppercase mb-5\">Your Practitioner</p>\n      <h2 class=\"reveal stagger-1 serif text-cream 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-cream/80\">\n        <p>Nancy is a doctoral candidate in acupuncture and Chinese and Asian herbal medicine, training across Western hospitals and integrative clinics. The clinic opens as she completes her degree and California licensure.</p>\n        <p>Having lived and worked across cultures and continents \u2014 Taiwan, California, Australia, and beyond \u2014 she brings genuine empathy across demographics, ages, and languages. She believes the provider's character is as therapeutic as their clinical skill: she listens before she diagnoses, and treats the whole person rather than the condition.</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-cream hover:text-gold-400 transition-colors border-b border-gold/30 pb-0.5\">Nancy is also an award-winning author \u2192</a>\n    </div>\n  </div>\n</section>\n\n<!-- CONSULT WAITLIST -->\n<section id=\"consult\" 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\">Founding Waitlist</p>\n    <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight mb-5\">Request a consultation</h2>\n    <p class=\"reveal stagger-2 text-ink-muted text-[16px] mb-3 max-w-xl mx-auto\">The Clinic opens in 2027 in Orange County and Los Angeles. Join the founding waitlist and you'll be among the first invited when services commence.</p>\n    <p class=\"reveal stagger-2 text-[13px] text-ink-muted/80 mb-9\">This is a waitlist, not a booking. No medical advice is provided here.</p>\n    <form class=\"reveal stagger-2 grid sm:grid-cols-2 gap-3 max-w-lg mx-auto text-left\" onsubmit=\"event.preventDefault(); this.reset(); document.getElementById('ok').classList.remove('hidden');\">\n      <input required type=\"text\" placeholder=\"Name\" aria-label=\"Name\" class=\"bg-white border border-pine/15 rounded-lg px-4 py-3.5 text-ink placeholder-ink-muted/60 focus:outline-none focus:border-gold transition-colors\" />\n      <input required type=\"email\" placeholder=\"Email\" aria-label=\"Email\" class=\"bg-white border border-pine/15 rounded-lg px-4 py-3.5 text-ink placeholder-ink-muted/60 focus:outline-none focus:border-gold transition-colors\" />\n      <input type=\"text\" placeholder=\"What brings you to One Willow Wellness? (optional)\" aria-label=\"Interest\" class=\"sm:col-span-2 bg-white border border-pine/15 rounded-lg px-4 py-3.5 text-ink placeholder-ink-muted/60 focus:outline-none focus:border-gold transition-colors\" />\n      <button type=\"submit\" class=\"sm:col-span-2 bg-pine text-cream-100 font-medium px-7 py-3.5 rounded-full hover:bg-gold-600 transition-colors\">Join the Founding Waitlist</button>\n    </form>\n    <p id=\"ok\" class=\"hidden mt-4 text-jade text-[14px]\">\u2713 Thank you. You're on the founding waitlist \u2014 we'll reach out as the clinic opens.</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=\"/\" class=\"flex items-center gap-3\">\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        <div><p class=\"serif text-2xl tracking-[0.12em] text-cream\">One Willow Wellness</p><p class=\"text-[12px] text-cream/50\">The Clinic \u00b7 Acupuncture &amp; Chinese and Asian Medicine</p></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\">The Apothecary</a>\n        <a href=\"/books.html\" class=\"hover:text-gold-400 transition-colors\">The Gallery</a>\n        <a href=\"#consult\" class=\"hover:text-gold-400 transition-colors\">Request a Consult</a>\n      </div>\n    </div>\n    <div class=\"pt-8 text-[12.5px] text-cream/45 space-y-2\">\n      <p>Opening 2027 \u00b7 Orange County and Los Angeles. This site is informational and does not provide medical advice or diagnosis.</p>\n      <div class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2\">\n        <p>\u00a9 One Willow Wellness. Founded by Nancy Young.</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  </div>\n</footer>\n\n<script>\n  const reveals=document.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){const io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target)}}),{threshold:.12,rootMargin:'0px 0px -8% 0px'});reveals.forEach(el=>io.observe(el))}else{reveals.forEach(el=>el.classList.add('visible'))}\n  const nav=document.getElementById('nav');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')};onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n  const mb=document.getElementById('menuBtn'),mm=document.getElementById('mobileMenu');mb.addEventListener('click',()=>mm.classList.toggle('hidden'));document.querySelectorAll('.mobile-link').forEach(l=>l.addEventListener('click',()=>mm.classList.add('hidden')));\n</script>\n</body>\n</html>\n"}
