{"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 Apothecary \u2014 One Willow Wellness</title>\n<meta name=\"description\" content=\"The One Willow Wellness apothecary \u2014 an herbal dispensary, natural beauty rituals, and a boba-tea wellness shop. Chinese and Western herbal formulas for everyday vitality. Opening soon.\" />\n<meta property=\"og:type\" content=\"website\" />\n<meta property=\"og:title\" content=\"The Apothecary \u2014 One Willow Wellness\" />\n<meta property=\"og:description\" content=\"Herbal formulas, natural beauty rituals, and a boba-tea wellness shop. Join the circle for early access.\" />\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 30% -10%,rgba(194,162,78,.28),transparent 55%),radial-gradient(100% 90% at 90% 110%,rgba(110,139,110,.28),transparent 60%),linear-gradient(180deg,#FBF6EA,#F1E7D2)}\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  .card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}\n  .card:hover{transform:translateY(-6px);box-shadow:0 36px 60px -30px rgba(21,42,34,.45)}\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 Apothecary</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=\"#collections\" class=\"nav-link\">Collections</a>\n      <a href=\"#garden\" class=\"nav-link\">The Garden</a>\n      <a href=\"#events\" class=\"nav-link\">Gatherings</a>\n      <a href=\"/\" class=\"nav-link\">\u2190 One Willow Wellness</a>\n    </div>\n    <a href=\"#waitlist\" 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\">Early Access</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=\"#collections\" class=\"mobile-link py-1\">Collections</a><a href=\"#garden\" class=\"mobile-link py-1\">The Garden</a><a href=\"#events\" class=\"mobile-link py-1\">Gatherings</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-[84vh] 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 Apothecary</p>\n    <h1 class=\"reveal stagger-1 serif text-pine font-medium leading-[1.0] text-[clamp(2.7rem,7vw,5.4rem)]\">Herbs, beauty<br>&amp; everyday ritual</h1>\n    <p class=\"reveal stagger-2 mt-7 text-[17px] leading-relaxed text-ink-muted max-w-xl\">An herbal dispensary, natural beauty rituals, and a boba-tea wellness shop \u2014 Chinese and Western formulas gathered for vitality, calm, and care. Curated by herbalist and founder Nancy Young.</p>\n    <div class=\"reveal stagger-3 mt-9 flex flex-wrap items-center justify-center gap-4\">\n      <a href=\"#collections\" 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\">Browse the Collections</a>\n      <a href=\"#waitlist\" class=\"text-pine/80 px-2 py-3.5 text-[14px] font-medium hover:text-gold-600 transition-colors\">Get early access \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 soon \u2014 the dispensary is being stocked</p>\n  </div>\n</section>\n\n<!-- COLLECTIONS -->\n<section id=\"collections\" 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\">The Collections</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight\">Four lines, one philosophy</h2>\n      <p class=\"reveal stagger-2 mt-4 text-ink-muted text-[16px]\">Each collection is being prepared with the same care \u2014 natural, ethical, and selected for effectiveness. Join the One Willow Wellness Circle to get notices when products become available, and for news on events and gatherings, and helpful tips on healthy living.</p>\n    </div>\n    <div class=\"grid sm:grid-cols-2 gap-6\">\n      <!-- Herbal Formulas -->\n      <article class=\"card bg-white rounded-2xl overflow-hidden shadow-soft border border-gold/10\">\n        <div class=\"h-40 relative\" style=\"background:radial-gradient(120% 120% at 20% 0%,#2E5443,#152A22)\">\n          <svg viewBox=\"0 0 240 120\" class=\"absolute inset-0 w-full h-full opacity-90\"><g fill=\"none\" stroke=\"#C2A24E\" stroke-width=\"1.3\" opacity=\".8\"><path d=\"M60 110V40\"/><path d=\"M60 56c-14-2-24 6-30 18M60 56c14-2 24 6 30 18M60 40c-10-3-16-12-14-24M60 40c10-3 16-12 14-24\"/><circle cx=\"180\" cy=\"40\" r=\"16\" fill=\"#D4B96E\" opacity=\".4\" stroke=\"none\"/></g></svg>\n          <span class=\"absolute top-4 right-4 text-[10px] tracking-[0.2em] uppercase text-cream/70 bg-pine-900/60 px-3 py-1 rounded-full\">Coming soon</span>\n        </div>\n        <div class=\"p-7\">\n          <h3 class=\"serif text-2xl text-pine mb-2\">Herbal Dispensary</h3>\n          <p class=\"text-[14.5px] leading-relaxed text-ink/70\">Traditional Chinese and Western herbal formulas \u2014 granules, teas, and tinctures blended for digestion, sleep, energy, and balance.</p>\n        </div>\n      </article>\n      <!-- Beauty & Skin -->\n      <article class=\"card bg-white rounded-2xl overflow-hidden shadow-soft border border-gold/10\">\n        <div class=\"h-40 relative\" style=\"background:radial-gradient(120% 120% at 80% 0%,#4C7160,#244836)\">\n          <svg viewBox=\"0 0 240 120\" class=\"absolute inset-0 w-full h-full\"><g fill=\"none\" stroke=\"#F6EFDF\" stroke-width=\"1.2\" opacity=\".8\"><circle cx=\"120\" cy=\"60\" r=\"30\"/><circle cx=\"120\" cy=\"60\" r=\"16\"/><path d=\"M120 30v60M90 60h60\" opacity=\".5\"/></g><circle cx=\"120\" cy=\"60\" r=\"5\" fill=\"#C2A24E\" stroke=\"none\"/></svg>\n          <span class=\"absolute top-4 right-4 text-[10px] tracking-[0.2em] uppercase text-cream/70 bg-pine-900/60 px-3 py-1 rounded-full\">Coming soon</span>\n        </div>\n        <div class=\"p-7\">\n          <h3 class=\"serif text-2xl text-pine mb-2\">Natural Beauty &amp; Skin</h3>\n          <p class=\"text-[14.5px] leading-relaxed text-ink/70\">Herbal facial rituals and at-home regimens \u2014 red-light therapy, derma-rollers, and botanical skincare for a luminous, healthy glow.</p>\n        </div>\n      </article>\n      <!-- Boba + Wellness Shop -->\n      <article class=\"card bg-white rounded-2xl overflow-hidden shadow-soft border border-gold/10\">\n        <div class=\"h-40 relative\" style=\"background:radial-gradient(120% 120% at 30% 0%,#6E8B6E,#3E5E4E)\">\n          <svg viewBox=\"0 0 240 120\" class=\"absolute inset-0 w-full h-full\"><g fill=\"none\" stroke=\"#F6EFDF\" stroke-width=\"1.3\" opacity=\".85\"><path d=\"M104 36h32l-4 56h-24z\"/><path d=\"M104 50h32\"/><line x1=\"120\" y1=\"20\" x2=\"120\" y2=\"36\"/></g><g fill=\"#2C2A20\" opacity=\".6\"><circle cx=\"112\" cy=\"80\" r=\"3\"/><circle cx=\"122\" cy=\"84\" r=\"3\"/><circle cx=\"130\" cy=\"78\" r=\"3\"/></g></svg>\n          <span class=\"absolute top-4 right-4 text-[10px] tracking-[0.2em] uppercase text-cream/70 bg-pine-900/60 px-3 py-1 rounded-full\">Coming soon</span>\n        </div>\n        <div class=\"p-7\">\n          <h3 class=\"serif text-2xl text-pine mb-2\">Boba &amp; Wellness Shop</h3>\n          <p class=\"text-[14.5px] leading-relaxed text-ink/70\">A boba-tea and wellness bar \u2014 functional teas, adaptogenic boba, and small-batch wellness goods to sip and take home.</p>\n        </div>\n      </article>\n      <!-- Memberships -->\n      <article class=\"card bg-white rounded-2xl overflow-hidden shadow-soft border border-gold/10\">\n        <div class=\"h-40 relative\" style=\"background:radial-gradient(120% 120% at 70% 0%,#A9822F,#244836)\">\n          <svg viewBox=\"0 0 240 120\" class=\"absolute inset-0 w-full h-full\"><g fill=\"none\" stroke=\"#F6EFDF\" stroke-width=\"1.2\" opacity=\".85\"><circle cx=\"120\" cy=\"58\" r=\"26\"/><path d=\"M120 40l5 12 13 1-10 9 3 13-11-7-11 7 3-13-10-9 13-1z\" fill=\"#D4B96E\" stroke=\"none\" opacity=\".9\"/></g></svg>\n          <span class=\"absolute top-4 right-4 text-[10px] tracking-[0.2em] uppercase text-cream/70 bg-pine-900/60 px-3 py-1 rounded-full\">Coming soon</span>\n        </div>\n        <div class=\"p-7\">\n          <h3 class=\"serif text-2xl text-pine mb-2\">The Willow Circle</h3>\n          <p class=\"text-[14.5px] leading-relaxed text-ink/70\">A membership of seasons \u2014 member pricing on goods and services, monthly community wellness, and first seats at every gathering.</p>\n        </div>\n      </article>\n    </div>\n  </div>\n</section>\n\n<!-- GARDEN SANCTUARY -->\n<section id=\"garden\" class=\"bg-pine text-cream-100 py-24 lg:py-32 relative overflow-hidden\">\n  <div class=\"absolute inset-0 opacity-[0.14]\" style=\"background:radial-gradient(50% 60% at 20% 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 flex justify-center\">\n      <span class=\"w-60 h-60 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 garden sanctuary\" class=\"w-52 h-52 rounded-full object-cover\" />\n      </span>\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\">The Garden Sanctuary</p>\n      <h2 class=\"reveal stagger-1 serif text-cream text-[clamp(2rem,4vw,3rem)] leading-tight mb-6\">A place for calm and healing</h2>\n      <p class=\"reveal stagger-2 text-[16px] leading-relaxed text-cream/80 mb-5\">One Willow Wellness is growing an herbal garden sanctuary \u2014 a quiet space for relaxation, healing, and meditation, and for Tai Chi and Qi Gong practice beneath open sky.</p>\n      <p class=\"reveal stagger-2 text-[16px] leading-relaxed text-cream/80\">It is the heart of the apothecary \u2014 where herbs are grown, where the community gathers, and where natural healing begins.</p>\n    </div>\n  </div>\n</section>\n\n<!-- GATHERINGS / EVENTS -->\n<section id=\"events\" class=\"bg-cream-100 py-24 lg:py-28\">\n  <div class=\"max-w-6xl mx-auto px-5 sm:px-8\">\n    <div class=\"max-w-2xl mb-14\">\n      <p class=\"reveal text-gold-600 text-[12px] tracking-[0.3em] font-semibold uppercase mb-4\">Gatherings</p>\n      <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2rem,4vw,3rem)] leading-tight\">Women's wellness, in good company</h2>\n      <p class=\"reveal stagger-2 mt-4 text-ink-muted text-[16px]\">The apothecary is also a gathering place. A calendar of seasonal events, built around women's health and creative community.</p>\n    </div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5\">\n      <div class=\"reveal bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Menopause Coaching</h3><p class=\"text-[14px] text-ink/65\">Guided circles on peri- and post-menopausal health, naturally.</p></div>\n      <div class=\"reveal stagger-1 bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Beauty &amp; Wellness Days</h3><p class=\"text-[14px] text-ink/65\">Hands-on rituals \u2014 facials, derma-rolling, herbal skincare.</p></div>\n      <div class=\"reveal stagger-2 bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Tea &amp; Boba Tastings</h3><p class=\"text-[14px] text-ink/65\">Sip through the seasonal menu and learn what each herb does.</p></div>\n      <div class=\"reveal bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Tai Chi &amp; Qi Gong</h3><p class=\"text-[14px] text-ink/65\">Gentle movement in the garden \u2014 all ages, all bodies welcome.</p></div>\n      <div class=\"reveal stagger-1 bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Life-Skills Workshops</h3><p class=\"text-[14px] text-ink/65\">Practical creative sessions for growth and connection.</p></div>\n      <div class=\"reveal stagger-2 bg-white rounded-xl p-7 shadow-soft border border-gold/10\"><p class=\"serif text-gold text-2xl mb-2\">\u274b</p><h3 class=\"serif text-xl text-pine mb-1.5\">Tea &amp; Tarot Evenings</h3><p class=\"text-[14px] text-ink/65\">A creative, reflective close to the season under the willow.</p></div>\n    </div>\n  </div>\n</section>\n\n<!-- WAITLIST -->\n<section id=\"waitlist\" 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\">Early Access</p>\n    <h2 class=\"reveal stagger-1 serif text-pine text-[clamp(2.2rem,4.5vw,3.4rem)] leading-tight mb-5\">Shop the apothecary first</h2>\n    <p class=\"reveal stagger-2 text-ink-muted text-[16px] mb-9 max-w-xl mx-auto\">Join the Willow Circle for first access to the dispensary and beauty collections, member pricing, and invitations to every gathering.</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('ok').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\">Get Early Access</button>\n    </form>\n    <p id=\"ok\" class=\"hidden mt-4 text-jade text-[14px]\">\u2713 You're on the list. We'll open the doors to you first.</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 Apothecary \u00b7 Herbs &amp; Wellness</p></div>\n      </a>\n      <div class=\"flex flex-wrap items-center gap-5 text-[13px]\">\n        <a href=\"/acupuncture.html\" class=\"hover:text-gold-400 transition-colors\">The Clinic</a>\n        <a href=\"/books.html\" class=\"hover:text-gold-400 transition-colors\">The Gallery</a>\n        <a href=\"#waitlist\" class=\"hover:text-gold-400 transition-colors\">Early Access</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 soon \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){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"}
