{"id":8,"date":"2026-06-11T06:31:38","date_gmt":"2026-06-11T06:31:38","guid":{"rendered":"https:\/\/drranafoundation.org\/?page_id=8"},"modified":"2026-06-11T07:39:33","modified_gmt":"2026-06-11T07:39:33","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/drranafoundation.org\/","title":{"rendered":"Dr. Rana Parkinson Foundation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDr. Rana Parkinson Foundation<\/title>\r\n\r\n\r\n\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --ink: #1a1a2e;\r\n --ink-muted: #4a4a6a;\r\n --gold: #b8860b;\r\n --gold-light: #d4a843;\r\n --gold-pale: #fdf6e3;\r\n --teal: #1d6e6e;\r\n --teal-light: #2a9d8f;\r\n --white: #ffffff;\r\n --cream: #fafaf7;\r\n --border: rgba(184,134,11,0.18);\r\n --section-pad: clamp(4rem, 8vw, 7rem);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: var(--ink);\r\n background: var(--cream);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n padding: 1.2rem 5vw;\r\n display: flex; justify-content: space-between; align-items: center;\r\n background: rgba(250,250,247,0.92);\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n .nav-logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.15rem;\r\n font-weight: 600;\r\n color: var(--ink);\r\n letter-spacing: 0.02em;\r\n line-height: 1.3;\r\n }\r\n .nav-logo span { color: var(--gold); }\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n .nav-links a {\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n font-weight: bold;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--ink-muted);\r\n transition: color 0.2s;\r\n }\r\n .nav-links a:hover { color: var(--gold); }\r\n .nav-links a.active {\r\n color: var(--gold);\r\n position: relative;\r\n }\r\n .nav-links a.active::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px; left: 0; right: 0;\r\n height: 1.5px;\r\n background: var(--gold);\r\n transform-origin: left;\r\n animation: slideIn 0.25s ease forwards;\r\n }\r\n @keyframes slideIn {\r\n from { transform: scaleX(0); }\r\n to { transform: scaleX(1); }\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: flex; flex-direction: column; justify-content: center;\r\n padding: 7rem 5vw 4rem;\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--ink);\r\n }\r\n .hero-bg-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.12);\r\n animation: breathe 8s ease-in-out infinite;\r\n }\r\n .hero-bg-ring:nth-child(1) { width: 600px; height: 600px; top: -200px; right: -150px; }\r\n .hero-bg-ring:nth-child(2) { width: 900px; height: 900px; top: -350px; right: -300px; animation-delay: -3s; }\r\n .hero-bg-ring:nth-child(3) { width: 300px; height: 300px; bottom: 5%; left: -80px; animation-delay: -5s; }\r\n @keyframes breathe {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.04); opacity: 0.6; }\r\n }\r\n\r\n .hero-eyebrow {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin-bottom: 1.5rem;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.2s forwards;\r\n }\r\n .hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2.8rem, 6vw, 5.5rem);\r\n font-weight: 300;\r\n line-height: 1.08;\r\n color: var(--white);\r\n max-width: 780px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.4s forwards;\r\n }\r\n .hero-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n .hero-sub {\r\n margin-top: 2rem;\r\n font-size: 1.05rem;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.65);\r\n max-width: 540px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.6s forwards;\r\n }\r\n .hero-actions {\r\n margin-top: 2.8rem;\r\n display: flex; gap: 1rem; flex-wrap: wrap;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.8s forwards;\r\n }\r\n .btn-primary {\r\n display: inline-block;\r\n padding: 0.9rem 2.2rem;\r\n background: var(--gold);\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n transition: background 0.25s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); }\r\n .btn-outline {\r\n display: inline-block;\r\n padding: 0.9rem 2.2rem;\r\n border: 1px solid rgba(255,255,255,0.3);\r\n color: rgba(255,255,255,0.8);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n transition: border-color 0.25s, color 0.25s;\r\n }\r\n .btn-outline:hover { border-color: var(--gold-light); color: var(--gold-light); }\r\n\r\n .hero-stats {\r\n margin-top: 5rem;\r\n display: flex; gap: 3rem; flex-wrap: wrap;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding-top: 2.5rem;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 1s forwards;\r\n }\r\n .hero-stat-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.4rem;\r\n font-weight: 300;\r\n color: var(--gold-light);\r\n line-height: 1;\r\n }\r\n .hero-stat-label {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.45);\r\n margin-top: 0.3rem;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(32px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\r\n section { padding: var(--section-pad) 5vw; scroll-margin-top: 72px; }\r\n .section-eyebrow {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.8rem;\r\n }\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 300;\r\n line-height: 1.2;\r\n color: var(--ink);\r\n }\r\n .section-title em { font-style: italic; color: var(--teal); }\r\n .divider {\r\n width: 48px; height: 2px;\r\n background: var(--gold);\r\n margin: 1.5rem 0;\r\n }\r\n\r\n \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\r\n #about { background: var(--white); }\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n margin-top: 3rem;\r\n }\r\n .about-text p {\r\n font-size: 1.05rem;\r\n line-height: 1.85;\r\n color: var(--ink-muted);\r\n margin-bottom: 1.2rem;\r\n }\r\n .about-visual {\r\n position: relative;\r\n }\r\n .about-card {\r\n background: var(--ink);\r\n padding: 3rem 2.5rem;\r\n color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .about-card::before {\r\n content: '';\r\n position: absolute; top: -40px; right: -40px;\r\n width: 160px; height: 160px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.25);\r\n }\r\n .about-card::after {\r\n content: '';\r\n position: absolute; bottom: -60px; left: -20px;\r\n width: 220px; height: 220px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.12);\r\n }\r\n .about-card-quote {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.5rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.5;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 1.5rem;\r\n }\r\n .about-card-name {\r\n font-size: 0.8rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n }\r\n\r\n \/* \u2500\u2500 MISSION PILLARS \u2500\u2500 *\/\r\n #mission { background: var(--gold-pale); }\r\n .pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5px;\r\n margin-top: 3.5rem;\r\n background: var(--border);\r\n }\r\n .pillar {\r\n background: var(--white);\r\n padding: 2.5rem 2rem;\r\n transition: background 0.3s, transform 0.3s;\r\n cursor: default;\r\n }\r\n .pillar:hover {\r\n background: var(--ink);\r\n transform: translateY(-4px);\r\n }\r\n .pillar:hover .pillar-num,\r\n .pillar:hover .pillar-title,\r\n .pillar:hover .pillar-text { color: var(--white); }\r\n .pillar:hover .pillar-num { color: var(--gold-light); }\r\n .pillar-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 3rem;\r\n font-weight: 300;\r\n color: rgba(26,26,46,0.1);\r\n line-height: 1;\r\n margin-bottom: 1rem;\r\n transition: color 0.3s;\r\n }\r\n .pillar-title {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n letter-spacing: 0.05em;\r\n color: var(--ink);\r\n margin-bottom: 0.8rem;\r\n transition: color 0.3s;\r\n }\r\n .pillar-text {\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n color: var(--ink-muted);\r\n transition: color 0.3s;\r\n }\r\n\r\n \/* \u2500\u2500 DR. RANA PROFILE \u2500\u2500 *\/\r\n #founder { background: var(--white); }\r\n .founder-grid {\r\n display: grid;\r\n grid-template-columns: 380px 1fr;\r\n gap: 5rem;\r\n align-items: start;\r\n margin-top: 3rem;\r\n }\r\n .founder-portrait {\r\n background: var(--ink);\r\n padding: 2.5rem;\r\n position: relative;\r\n }\r\n .founder-portrait::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px; right: -12px;\r\n width: 100%; height: 100%;\r\n border: 1px solid var(--gold);\r\n z-index: -1;\r\n }\r\n .founder-initials {\r\n width: 100%; aspect-ratio: 1;\r\n background: linear-gradient(135deg, rgba(184,134,11,0.2) 0%, rgba(29,110,110,0.2) 100%);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 6rem;\r\n font-weight: 300;\r\n color: var(--gold-light);\r\n }\r\n .founder-portrait-name {\r\n margin-top: 1.5rem;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.5rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n }\r\n .founder-portrait-title {\r\n font-size: 0.78rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin-top: 0.3rem;\r\n }\r\n .founder-bio p {\r\n font-size: 1rem;\r\n line-height: 1.85;\r\n color: var(--ink-muted);\r\n margin-bottom: 1.2rem;\r\n }\r\n .credentials-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n margin-top: 2rem;\r\n }\r\n .credential {\r\n border-left: 2px solid var(--gold);\r\n padding: 0.5rem 0 0.5rem 1rem;\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n color: var(--ink-muted);\r\n }\r\n .credential strong {\r\n display: block;\r\n font-weight: 500;\r\n color: var(--ink);\r\n font-size: 0.88rem;\r\n }\r\n\r\n \/* \u2500\u2500 BOOKS \u2500\u2500 *\/\r\n #books { background: var(--cream); }\r\n .books-intro {\r\n max-width: 600px;\r\n margin-bottom: 3rem;\r\n }\r\n .books-intro p {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: var(--ink-muted);\r\n margin-top: 1rem;\r\n }\r\n .books-marquee-wrapper {\r\n overflow: hidden;\r\n position: relative;\r\n margin: 0 -5vw;\r\n padding: 1.5rem 0;\r\n }\r\n .books-marquee-wrapper::before,\r\n .books-marquee-wrapper::after {\r\n content: '';\r\n position: absolute; top: 0; bottom: 0; width: 8vw; z-index: 2;\r\n }\r\n .books-marquee-wrapper::before { left: 0; background: linear-gradient(to right, var(--cream), transparent); }\r\n .books-marquee-wrapper::after { right: 0; background: linear-gradient(to left, var(--cream), transparent); }\r\n .books-marquee {\r\n display: flex;\r\n gap: 1.2rem;\r\n width: max-content;\r\n animation: marquee 30s linear infinite;\r\n }\r\n .books-marquee:hover { animation-play-state: paused; }\r\n @keyframes marquee {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n .book-card {\r\n flex-shrink: 0;\r\n width: 180px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n padding: 1.5rem 1.2rem;\r\n transition: transform 0.25s, box-shadow 0.25s;\r\n }\r\n .book-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 36px rgba(184,134,11,0.12);\r\n }\r\n .book-icon {\r\n width: 36px; height: 48px;\r\n background: var(--ink);\r\n position: relative;\r\n margin-bottom: 1rem;\r\n }\r\n .book-icon::after {\r\n content: '';\r\n position: absolute; top: 4px; left: 4px; right: -4px; bottom: -4px;\r\n background: var(--gold);\r\n z-index: -1;\r\n }\r\n .book-title {\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: var(--ink);\r\n }\r\n\r\n \/* \u2500\u2500 TEAM \u2500\u2500 *\/\r\n #team { background: var(--ink); color: var(--white); }\r\n #team .section-title { color: var(--white); }\r\n #team .section-title em { color: var(--gold-light); }\r\n #team .divider { background: var(--gold-light); }\r\n .team-lead {\r\n display: flex;\r\n gap: 2.5rem;\r\n align-items: center;\r\n margin: 3rem 0;\r\n padding: 2.5rem;\r\n border: 1px solid rgba(184,134,11,0.2);\r\n background: rgba(255,255,255,0.04);\r\n }\r\n .team-lead-avatar {\r\n flex-shrink: 0;\r\n width: 80px; height: 80px;\r\n border-radius: 50%;\r\n background: rgba(184,134,11,0.2);\r\n border: 1px solid var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n color: var(--gold-light);\r\n }\r\n .team-lead-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.6rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n }\r\n .team-lead-role {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin: 0.3rem 0 0.8rem;\r\n }\r\n .team-lead-bio {\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n .ambassadors-title {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n margin-bottom: 1.5rem;\r\n }\r\n .ambassadors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n .ambassador-pill {\r\n padding: 0.7rem 1.2rem;\r\n border: 1px solid rgba(184,134,11,0.15);\r\n font-size: 0.88rem;\r\n color: rgba(255,255,255,0.7);\r\n transition: border-color 0.2s, color 0.2s, background 0.2s;\r\n cursor: default;\r\n }\r\n .ambassador-pill:hover {\r\n border-color: var(--gold-light);\r\n color: var(--gold-light);\r\n background: rgba(184,134,11,0.06);\r\n }\r\n\r\n \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n #contact { background: var(--gold-pale); }\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n margin-top: 3rem;\r\n }\r\n .contact-info { }\r\n .contact-detail {\r\n display: flex;\r\n gap: 1rem;\r\n align-items: flex-start;\r\n margin-bottom: 1.5rem;\r\n }\r\n .contact-icon {\r\n flex-shrink: 0;\r\n width: 40px; height: 40px;\r\n background: var(--ink);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .contact-icon svg { width: 18px; height: 18px; stroke: var(--gold-light); fill: none; stroke-width: 1.5; }\r\n .contact-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.2rem;\r\n }\r\n .contact-value {\r\n font-size: 0.98rem;\r\n line-height: 1.5;\r\n color: var(--ink);\r\n }\r\n .contact-form { }\r\n .form-field {\r\n margin-bottom: 1.2rem;\r\n }\r\n .form-field label {\r\n display: block;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--ink-muted);\r\n margin-bottom: 0.4rem;\r\n }\r\n .form-field input,\r\n .form-field textarea {\r\n width: 100%;\r\n border: 1px solid rgba(26,26,46,0.15);\r\n background: var(--white);\r\n padding: 0.8rem 1rem;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.95rem;\r\n color: var(--ink);\r\n outline: none;\r\n transition: border-color 0.2s;\r\n }\r\n .form-field input:focus,\r\n .form-field textarea:focus { border-color: var(--gold); }\r\n .form-field textarea { height: 110px; resize: none; }\r\n .btn-submit {\r\n width: 100%;\r\n padding: 1rem;\r\n background: var(--ink);\r\n color: var(--white);\r\n border: none;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.82rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: background 0.25s;\r\n }\r\n .btn-submit:hover { background: var(--teal); }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--ink);\r\n color: rgba(255,255,255,0.5);\r\n padding: 2rem 5vw;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n font-size: 0.8rem;\r\n }\r\n .footer-logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1rem;\r\n color: var(--white);\r\n }\r\n .footer-logo span { color: var(--gold-light); }\r\n\r\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\r\n .particles {\r\n position: absolute; inset: 0; overflow: hidden; pointer-events: none;\r\n }\r\n .particle {\r\n position: absolute;\r\n width: 2px; height: 2px;\r\n background: var(--gold-light);\r\n border-radius: 50%;\r\n opacity: 0;\r\n animation: float var(--dur, 12s) var(--delay, 0s) infinite linear;\r\n }\r\n @keyframes float {\r\n 0% { transform: translateY(100vh) translateX(0); opacity: 0; }\r\n 10% { opacity: 0.5; }\r\n 90% { opacity: 0.3; }\r\n 100% { transform: translateY(-10vh) translateX(var(--drift, 40px)); opacity: 0; }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .about-grid, .founder-grid, .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n .pillars-grid { grid-template-columns: 1fr; gap: 1.5px; }\r\n .founder-grid { grid-template-columns: 1fr; }\r\n .founder-portrait { max-width: 320px; }\r\n .credentials-grid { grid-template-columns: 1fr; }\r\n .nav-links { display: none; }\r\n .hero-stats { gap: 1.5rem; }\r\n .team-lead { flex-direction: column; gap: 1.5rem; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { animation: none !important; transition: none !important; }\r\n .reveal { opacity: 1; transform: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"nav-logo\">Dr. <span>Rana<\/span> Parkinson Foundation<\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#mission\">Mission<\/a><\/li>\r\n <li><a href=\"#founder\">Founder<\/a><\/li>\r\n <li><a href=\"#books\">Publications<\/a><\/li>\r\n <li><a href=\"#team\">Team<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <p class=\"hero-eyebrow\">Canadian Non-Profit Organization \u00b7 Est. Toronto<\/p>\r\n <h1 class=\"hero-title\">\r\n Improving lives touched<br>by <em>Parkinson's disease<\/em>\r\n <\/h1>\r\n <p class=\"hero-sub\">\r\n We provide trusted education, evidence-based strategies, and compassionate support for people with Parkinson's and the caregivers who stand beside them.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#mission\" class=\"btn-primary\">Our Mission<\/a>\r\n <a href=\"#contact\" class=\"btn-outline\">Get Support<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div>\r\n <div class=\"hero-stat-num\">50+<\/div>\r\n <div class=\"hero-stat-label\">Countries Reached<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero-stat-num\">20+<\/div>\r\n <div class=\"hero-stat-label\">Languages Translated<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero-stat-num\">14+<\/div>\r\n <div class=\"hero-stat-label\">Books Published<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero-stat-num\">100%<\/div>\r\n <div class=\"hero-stat-label\">Volunteer Driven<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Who We Are<\/p>\r\n <h2 class=\"section-title\">A foundation built on<br><em>knowledge and trust<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"about-grid\">\r\n <div class=\"about-text reveal\">\r\n <p>The Dr. Rana Parkinson Foundation is a Canadian non-profit dedicated to improving the quality of life for People with Parkinson's and their caregivers \u2014 providing up-to-date education and practical strategies to manage the complexities of this condition.<\/p>\r\n <p>Dr. A.Q. Rana, a world-renowned Canadian neurologist, recognized that one of the greatest unmet needs in Parkinson's care was the absence of reliable, accessible information. Too many patients turned to unauthentic sources, often worsening their condition as a result.<\/p>\r\n <p>Driven by this gap, he founded an organization that has since grown into a globally trusted resource, run by passionate volunteers who dedicate their time to the cause.<\/p>\r\n <\/div>\r\n <div class=\"about-visual reveal\">\r\n <div class=\"about-card\">\r\n <p class=\"about-card-quote\">\"One of the most unmet needs in Parkinson's care is the lack of proper, authentic information for patients and their families.\"<\/p>\r\n <p class=\"about-card-name\">Dr. A.Q. Rana \u2014 Founder<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MISSION PILLARS -->\r\n<section id=\"mission\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">What We Do<\/p>\r\n <h2 class=\"section-title\">Our areas of <em>focus<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"pillars-grid reveal\">\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">01<\/div>\r\n <h3 class=\"pillar-title\">Patient Education<\/h3>\r\n <p class=\"pillar-text\">Providing clear, medically accurate information to people with Parkinson's so they can make informed decisions about their care and daily lives.<\/p>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">02<\/div>\r\n <h3 class=\"pillar-title\">Caregiver Support<\/h3>\r\n <p class=\"pillar-text\">Equipping caregivers with strategies and resources to manage the emotional, physical, and logistical demands of supporting a loved one with Parkinson's.<\/p>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">03<\/div>\r\n <h3 class=\"pillar-title\">Global Outreach<\/h3>\r\n <p class=\"pillar-text\">Educational brochures translated into over 20 languages and distributed across more than 50 countries, ensuring no community is left without access.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOUNDER -->\r\n<section id=\"founder\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Our Founder<\/p>\r\n <h2 class=\"section-title\">Dr. A.Q. <em>Rana<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"founder-grid\">\r\n <div class=\"founder-portrait reveal\">\r\n <div class=\"founder-initials\">AQR<\/div>\r\n <p class=\"founder-portrait-name\">Dr. A.Q. Rana<\/p>\r\n <p class=\"founder-portrait-title\">Neurologist \u00b7 Founder<\/p>\r\n <\/div>\r\n <div class=\"founder-bio reveal\">\r\n <p>Dr. Rana completed a fellowship in Parkinson's disease and Movement Disorders from the University of Ottawa, Canada. He is currently Director of the Parkinson's Clinic of Eastern Toronto and Movement Disorders Centre in Scarborough, Toronto.<\/p>\r\n <p>He is the founder of the World Parkinson's Program, a Canadian charitable organization that provides free medications and supportive services to Parkinson's patients globally. He is also founder and former editor-in-chief of the <em>Journal of Parkinsonism and Restless Legs Syndrome<\/em>, published by Dove Press.<\/p>\r\n <p>Dr. Rana has been honoured with the Wayne-Hening Award for his research and holds honorary FRCP status from the Royal College of Physicians of the United Kingdom. He is listed in both <em>Who's Who in the World<\/em> and the <em>Leading Physicians of the World<\/em>.<\/p>\r\n <div class=\"credentials-grid\">\r\n <div class=\"credential\"><strong>FRCPC<\/strong>Royal College of Physicians of Canada<\/div>\r\n <div class=\"credential\"><strong>Honorary FRCP<\/strong>Royal College of Physicians, UK<\/div>\r\n <div class=\"credential\"><strong>Wayne-Hening Award<\/strong>Research on Parkinson's & RLS<\/div>\r\n <div class=\"credential\"><strong>Fellowship<\/strong>University of Ottawa, Canada<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- BOOKS \/ PUBLICATIONS -->\r\n<section id=\"books\">\r\n <div class=\"reveal books-intro\">\r\n <p class=\"section-eyebrow\">Publications<\/p>\r\n <h2 class=\"section-title\">Authored & <em>edited works<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p>Dr. Rana has authored and edited a comprehensive body of work spanning neurological emergencies, movement disorders, and Parkinson's disease \u2014 accessible to both clinicians and the general public.<\/p>\r\n <\/div>\r\n <div class=\"books-marquee-wrapper reveal\">\r\n <div class=\"books-marquee\" id=\"marquee\">\r\n <!-- Cards duplicated in JS for infinite scroll -->\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TEAM -->\r\n<section id=\"team\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\" style=\"color: rgba(255,255,255,0.45);\">Our People<\/p>\r\n <h2 class=\"section-title\" style=\"color:var(--white);\">The team behind<br><em style=\"color:var(--gold-light)\">the foundation<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"team-lead reveal\">\r\n <div class=\"team-lead-avatar\">ZS<\/div>\r\n <div>\r\n <h3 class=\"team-lead-name\">Dr. Z. Sarfaraz<\/h3>\r\n <p class=\"team-lead-role\">President, Dr. Rana Parkinson Foundation<\/p>\r\n <p class=\"team-lead-bio\">Dr. Sarfaraz completed her medical education (MBBS) and leads the foundation with deep commitment to the neuroscience of Parkinson's disease. Having conducted research during her medical studies, she combines academic rigor with active community service \u2014 driving the foundation to new heights of impact.<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"ambassadors-title reveal\">Foundation Ambassadors<\/p>\r\n <div class=\"ambassadors-grid reveal\">\r\n <div class=\"ambassador-pill\">Dion Paul<\/div>\r\n <div class=\"ambassador-pill\">Obaid Madhosh<\/div>\r\n <div class=\"ambassador-pill\">Ismail Abdulalh<\/div>\r\n <div class=\"ambassador-pill\">Muhammad Rana<\/div>\r\n <div class=\"ambassador-pill\">Zakera Kachhvi<\/div>\r\n <div class=\"ambassador-pill\">Safwaan Rana<\/div>\r\n <div class=\"ambassador-pill\">Haleema Kachhvi<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Get In Touch<\/p>\r\n <h2 class=\"section-title\">We're here to <em>help<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info reveal\">\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Address<\/p>\r\n <p class=\"contact-value\">2060 Ellesmere Rd<br>Scarborough, ON M1H 2V6, Canada<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Clinic<\/p>\r\n <p class=\"contact-value\">Parkinson's Clinic of Eastern Toronto<br>Movement Disorders Centre, Scarborough<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Global Program<\/p>\r\n <p class=\"contact-value\">World Parkinson's Program<br>Free medications for patients worldwide<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-form reveal\">\r\n <div class=\"form-field\">\r\n <label for=\"cf-name\">Full Name<\/label>\r\n <input type=\"text\" id=\"cf-name\" placeholder=\"Your name\">\r\n <\/div>\r\n <div class=\"form-field\">\r\n <label for=\"cf-email\">Email Address<\/label>\r\n <input type=\"email\" id=\"cf-email\" placeholder=\"your@email.com\">\r\n <\/div>\r\n <div class=\"form-field\">\r\n <label for=\"cf-msg\">Message<\/label>\r\n <textarea id=\"cf-msg\" placeholder=\"How can we help you?\"><\/textarea>\r\n <\/div>\r\n <button class=\"btn-submit\">Send Message<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n \r\n <p>\u00a9 2026 Dr. Rana Parkinson Foundation \u00b7 Scarborough, Ontario, Canada<\/p>\r\n <p>Non-profit \u00b7 Volunteer-driven \u00b7 Globally trusted<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), i * 80);\r\n observer.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n reveals.forEach(el => observer.observe(el));\r\n\r\n \/\/ Smooth scroll with offset for sticky nav\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (!target) return;\r\n const navHeight = document.querySelector('nav').offsetHeight;\r\n const targetTop = target.getBoundingClientRect().top + window.scrollY - navHeight - 8;\r\n window.scrollTo({ top: targetTop, behavior: 'smooth' });\r\n document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Highlight active nav link on scroll\r\n const sections = document.querySelectorAll('section[id]');\r\n const navLinks = document.querySelectorAll('.nav-links a');\r\n window.addEventListener('scroll', () => {\r\n const navHeight = document.querySelector('nav').offsetHeight;\r\n let current = '';\r\n sections.forEach(section => {\r\n if (window.scrollY >= section.offsetTop - navHeight - 40) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href') === '#' + current) link.classList.add('active');\r\n });\r\n }, { passive: true });\r\n\r\n \/\/ Floating particles\r\n const pContainer = document.getElementById('particles');\r\n for (let i = 0; i < 18; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.cssText = `\r\n left: ${Math.random() * 100}%;\r\n --dur: ${10 + Math.random() * 14}s;\r\n --delay: ${Math.random() * -20}s;\r\n --drift: ${(Math.random() - 0.5) * 80}px;\r\n width: ${Math.random() > 0.7 ? 3 : 2}px;\r\n height: ${Math.random() > 0.7 ? 3 : 2}px;\r\n `;\r\n pContainer.appendChild(p);\r\n }\r\n\r\n \/\/ Books marquee\r\n const books = [\r\n \"Neurological Emergencies in Clinical Practice\",\r\n \"50 Ways Parkinson's Could Affect You\",\r\n \"An Aid to Neuro-ophthalmology\",\r\n \"Natural Therapies for Parkinson's Disease\",\r\n \"Essential Tremor in Clinical Practice\",\r\n \"Neurophysiology in Clinical Practice\",\r\n \"Neuroradiology in Clinical Practice\",\r\n \"99 Faces of Parkinson's Disease\",\r\n \"Differential Diagnosis of Movement Disorders\",\r\n \"FAQ about Parkinson's Disease in Urdu and Arabic\",\r\n \"Pathophysiology of Parkinson's Disease\",\r\n \"Symptoms of Parkinson's Disease\",\r\n \"Diagnosis & Management of Parkinson's Disease\",\r\n \"Synopsis of Parkinson's Disease (3 vols.)\"\r\n ];\r\n const marquee = document.getElementById('marquee');\r\n \/\/ Duplicate for seamless loop\r\n [...books, ...books].forEach(title => {\r\n const card = document.createElement('div');\r\n card.className = 'book-card';\r\n card.innerHTML = `<div class=\"book-icon\"><\/div><p class=\"book-title\">${title}<\/p>`;\r\n marquee.appendChild(card);\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Dr. Rana Parkinson Foundation Dr. Rana Parkinson Foundation About Mission Founder Publications Team Contact Canadian Non-Profit Organization \u00b7 Est. Toronto Improving lives touchedby Parkinson’s disease We provide trusted education, evidence-based strategies, and compassionate support for people with Parkinson’s and the caregivers who stand beside them. Our Mission Get Support 50+ Countries Reached 20+ Languages Translated […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}