{"id":47,"date":"2026-01-09T03:40:38","date_gmt":"2026-01-09T03:40:38","guid":{"rendered":"https:\/\/leadshorizon.com\/?page_id=47"},"modified":"2026-01-09T05:17:02","modified_gmt":"2026-01-09T05:17:02","slug":"website-3","status":"publish","type":"page","link":"https:\/\/leadshorizon.com\/?page_id=47","title":{"rendered":"Website 3"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\nTHE BODY RHYTHM | Somatic Architecture<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<script src=\"https:\/\/code.iconify.design\/iconify-icon\/1.0.7\/iconify-icon.min.js\"><\/script>\n<style>\n\/* --- 1. CORE VARIABLES & RESET --- *\/\n:root {\n--bg: #0f0e0e; \/* Obsidian *\/\n--surface: #1a1919; \/* Charcoal *\/\n--text-main: #e0dedb; \/* Bone *\/\n--text-muted: #757370;\n--accent: #cd5c45; \/* Terracotta (Nerve\/Blood) *\/\n--accent-soft: #a89f91;\n--font-display: 'Syne', sans-serif;\n--font-body: 'Cormorant Garamond', serif;\n--ease: cubic-bezier(0.16, 1, 0.3, 1);\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\nbackground-color: var(--bg);\ncolor: var(--text-main);\nfont-family: var(--font-body);\nfont-size: 18px;\noverflow-x: hidden;\ncursor: none;\n}\n\/* --- 2. TEXTURE & ATMOSPHERE --- *\/\n.noise-overlay {\nposition: fixed; top: 0; left: 0; width: 100%; height: 100%;\npointer-events: none; z-index: 999;\nopacity: 0.04;\nbackground: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\/* --- 3. CUSTOM CURSOR --- *\/\n.cursor {\nposition: fixed; top: 0; left: 0; width: 12px; height: 12px;\nbackground: var(--accent); border-radius: 50%;\ntransform: translate(-50%, -50%); pointer-events: none; z-index: 1000;\ntransition: width 0.3s, height 0.3s, background 0.3s;\n}\n.cursor-follower {\nposition: fixed; top: 0; left: 0; width: 40px; height: 40px;\nborder: 1px solid rgba(255,255,255,0.2); border-radius: 50%;\ntransform: translate(-50%, -50%); pointer-events: none; z-index: 999;\ntransition: transform 0.1s;\n}\n\/* --- 4. TYPOGRAPHY SYSTEM --- *\/\n.display-xl {\nfont-family: var(--font-display);\nfont-size: clamp(4rem, 15vw, 12rem);\nfont-weight: 700;\nline-height: 0.85;\nletter-spacing: -0.04em;\ntext-transform: uppercase;\ncolor: transparent;\n-webkit-text-stroke: 1px rgba(255,255,255,0.2);\ntransition: 0.5s;\n}\n.display-xl.filled { color: var(--text-main); -webkit-text-stroke: 0; }\n.heading-lg {\nfont-family: var(--font-body);\nfont-size: clamp(2rem, 5vw, 4rem);\nfont-weight: 300;\nline-height: 1.1;\n}\n.label {\nfont-family: var(--font-display);\nfont-size: 0.75rem;\ntext-transform: uppercase;\nletter-spacing: 0.15em;\ncolor: var(--accent);\nmargin-bottom: 1rem;\ndisplay: block;\n}\n.tracking-tight { letter-spacing: -0.02em; }\n.font-display { font-family: var(--font-display); }\n\/* --- 5. LAYOUT COMPONENTS --- *\/\nnav {\nposition: fixed; top: 0; width: 100%; padding: 2rem 4rem;\ndisplay: flex; justify-content: space-between; align-items: center;\nz-index: 100; mix-blend-mode: difference;\n}\n.nav-logo { font-family: var(--font-display); font-weight: 700; letter-spacing: -1px; font-size: 1.2rem; }\n.section {\nmin-height: 100vh; padding: 4rem;\ndisplay: flex; flex-direction: column; justify-content: center;\nborder-bottom: 1px solid rgba(255,255,255,0.05);\nposition: relative;\n}\n\/* --- 6. MENU OVERLAY --- *\/\n.menu-overlay {\nposition: fixed; inset: 0; background: var(--bg);\nz-index: 90; transform: translateY(-100%);\ntransition: transform 0.8s var(--ease);\ndisplay: flex; flex-direction: column;\noverflow-y: auto; padding: 6rem 4rem 2rem 4rem;\n}\n.menu-overlay.open { transform: translateY(0); }\n.menu-category { margin-bottom: 2rem; }\n.menu-header {\nfont-family: var(--font-display); font-size: 0.85rem;\ntext-transform: uppercase; color: var(--text-muted);\nletter-spacing: 0.1em; margin-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5rem;\n}\n.menu-link {\ndisplay: block; font-family: var(--font-body); font-size: 1.5rem;\ncolor: var(--text-main); text-decoration: none; margin-bottom: 0.5rem;\ntransition: color 0.3s;\n}\n.menu-link:hover { color: var(--accent); }\n.menu-link.highlight { color: var(--accent); font-style: italic; }\n.footer-nav-col h4 {\nfont-family: var(--font-display); font-size: 0.75rem;\ntext-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted);\nmargin-bottom: 1rem;\n}\n.footer-nav-col a {\ndisplay: block; font-family: var(--font-display); font-size: 0.85rem;\ncolor: var(--text-main); text-decoration: none; margin-bottom: 0.5rem;\nopacity: 0.7; transition: opacity 0.3s;\n}\n.footer-nav-col a:hover { opacity: 1; }\n\/* --- 7. HERO SECTION --- *\/\n.hero-content { position: relative; z-index: 2; }\n.hero-video-bg {\nposition: absolute; top: 0; left: 0; width: 100%; height: 100%;\nobject-fit: cover; opacity: 0.3; z-index: 1; filter: grayscale(100%) contrast(1.2);\n}\n\/* --- 8. SERVICE GRID --- *\/\n.service-grid { display: grid; grid-template-columns: 1fr 1fr; height: 100vh; width: 100%; }\n.service-panel {\npadding: 4rem; display: flex; flex-direction: column; justify-content: center;\nborder-right: 1px solid rgba(255,255,255,0.05); transition: background 0.5s;\n}\n.service-panel:hover { background: #141414; }\n.service-list li {\nlist-style: none; padding: 1rem 0;\nborder-bottom: 1px solid rgba(255,255,255,0.1);\nfont-size: 1.2rem; display: flex; justify-content: space-between;\ncolor: var(--text-muted);\n}\n.service-list li span { color: var(--text-main); }\n\/* --- 9. ANIMATIONS --- *\/\n.reveal { opacity: 0; transform: translateY(40px); transition: 1.2s var(--ease); }\n.reveal.active { opacity: 1; transform: translateY(0); }\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 768px) {\nnav { padding: 1.5rem; }\n.section, .menu-overlay { padding: 1.5rem; }\n.menu-overlay { padding-top: 6rem; }\n.service-grid { grid-template-columns: 1fr; height: auto; }\n.service-panel { height: 60vh; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }\n.menu-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><link id=\"all-fonts-link-font-geist\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-geist\">.font-geist { font-family: 'Geist', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-roboto\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-roboto\">.font-roboto { font-family: 'Roboto', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-montserrat\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-montserrat\">.font-montserrat { font-family: 'Montserrat', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-poppins\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-poppins\">.font-poppins { font-family: 'Poppins', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-playfair\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;900&display=swap\"><style id=\"all-fonts-style-font-playfair\">.font-playfair { font-family: 'Playfair Display', serif !important; }<\/style><link id=\"all-fonts-link-font-instrument-serif\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:wght@400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-instrument-serif\">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }<\/style><link id=\"all-fonts-link-font-merriweather\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap\"><style id=\"all-fonts-style-font-merriweather\">.font-merriweather { font-family: 'Merriweather', serif !important; }<\/style><link id=\"all-fonts-link-font-bricolage\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-bricolage\">.font-bricolage { font-family: 'Bricolage Grotesque', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-jakarta\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\"><style id=\"all-fonts-style-font-jakarta\">.font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-manrope\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap\"><style id=\"all-fonts-style-font-manrope\">.font-manrope { font-family: 'Manrope', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-space-grotesk\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-space-grotesk\">.font-space-grotesk { font-family: 'Space Grotesk', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-work-sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap\"><style id=\"all-fonts-style-font-work-sans\">.font-work-sans { font-family: 'Work Sans', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-pt-serif\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=PT+Serif:wght@400;700&display=swap\"><style id=\"all-fonts-style-font-pt-serif\">.font-pt-serif { font-family: 'PT Serif', serif !important; }<\/style><link id=\"all-fonts-link-font-geist-mono\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist+Mono:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-geist-mono\">.font-geist-mono { font-family: 'Geist Mono', monospace !important; }<\/style><link id=\"all-fonts-link-font-space-mono\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&display=swap\"><style id=\"all-fonts-style-font-space-mono\">.font-space-mono { font-family: 'Space Mono', monospace !important; }<\/style><link id=\"all-fonts-link-font-quicksand\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-quicksand\">.font-quicksand { font-family: 'Quicksand', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-nunito\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap\"><style id=\"all-fonts-style-font-nunito\">.font-nunito { font-family: 'Nunito', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-newsreader\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Newsreader:opsz,wght@6..72,400..800&display=swap\"><style id=\"all-fonts-style-font-newsreader\">.font-newsreader { font-family: 'Newsreader', serif !important; }<\/style><link id=\"all-fonts-link-font-google-sans-flex\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Google+Sans+Flex:wght@400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-google-sans-flex\">.font-google-sans-flex { font-family: 'Google Sans Flex', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-oswald\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-oswald\">.font-oswald { font-family: 'Oswald', sans-serif !important; }<\/style><link id=\"all-fonts-link-font-dm-sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap\"><style id=\"all-fonts-style-font-dm-sans\">.font-dm-sans { font-family: 'DM Sans', sans-serif !important; }<\/style><\/head>\n<body class=\"\">\n\n <div class=\"noise-overlay\"><\/div>\n <div class=\"cursor\" style=\"transform: translate(1588px, 471px) translate(-50%, -50%);\"><\/div>\n <div class=\"cursor-follower\" style=\"transform: translate(0px, 0px) translate(-50%, -50%); width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: transparent;\"><\/div>\n\n <!-- NAVIGATION BAR -->\n <nav>\n <div class=\"nav-logo z-50\">THE BODY RHYTHM<\/div>\n <button id=\"menu-toggle\" class=\"hover-trigger z-50 text-white flex items-center gap-2 group focus:outline-none\">\n <span class=\"font-display uppercase text-xs tracking-[0.2em] group-hover:text-[var(--accent)] transition-colors duration-300\">Menu<\/span>\n <div class=\"p-2 border border-white\/20 rounded-full group-hover:border-[var(--accent)] transition-colors duration-300\">\n <iconify-icon icon=\"lucide:menu\" width=\"20\" height=\"20\" stroke-width=\"1.5\"><\/iconify-icon>\n <\/div>\n <\/button>\n <\/nav>\n\n <!-- FULL SCREEN MENU OVERLAY -->\n <div id=\"menu-overlay\" class=\"menu-overlay\">\n <div class=\"w-full max-w-7xl mx-auto flex flex-col h-full justify-between\">\n \n <!-- Primary Navigation Grid -->\n <div class=\"menu-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 mb-16\">\n \n <!-- Col 1 -->\n <div>\n <div class=\"menu-category\">\n <div class=\"menu-header\">The Method<\/div>\n <a href=\"#\" class=\"menu-link hover-trigger\">Why It Works<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">Meet the Practitioner<\/a>\n <\/div>\n \n <div class=\"menu-category\">\n <div class=\"menu-header\">Therapies<\/div>\n <a href=\"#\" class=\"menu-link hover-trigger\">GYROTONIC\u00ae<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">MPS Dolphin Neurostim<\/a>\n <\/div>\n <\/div>\n\n <!-- Col 2 -->\n <div>\n <div class=\"menu-category\">\n <div class=\"menu-header\">Solutions<\/div>\n <a href=\"#\" class=\"menu-link hover-trigger\">Nervous System Regulation<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger highlight\">C-Section & Scar Release<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">Tech Neck & Posture<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">Chronic Pain Management<\/a>\n <\/div>\n\n <div class=\"menu-category\">\n <div class=\"menu-header\">Results<\/div>\n <a href=\"#\" class=\"menu-link hover-trigger\">Case Studies<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">Testimonials<\/a>\n <\/div>\n <\/div>\n\n <!-- Col 3 -->\n <div>\n <div class=\"menu-category\">\n <div class=\"menu-header\">New Clients<\/div>\n <a href=\"#\" class=\"menu-link hover-trigger\">First Visit FAQ<\/a>\n <a href=\"#\" class=\"menu-link hover-trigger\">Pricing & Packages<\/a>\n <\/div>\n \n <div class=\"mt-8\">\n <a href=\"#book\" onclick=\"toggleMenu()\" class=\"inline-flex items-center justify-between w-full p-6 border border-[var(--accent)] text-[var(--accent)] hover:bg-[var(--accent)] hover:text-white transition-all duration-300 group hover-trigger\">\n <span class=\"font-display uppercase tracking-widest text-sm\">Start Your Reset<\/span>\n <iconify-icon icon=\"lucide:arrow-right\" width=\"20\" stroke-width=\"1.5\" class=\"group-hover:translate-x-1 transition-transform\"><\/iconify-icon>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Footer Navigation (Inside Overlay) -->\n <div class=\"border-t border-white\/10 pt-12 pb-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"footer-nav-col\">\n <h4>Locations<\/h4>\n <a href=\"#\" class=\"hover-trigger flex items-center gap-2\">\n <iconify-icon icon=\"lucide:map-pin\" width=\"14\"><\/iconify-icon>\n Santa Monica | Ocean Park\n <\/a>\n <a href=\"#\" class=\"hover-trigger flex items-center gap-2\">\n <iconify-icon icon=\"lucide:map-pin\" width=\"14\"><\/iconify-icon>\n Los Angeles | Westside\n <\/a>\n <\/div>\n\n <div class=\"footer-nav-col\">\n <h4>Quick Links<\/h4>\n <a href=\"#\" class=\"hover-trigger\">Teacher Training<\/a>\n <a href=\"#\" class=\"hover-trigger\">Gift Cards<\/a>\n <a href=\"#\" class=\"hover-trigger\">Client Portal<\/a>\n <\/div>\n\n <div class=\"footer-nav-col\">\n <h4>Legal<\/h4>\n <a href=\"#\" class=\"hover-trigger\">Privacy Policy<\/a>\n <a href=\"#\" class=\"hover-trigger\">Medical Disclaimer<\/a>\n <a href=\"#\" class=\"hover-trigger\">Terms of Service<\/a>\n <\/div>\n\n <div class=\"footer-nav-col\">\n <h4>Social<\/h4>\n <a href=\"#\" class=\"hover-trigger flex items-center gap-2\">\n <iconify-icon icon=\"lucide:instagram\" width=\"14\"><\/iconify-icon>\n Instagram\n <\/a>\n <a href=\"#\" class=\"hover-trigger flex items-center gap-2\">\n <iconify-icon icon=\"lucide:youtube\" width=\"14\"><\/iconify-icon>\n YouTube\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- MAIN CONTENT -->\n <main class=\"\">\n <section class=\"section\">\n <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" class=\"hero-video-bg\">\n <source src=\"https:\/\/videos.pexels.com\/video-files\/5091624\/5091624-hd_1920_1080_24fps.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-content\">\n <span class=\"label reveal active\">Somatic Architecture<\/span>\n <h1 class=\"display-xl reveal active tracking-tight hover-trigger\" onmouseenter=\"this.classList.add('filled')\" onmouseleave=\"this.classList.remove('filled')\">Regulate<br>The System<\/h1>\n <p class=\"reveal active\" style=\"max-width: 500px; margin-top: 2rem; font-size: 1.2rem; color: var(--text-muted);\">\n A convergence of Gyrotonic\u00ae Expansion and Dolphin MPS\u00ae Neurostim Therapy. \n Designed to reset the Vagus Nerve and restore your body's natural cadence.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"section flex flex-col items-center justify-center text-center\">\n <span class=\"label reveal text-[var(--accent)] text-xs font-display uppercase tracking-[0.15em] mb-4\">The Methodology<\/span>\n <h2 class=\"heading-lg reveal tracking-tight max-w-4xl mb-20 font-light leading-tight\">\n \"Trauma and stress are not just in the mind.\n <span class=\"text-[var(--accent)] italic\">They are rhythms trapped in the nervous system.\"<\/span>\n <\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-24 text-left max-w-5xl w-full px-4\">\n <div class=\"reveal flex flex-col gap-4\">\n <h3 class=\"nav-logo text-xl font-semibold tracking-tight\">01. RELEASE<\/h3>\n <p class=\"text-[var(--text-muted)] text-lg leading-relaxed\">\n Using <span class=\"text-[var(--text-main)]\">MPS Dolphin Neurostim<\/span> to electrically locate and release scar tissue (C-Section, surgery) that blocks the autonomic nervous system.\n <\/p>\n <\/div>\n <div class=\"reveal flex flex-col gap-4\">\n <h3 class=\"nav-logo text-xl font-semibold tracking-tight\">02. EXPAND<\/h3>\n <p class=\"text-[var(--text-muted)] text-lg leading-relaxed\">\n Using the <span class=\"text-[var(--text-main)]\">Gyrotonic Expansion System\u00ae<\/span> to spiral the spine, creating space between vertebrae and hydrating the fascia.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"service-grid\">\n <div class=\"service-panel hover-trigger\">\n <span class=\"label\">Architecture of Motion<\/span>\n <h2 class=\"heading-lg tracking-tight\" style=\"margin-bottom: 2rem;\">GYROTONIC\u00ae<\/h2>\n <p style=\"margin-bottom: 2rem; color: var(--text-muted);\" class=\"\">Three-dimensional movement that mobilizes the spine and joints.<\/p>\n \n <ul class=\"service-list\">\n <li class=\"\">Private Session <span>55 Min<\/span><\/li>\n <li class=\"\">Duet Session <span>55 Min<\/span><\/li>\n <li class=\"\">Scoliosis Mgmt <span>Custom<\/span><\/li>\n <li>Tech-Neck Release <span>Custom<\/span><\/li>\n <\/ul>\n <\/div><style>\n \/* Layout Adaptation: Transforms the split-screen grid into a vertical flow to accommodate the new section *\/\n .service-grid {\n display: flex !important;\n flex-direction: column !important;\n height: auto !important;\n }\n .service-panel {\n width: 100% !important;\n height: auto !important;\n min-height: 50vh !important;\n border-right: none !important;\n border-bottom: 1px solid rgba(255,255,255,0.05) !important;\n padding: 4rem 2rem !important;\n }\n @media (min-width: 768px) {\n .service-panel { padding: 6rem 4rem !important; }\n }\n<\/style><div class=\"service-panel hover-trigger\" style=\"background: #121212\">\n <span class=\"label\">Architecture of Nerves<\/span>\n <h2 class=\"heading-lg tracking-tight\" style=\"margin-bottom: 2rem;\">MPS THERAPY<\/h2>\n <p style=\"margin-bottom: 2rem; color: var(--text-muted);\">Microcurrent Point Stimulation to upregulate the Vagus Nerve.<\/p>\n \n <ul class=\"service-list\">\n <li>Scar Release <span>30 Min<\/span><\/li>\n <li>Vagal Tone Reset <span>45 Min<\/span><\/li>\n <li>Chronic Pain Protocol <span>60 Min<\/span><\/li>\n <li>Long COVID Recovery <span>60 Min<\/span><\/li>\n <\/ul>\n <\/div><div class=\"w-full border-b border-white\/5 bg-[#0f0e0e] relative z-10 group\">\n \n <!-- Section Header -->\n <div class=\"flex flex-col md:flex-row justify-between items-end px-8 md:px-16 py-12 md:py-16 border-b border-white\/5\">\n <div>\n <span class=\"label reveal active\">Visual Frequency<\/span>\n <h2 class=\"heading-lg tracking-tight reveal active\">Resonance <span class=\"text-[var(--text-muted)]\">&<\/span> Flow<\/h2>\n <\/div>\n <button class=\"hover-trigger mt-6 md:mt-0 flex items-center gap-3 text-sm uppercase tracking-widest text-[var(--text-muted)] hover:text-[var(--accent)] transition-colors duration-300\">\n <span>Explore Gallery<\/span>\n <iconify-icon icon=\"lucide:arrow-down-right\" width=\"18\" stroke-width=\"1.5\"><\/iconify-icon>\n <\/button>\n <\/div>\n\n <!-- Bento Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-3 h-auto md:h-[800px] border-b border-white\/5\">\n \n <!-- Main Feature (Large Left) -->\n <div class=\"md:col-span-2 relative border-r border-white\/5 hover-trigger overflow-hidden group\/item\">\n <img decoding=\"async\" src=\"https:\/\/hoirqrkdgbmvpwutwuwj.supabase.co\/storage\/v1\/object\/public\/assets\/assets\/54e709c7-67d2-428c-846f-31d2a9b1ae42_1600w.webp\" alt=\"Somatic Texture\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover\/item:scale-105 opacity-60 group-hover\/item:opacity-80\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0f0e0e] via-transparent to-transparent opacity-90\"><\/div>\n \n <div class=\"absolute bottom-0 left-0 p-8 md:p-12 w-full\">\n <div class=\"flex items-center gap-4 mb-4 opacity-0 transform translate-y-4 group-hover\/item:opacity-100 group-hover\/item:translate-y-0 transition-all duration-500\">\n <span class=\"px-3 py-1 border border-white\/20 rounded-full text-xs uppercase tracking-widest text-[var(--accent)] backdrop-blur-md\">Deep Tissue<\/span>\n <span class=\"px-3 py-1 border border-white\/20 rounded-full text-xs uppercase tracking-widest text-white\/70 backdrop-blur-md\">Fascia<\/span>\n <\/div>\n <h3 class=\"font-display text-3xl md:text-5xl text-white mb-2\">Cellular Memory<\/h3>\n <p class=\"text-[var(--text-muted)] max-w-md text-lg font-light leading-relaxed\">Releasing the rhythmic patterns stored within the connective tissue matrix.<\/p>\n <\/div>\n <\/div>\n\n <!-- Right Column Stack -->\n <div class=\"grid grid-rows-2\">\n \n <!-- Top Right -->\n <div class=\"relative border-b border-white\/5 hover-trigger overflow-hidden group\/item\">\n <img decoding=\"async\" src=\"https:\/\/hoirqrkdgbmvpwutwuwj.supabase.co\/storage\/v1\/object\/public\/assets\/assets\/97d65ee2-a03b-441d-afa1-43e11d333b30_1600w.webp\" alt=\"Abstract Curves\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover\/item:scale-110 opacity-50 grayscale group-hover\/item:grayscale-0\">\n \n <div class=\"absolute top-6 right-6 z-10\">\n <div class=\"w-10 h-10 rounded-full border border-white\/10 flex items-center justify-center bg-black\/20 backdrop-blur-sm group-hover\/item:bg-[var(--accent)] group-hover\/item:border-[var(--accent)] transition-all duration-300\">\n <iconify-icon icon=\"lucide:waves\" width=\"20\" class=\"text-white\"><\/iconify-icon>\n <\/div>\n <\/div>\n \n <div class=\"absolute bottom-8 left-8\">\n <h4 class=\"font-display uppercase tracking-widest text-sm text-white mb-1\">Fluid Dynamics<\/h4>\n <span class=\"text-xs text-[var(--text-muted)]\">01. Immersion<\/span>\n <\/div>\n <\/div>\n\n <!-- Bottom Right (Split) -->\n <div class=\"grid grid-cols-2\">\n <!-- Data Block -->\n <div class=\"border-r border-white\/5 p-6 flex flex-col justify-between hover-trigger group\/data bg-[#141414]\">\n <div class=\"flex justify-between items-start\">\n <iconify-icon icon=\"lucide:activity\" width=\"20\" class=\"text-[var(--accent)]\"><\/iconify-icon>\n <span class=\"text-xs text-[var(--text-muted)] font-mono\">HRV STATUS<\/span>\n <\/div>\n <div>\n <div class=\"text-4xl font-display text-white mb-1 group-hover\/data:text-[var(--accent)] transition-colors\">+42<span class=\"text-lg opacity-50\">%<\/span><\/div>\n <p class=\"text-xs text-[var(--text-muted)] leading-tight\">Vagal tone increase post-session.<\/p>\n <\/div>\n <\/div>\n\n <!-- Small Image -->\n <div class=\"relative hover-trigger overflow-hidden group\/item\">\n <img decoding=\"async\" src=\"https:\/\/hoirqrkdgbmvpwutwuwj.supabase.co\/storage\/v1\/object\/public\/assets\/assets\/b68436bd-2956-4c5a-873d-2ae0fdd4c564_800w.webp\" alt=\"Texture\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover\/item:scale-110 opacity-60\">\n <div class=\"absolute inset-0 flex items-center justify-center opacity-0 group-hover\/item:opacity-100 transition-opacity duration-300 bg-black\/40\">\n <span class=\"font-display uppercase text-xs tracking-[0.2em] text-white border-b border-white pb-1\">View<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n \n <\/section>\n\n <section class=\"section\" id=\"book\" style=\"justify-content: center; align-items: center; text-align: center;\">\n <h2 class=\"display-xl hover-trigger tracking-tight\" id=\"footer-text\">Begin<\/h2>\n <br>\n <p style=\"color: var(--text-muted);\">Santa Monica, CA \u2022 By Appointment Only<\/p>\n <a href=\"mailto:hello@thebodyrhythm.com\" style=\"margin-top: 2rem; color: var(--accent); text-transform: uppercase; letter-spacing: 2px; text-decoration: none; border-bottom: 1px solid var(--accent);\">\n hello@thebodyrhythm.com\n <\/a>\n <\/section>\n <\/main>\n\n <script>\n \/\/ 1. MENU TOGGLE LOGIC\n const menuToggle = document.getElementById('menu-toggle');\n const menuOverlay = document.getElementById('menu-overlay');\n const menuIcon = menuToggle.querySelector('iconify-icon');\n const menuText = menuToggle.querySelector('span');\n let isMenuOpen = false;\n\n function toggleMenu() {\n isMenuOpen = !isMenuOpen;\n if(isMenuOpen) {\n menuOverlay.classList.add('open');\n menuIcon.setAttribute('icon', 'lucide:x');\n menuText.textContent = \"Close\";\n document.body.style.overflow = 'hidden';\n } else {\n menuOverlay.classList.remove('open');\n menuIcon.setAttribute('icon', 'lucide:menu');\n menuText.textContent = \"Menu\";\n document.body.style.overflow = '';\n }\n }\n\n menuToggle.addEventListener('click', toggleMenu);\n\n \/\/ 2. CURSOR LOGIC\n const cursor = document.querySelector('.cursor');\n const follower = document.querySelector('.cursor-follower');\n \/\/ Re-select triggers including those inside the menu\n \n let mouseX = 0, mouseY = 0;\n let followerX = 0, followerY = 0;\n\n document.addEventListener('mousemove', (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n cursor.style.transform = `translate(${mouseX}px, ${mouseY}px) translate(-50%, -50%)`;\n });\n\n function animateCursor() {\n followerX += (mouseX - followerX) * 0.1;\n followerY += (mouseY - followerY) * 0.1;\n follower.style.transform = `translate(${followerX}px, ${followerY}px) translate(-50%, -50%)`;\n requestAnimationFrame(animateCursor);\n }\n animateCursor();\n\n \/\/ Update trigger listeners for dynamic content\n function updateHoverTriggers() {\n const triggers = document.querySelectorAll('.hover-trigger');\n triggers.forEach(trigger => {\n trigger.addEventListener('mouseenter', () => {\n follower.style.width = '80px';\n follower.style.height = '80px';\n follower.style.border = '1px solid var(--accent)';\n follower.style.backgroundColor = 'rgba(205, 92, 69, 0.1)';\n });\n trigger.addEventListener('mouseleave', () => {\n follower.style.width = '40px';\n follower.style.height = '40px';\n follower.style.border = '1px solid rgba(255,255,255,0.2)';\n follower.style.backgroundColor = 'transparent';\n });\n });\n }\n updateHoverTriggers();\n\n \/\/ 3. SCROLL REVEAL LOGIC\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ 4. TEXT INTERACTION (Bottom)\n const footerText = document.getElementById('footer-text');\n if(footerText) {\n footerText.addEventListener('mouseenter', () => footerText.classList.add('filled'));\n footerText.addEventListener('mouseleave', () => footerText.classList.remove('filled'));\n }\n <\/script>\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f037e0 e-flex e-con-boxed e-con e-parent\" data-id=\"9f037e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9947f26 elementor-widget elementor-widget-html\" data-id=\"9947f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Calendly badge widget begin -->\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\n<script type=\"text\/javascript\">window.onload = function() { Calendly.initBadgeWidget({ url: 'https:\/\/calendly.com\/leadshorizonph', text: 'Schedule time with me', color: '#0069ff', textColor: '#ffffff', branding: true }); }<\/script>\n<!-- Calendly badge widget end -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51907d3 e-flex e-con-boxed e-con e-parent\" data-id=\"51907d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a70c304 elementor-widget elementor-widget-html\" data-id=\"a70c304\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Calendly badge widget begin -->\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\n<script type=\"text\/javascript\">window.onload = function() { Calendly.initBadgeWidget({ url: 'https:\/\/calendly.com\/leadshorizonph', text: 'Schedule time with me', color: '#0069ff', textColor: '#ffffff', branding: true }); }<\/script>\n<!-- Calendly badge widget end -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>THE BODY RHYTHM | Somatic Architecture THE BODY RHYTHM Menu The Method Why It Works Meet the Practitioner Therapies GYROTONIC\u00ae MPS Dolphin Neurostim Solutions Nervous System Regulation C-Section & Scar Release Tech Neck & Posture Chronic Pain Management Results Case Studies Testimonials New Clients First Visit FAQ Pricing & Packages Start Your Reset Locations Santa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadshorizon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":10,"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/104"}],"up":[{"embeddable":true,"href":"https:\/\/leadshorizon.com\/index.php?rest_route=\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/leadshorizon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}