1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <title>Contact | CoSM - Chapel of Sacred Mirrors</title> 7 <link rel="icon" href="https://www.cosm.org/favicon-32.png" type="image/png" sizes="32x32" /> 8 <link rel="icon" href="https://www.cosm.org/favicon.ico" sizes="48x48" /> 9 <link rel="apple-touch-icon" href="https://www.cosm.org/apple-touch-icon.png" /> 10 <link rel="canonical" href="https://www.cosm.org/contact" /> 11 <link rel="preload" href="https://www.cosm.org/fonts/lato-400.woff2" as="font" type="font/woff2" crossorigin /> 12 <link rel="preload" href="https://www.cosm.org/fonts/merriweather.woff2" as="font" type="font/woff2" crossorigin /> 13 <!-- Google Analytics (deferred until idle/load to reduce main-thread contention) --> 14
14<script> 15 (function () { 16 var measurementId = 'G-KZVSCPRVQ4'; 17 18 function loadGoogleAnalytics() { 19 window.dataLayer = window.dataLayer || []; 20 function gtag(){dataLayer.push(arguments);} 21 window.gtag = gtag; 22 gtag('js', new Date()); 23 gtag('config', measurementId); 24 25 var script = document.createElement('script'); 26 script.async = true; 27 script.src = 'https://www.googletagmanager.com/gtag/js?id=' + encodeURIComponent(measurementId); 28 document.head.appendChild(script); 29 } 30 31 if ('requestIdleCallback' in window) { 32 requestIdleCallback(loadGoogleAnalytics, { timeout: 4000 }); 33 } else { 34 window.addEventListener('load', function () { 35 setTimeout(loadGoogleAnalytics, 1); 36 }); 37 } 38 })(); 39 </script>
39 40 41 <!-- PostHog (deferred until idle/load to reduce main-thread contention) --> 42
42<script> 43 (function () { 44 var posthogKey = 'phc_nQ9cjNSl0Omm1nKiP1uCs7OoN5KZzknAepANPl3fBPd'; 45 var posthogHost = 'https:\/\/b.cosm.org'; 46 var posthogUiHost = 'https:\/\/us.posthog.com'; 47 48 function loadPostHog() { 49 !function(t,e){var o,n,p,r;e.__SV||(window.posthog&&window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2===o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="ci init Pi Ci ft Oi Fi ki capture calculateEventProperties Ui register register_once register_for_session unregister unregister_for_session Bi getFeatureFlag getFeatureFlagPayload getFeatureFlagResult isFeatureEnabled reloadFeatureFlags updateFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey cancelPendingSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException startExceptionAutocapture stopExceptionAutocapture loadToolbar get_property getSessionProperty ji Di createPersonProfile setInternalOrTestUser zi Ti Hi opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Ai debug bt Ni getPageViewId captureTraceFeedback captureTraceMetric Ei".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 50 51 posthog.init(posthogKey, { 52 api_host: posthogHost, 53 ui_host: posthogUiHost, 54 defaults: '2026-01-30', 55 person_profiles: 'identified_only', 56 }); 57 } 58 59 if ('requestIdleCallback' in window) { 60 requestIdleCallback(loadPostHog, { timeout: 4000 }); 61 } else { 62 window.addEventListener('load', function () { 63 setTimeout(loadPostHog, 1); 64 }); 65 } 66 })(); 67 </script>
67 68 69 <!-- Meta Pixel (deferred until idle/load) --> 70
70<script> 71 (function() { 72 var pixelId = '868367328030532'; 73 74 function loadMetaPixel() { 75 try { 76 !function(f,b,e,v,n,t,s) 77 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 78 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 79 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 80 n.queue=[];t=b.createElement(e);t.async=!0; 81 t.src=v; 82 s=b.getElementsByTagName(e)[0]; 83 s.parentNode.insertBefore(t,s)}(window, document,'script', 84 'https://connect.facebook.net/en_US/fbevents.js'); 85 fbq('init', pixelId); 86 fbq('track', 'PageView'); 87 } catch (error) { 88 // Pixel blockers are expected; avoid console noise for Best Practices. 89 } 90 } 91 92 if ('requestIdleCallback' in window) { 93 requestIdleCallback(loadMetaPixel, { timeout: 4000 }); 94 } else { 95 window.addEventListener('load', function () { 96 setTimeout(loadMetaPixel, 1); 97 }); 98 } 99 })(); 100 </script>
100 101 <noscript> 102 <img height="1" width="1" style="display:none" 103 src="https://www.facebook.com/tr?id=868367328030532&ev=PageView&noscript=1" 104 alt="" /> 105 </noscript> 106 <meta name="render-time" content="2026-10-02T03:28:34.409281Z" /> 107 108 109 <meta name="cfasync" content="false" /> 110 111 <link rel="preload" as="style" href="https://www.cosm.org/build/assets/fonts-B32E-EUc.css" /><link rel="preload" as="style" href="https://www.cosm.org/build/assets/app-C7UOUbwB.css" /><link rel="modulepreload" as="script" href="https://www.cosm.org/build/assets/app-l0sNRNKZ.js" /><link rel="stylesheet" href="https://www.cosm.org/build/assets/fonts-B32E-EUc.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://www.cosm.org/build/assets/app-C7UOUbwB.css" data-navigate-track="reload" />
111<script type="module" src="https://www.cosm.org/build/assets/app-l0sNRNKZ.js" data-navigate-track="reload" data-cfasync="false"></script>
111 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 112 113 <meta property="og:type" content="website"> 114<meta property="og:title" content="Contact"> 115<meta property="og:description" content="Get in touch with CoSM"> 116<meta property="og:url" content="https://www.cosm.org/contact"> 117<meta property="og:site_name" content="CoSM"> 118<meta property="og:image" content="https://www.cosm.org/dynamic-images/1.webp"> 119<meta property="og:image:secure_url" content="https://www.cosm.org/dynamic-images/1.webp"> 120<meta property="og:image:alt" content="Contact"> 121<meta property="og:image:width" content="1200"> 122<meta property="og:image:height" content="630"> 123<meta property="og:image:type" content="image/webp"> 124 125 126<meta name="twitter:card" content="summary_large_image"> 127<meta name="twitter:title" content="Contact"> 128<meta name="twitter:description" content="Get in touch with CoSM"> 129<meta name="twitter:image" content="https://www.cosm.org/dynamic-images/1.webp"> 130<meta name="twitter:image:alt" content="Contact"> 131 132 133<meta name="description" content="Get in touch with CoSM"> 134<meta name="author" content="CoSM"> 135 136 137<meta property="og:locale" content="en"> 138 139 140<meta name="pinterest-rich-pin" content="true"> 141 142
142<script type="application/ld+json"> 143{"@context":"https://schema.org","@type":["Organization","NonprofitOrganization"],"name":"CoSM â Chapel of Sacred Mirrors","url":"https://www.cosm.org","logo":"https://www.cosm.org/img/cosm-logo.webp","image":"https://www.cosm.org/img/og-default.jpg","description":"Chapel of Sacred Mirrors is a visionary art sanctuary in the Hudson Valley, NY.","address":{"@type":"PostalAddress","streetAddress":"46 Deer Hill Road","addressLocality":"Wappingers Falls","addressRegion":"NY","postalCode":"12590","addressCountry":"US"},"sameAs":["https://www.facebook.com/SacredMirrors","https://www.instagram.com/chapelofsacredmirrors/","https://www.youtube.com/@CoSMvision"],"email":"[email protected]","telephone":"(845) 297-2323","foundingDate":"1996","nonprofitStatus":"https://schema.org/Nonprofit501c3","taxID":"11-3350104","identifier":[{"@type":"PropertyValue","name":"Foundation EIN","value":"11-3350104"},{"@type":"PropertyValue","name":"Church EIN","value":"30-6175623"}]} 144</script>
144 145
145<script type="application/ld+json"> 146{"@context":"https://schema.org","@type":"WebSite","name":"CoSM â Chapel of Sacred Mirrors","url":"https://www.cosm.org","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.cosm.org/search?q={search_term_string}"},"query-input":"required name=search_term_string"}} 147</script>
147 148 </head> 149<body class="font-sans text-gray-900 antialiased"> 150 <a href="#main-content" 151 class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-white focus:text-primary focus:shadow-lg focus:rounded-md focus:outline-none focus:ring-2 focus:ring-primary"> 152 Skip to main content 153 </a> 154 <nav x-data="{ open: false }" class="bg-white border-b border-gray-200"> 155 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 156 <div class="hidden nav:grid nav:grid-cols-12 nav:gap-6 py-2"> 157 <!-- Logo spanning both rows --> 158 <div class="col-span-2 row-span-2 flex items-center"> 159 <a href="/" class="flex items-center"> 160 <img src="/img/cosm-logo.webp" alt="CoSM - Chapel of Sacred Mirrors" width="285" height="100" class="h-auto w-auto max-h-16" decoding="async" /> 161 </a> 162 </div> 163 164 <!-- Top row: Right side buttons --> 165 <div class="col-span-10 flex justify-end items-center space-x-4"> 166 <a href="/contribute/donate" 167 class="text-primary hover:text-white hover:bg-primary px-3 py-1.5 text-sm border border-primary rounded transition-colors "> 168 Donate 169 </a> 170 <a href="/contribute/membership-redirect" 171 class="text-primary hover:text-white hover:bg-primary px-3 py-1.5 text-sm border border-primary rounded transition-colors "> 172 Become a Member 173 </a> 174 <a href="/contribute" 175 class="text-primary hover:text-white hover:bg-primary px-3 py-1.5 text-sm border border-primary rounded transition-colors "> 176 Contribute 177 </a> 178 <a href="/live" 179 class="text-primary hover:text-white hover:bg-primary px-3 py-1.5 text-sm border border-primary rounded transition-colors "> 180 CoSM Live 181 </a> 182 </div> 183 184 <!-- Bottom row: Navigation and search --> 185 <div class="col-span-10 flex justify-between items-center border-t border-gray-200 pt-2"> 186 <div class="flex space-x-4"> 187 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 188 <div class="flex items-center border-b-2 border-transparent"> 189 <a href="/visit" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 190 Visit 191 </a> 192 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 193 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 194 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 195 </svg> 196 </button> 197 </div> 198 199 <div x-show="open" 200 x-cloak 201 x-transition:enter="transition ease-out duration-100" 202 x-transition:enter-start="opacity-0 scale-95" 203 x-transition:enter-end="opacity-100 scale-100" 204 x-transition:leave="transition ease-in duration-75" 205 x-transition:leave-start="opacity-100 scale-100" 206 x-transition:leave-end="opacity-0 scale-95" 207 @click.away="open = false" 208 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 209 <div class="py-1"> 210 <a href="/visit" 211 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 212 Plan Your Visit 213 </a> 214 <a href="/visit/wisdom-trail" 215 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 216 Wisdom Trail 217 </a> 218 <a href="/visit/mushroom-cafe" 219 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 220 Mushroom Café 221 </a> 222 <a href="/visit/grey-house" 223 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 224 Stay at Grey House 225 </a> 226 <a href="/visit/frequently-asked-questions" 227 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 228 FAQ 229 </a> 230 <a href="/visit/reserve-a-room" 231 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 232 Reserve a Room 233 </a> 234 </div> 235 </div> 236 </div> 237 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 238 <div class="flex items-center border-b-2 border-transparent"> 239 <a href="/calendar" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 240 Events 241 </a> 242 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 243 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 244 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 245 </svg> 246 </button> 247 </div> 248 249 <div x-show="open" 250 x-cloak 251 x-transition:enter="transition ease-out duration-100" 252 x-transition:enter-start="opacity-0 scale-95" 253 x-transition:enter-end="opacity-100 scale-100" 254 x-transition:leave="transition ease-in duration-75" 255 x-transition:leave-start="opacity-100 scale-100" 256 x-transition:leave-end="opacity-0 scale-95" 257 @click.away="open = false" 258 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 259 <div class="py-1"> 260 <a href="/calendar" 261 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 262 Events 263 </a> 264 <a href="/calendar/art-church" 265 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 266 Art Church 267 </a> 268 <a href="/calendar/celestial-celebrations" 269 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 270 Celestial Celebrations 271 </a> 272 <a href="/calendar/full-moon-gatherings" 273 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 274 Full Moon Gatherings 275 </a> 276 <a href="/calendar/workshops" 277 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 278 Workshops 279 </a> 280 </div> 281 </div> 282 </div> 283 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 284 <div class="flex items-center border-b-2 border-transparent"> 285 <a href="/entheon" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 286 Entheon 287 </a> 288 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 289 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 290 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 291 </svg> 292 </button> 293 </div> 294 295 <div x-show="open" 296 x-cloak 297 x-transition:enter="transition ease-out duration-100" 298 x-transition:enter-start="opacity-0 scale-95" 299 x-transition:enter-end="opacity-100 scale-100" 300 x-transition:leave="transition ease-in duration-75" 301 x-transition:leave-start="opacity-100 scale-100" 302 x-transition:leave-end="opacity-0 scale-95" 303 @click.away="open = false" 304 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 305 <div class="py-1"> 306 <a href="/entheon" 307 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 308 Sanctuary of Visionary Art 309 </a> 310 <a href="/entheon/all-one-gallery" 311 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 312 All One Gallery 313 </a> 314 <a href="/entheon/past-ex
314hibitions" 315 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 316 Past Exhibitions 317 </a> 318 </div> 319 </div> 320 </div> 321 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 322 <div class="flex items-center border-b-2 border-transparent"> 323 <a href="/vision" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 324 Vision 325 </a> 326 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 327 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 328 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 329 </svg> 330 </button> 331 </div> 332 333 <div x-show="open" 334 x-cloak 335 x-transition:enter="transition ease-out duration-100" 336 x-transition:enter-start="opacity-0 scale-95" 337 x-transition:enter-end="opacity-100 scale-100" 338 x-transition:leave="transition ease-in duration-75" 339 x-transition:leave-start="opacity-100 scale-100" 340 x-transition:leave-end="opacity-0 scale-95" 341 @click.away="open = false" 342 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 343 <div class="py-1"> 344 <a href="/vision" 345 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 346 What is CoSM? 347 </a> 348 <a href="/vision/worldview" 349 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 350 Worldview 351 </a> 352 <a href="/vision/core-values" 353 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 354 Core Values 355 </a> 356 <a href="/vision/team" 357 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 358 Team 359 </a> 360 <a href="/vision/journal" 361 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 362 CoSM Journal 363 </a> 364 <a href="/vision/books" 365 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 366 Books 367 </a> 368 <a href="/vision/use-of-art" 369 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 370 Use of Art 371 </a> 372 </div> 373 </div> 374 </div> 375 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 376 <div class="flex items-center border-b-2 border-transparent"> 377 <a href="/learn" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 378 Learn 379 </a> 380 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 381 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 382 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 383 </svg> 384 </button> 385 </div> 386 387 <div x-show="open" 388 x-cloak 389 x-transition:enter="transition ease-out duration-100" 390 x-transition:enter-start="opacity-0 scale-95" 391 x-transition:enter-end="opacity-100 scale-100" 392 x-transition:leave="transition ease-in duration-75" 393 x-transition:leave-start="opacity-100 scale-100" 394 x-transition:leave-end="opacity-0 scale-95" 395 @click.away="open = false" 396 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 397 <div class="py-1"> 398 <a href="/learn" 399 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 400 Study at CoSM 401 </a> 402 <a href="/learn/art-and-life-consultations" 403 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 404 Art & Life Consultations 405 </a> 406 <a href="/learn/workshops-learn" 407 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 408 Workshops 409 </a> 410 </div> 411 </div> 412 </div> 413 <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 414 <div class="flex items-center border-b-2 border-transparent"> 415 <a href="/get-involved" class="text-gray-700 hover:text-gray-900 pl-3 pr-1 py-2 text-sm font-medium transition-colors duration-200"> 416 Get Involved 417 </a> 418 <button @click="open = !open" class="text-gray-400 hover:text-gray-900 pr-3 py-2 transition-colors duration-200" aria-label="Toggle dropdown"> 419 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 420 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 421 </svg> 422 </button> 423 </div> 424 425 <div x-show="open" 426 x-cloak 427 x-transition:enter="transition ease-out duration-100" 428 x-transition:enter-start="opacity-0 scale-95" 429 x-transition:enter-end="opacity-100 scale-100" 430 x-transition:leave="transition ease-in duration-75" 431 x-transition:leave-start="opacity-100 scale-100" 432 x-transition:leave-end="opacity-0 scale-95" 433 @click.away="open = false" 434 class="absolute left-0 mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"> 435 <div class="py-1"> 436 <a href="/get-involved" 437 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 438 Get Involved 439 </a> 440 <a href="/get-involved/perform-present" 441 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 442 Perform & Present 443 </a> 444 <a href="/get-involved/job-listings-at-cosm" 445 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 446 Job Listings at CoSM 447 </a> 448 <a href="/get-involved/volunteer" 449 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"> 450 Volunteer 451 </a> 452 </div> 453 </div> 454 </div> 455 <a href="/shop" 456 class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium "> 457 CoSM Shop 458 </a> 459 <a href="/contact" 460 class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium text-primary font-bold border-b-2 border-primary"> 461 Contact 462 </a> 463 </div> 464 465 <!-- Search on the right --> 466 <div class="relative"> 467 <form action="https://www.cosm.org/search" method="GET"> 468 <input 469 type="search" 470 name="q" 471 placeholder="Search" 472 id="nav-search-input" 473 autocomplete="off" 474 class="w-40 px-3 py-1.5 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary" 475 > 476 <div id="nav-search-suggestions" class="hidden absolute right-0 mt-1 w-64 roun
476ded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"></div> 477 </form> 478 </div> 479 </div> 480 </div> 481 482 <!-- Mobile layout --> 483 <div class="nav:hidden"> 484 <div class="flex justify-between items-center py-4"> 485 <!-- Logo --> 486 <div class="flex-shrink-0"> 487 <a href="/" class="flex items-center"> 488 <img src="/img/cosm-logo.webp" alt="CoSM - Chapel of Sacred Mirrors" width="285" height="100" class="h-12 w-auto" decoding="async" /> 489 </a> 490 </div> 491 492 <!-- Mobile menu button --> 493 <button 494 type="button" 495 @click="open = !open" 496 :aria-expanded="open.toString()" 497 aria-controls="mobile-navigation-menu" 498 aria-label="Toggle main menu" 499 class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary" 500 > 501 <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 502 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 503 </svg> 504 </button> 505 </div> 506 </div> 507 508 <!-- Mobile menu --> 509 <div id="mobile-navigation-menu" x-show="open" x-cloak class="nav:hidden"> 510 <div class="px-3 py-2"> 511 <form action="https://www.cosm.org/search" method="GET"> 512 <input 513 type="search" 514 name="q" 515 placeholder="Search" 516 id="mobile-search-input" 517 autocomplete="off" 518 class="w-full px-3 py-2 border border-gray-300 rounded-md" 519 > 520 <div id="mobile-search-suggestions" class="hidden mt-1 w-full rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"></div> 521 </form> 522 </div> 523 <div class="pt-2 pb-3 space-y-1"> 524 <div x-data="{ subOpen: false }"> 525 <div class="flex items-center justify-between w-full"> 526 <a href="/visit" 527 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 528 Visit 529 </a> 530 <button @click="subOpen = !subOpen" 531 class="p-2 text-gray-600 hover:text-gray-900" 532 :aria-expanded="subOpen.toString()" 533 aria-label="Toggle submenu"> 534 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 535 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 536 </svg> 537 </button> 538 </div> 539 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 540 <a href="/visit/wisdom-trail" 541 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 542 Wisdom Trail 543 </a> 544 <a href="/visit/mushroom-cafe" 545 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 546 Mushroom Café 547 </a> 548 <a href="/visit/grey-house" 549 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 550 Stay at Grey House 551 </a> 552 <a href="/visit/frequently-asked-questions" 553 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 554 FAQ 555 </a> 556 <a href="/visit/reserve-a-room" 557 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 558 Reserve a Room 559 </a> 560 </div> 561 </div> 562 <div x-data="{ subOpen: false }"> 563 <div class="flex items-center justify-between w-full"> 564 <a href="/calendar" 565 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 566 Events 567 </a> 568 <button @click="subOpen = !subOpen" 569 class="p-2 text-gray-600 hover:text-gray-900" 570 :aria-expanded="subOpen.toString()" 571 aria-label="Toggle submenu"> 572 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 573 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 574 </svg> 575 </button> 576 </div> 577 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 578 <a href="/calendar/art-church" 579 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 580 Art Church 581 </a> 582 <a href="/calendar/celestial-celebrations" 583 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 584 Celestial Celebrations 585 </a> 586 <a href="/calendar/full-moon-gatherings" 587 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 588 Full Moon Gatherings 589 </a> 590 <a href="/calendar/workshops" 591 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 592 Workshops 593 </a> 594 </div> 595 </div> 596 <div x-data="{ subOpen: false }"> 597 <div class="flex items-center justify-between w-full"> 598 <a href="/entheon" 599 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 600 Entheon 601 </a> 602 <button @click="subOpen = !subOpen" 603 class="p-2 text-gray-600 hover:text-gray-900" 604 :aria-expanded="subOpen.toString()" 605 aria-label="Toggle submenu"> 606 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 607 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 608 </svg> 609 </button> 610 </div> 611 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 612 <a href="/entheon/all-one-gallery" 613 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 614 All One Gallery 615 </a>
616 <a href="/entheon/past-exhibitions" 617 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 618 Past Exhibitions 619 </a> 620 </div> 621 </div> 622 <div x-data="{ subOpen: false }"> 623 <div class="flex items-center justify-between w-full"> 624 <a href="/vision" 625 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 626 Vision 627 </a> 628 <button @click="subOpen = !subOpen" 629 class="p-2 text-gray-600 hover:text-gray-900" 630 :aria-expanded="subOpen.toString()" 631 aria-label="Toggle submenu"> 632 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 633 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 634 </svg> 635 </button> 636 </div> 637 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 638 <a href="/vision/worldview" 639 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 640 Worldview 641 </a> 642 <a href="/vision/core-values" 643 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 644 Core Values 645 </a> 646 <a href="/vision/team" 647 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 648 Team 649 </a> 650 <a href="/vision/journal" 651 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 652 CoSM Journal 653 </a> 654 <a href="/vision/books" 655 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 656 Books 657 </a> 658 <a href="/vision/use-of-art" 659 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 660 Use of Art 661 </a> 662 </div> 663 </div> 664 <div x-data="{ subOpen: false }"> 665 <div class="flex items-center justify-between w-full"> 666 <a href="/learn" 667 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 668 Learn 669 </a> 670 <button @click="subOpen = !subOpen" 671 class="p-2 text-gray-600 hover:text-gray-900" 672 :aria-expanded="subOpen.toString()" 673 aria-label="Toggle submenu"> 674 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 675 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 676 </svg> 677 </button> 678 </div> 679 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 680 <a href="/learn/art-and-life-consultations" 681 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 682 Art & Life Consultations 683 </a> 684 <a href="/learn/workshops-learn" 685 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 686 Workshops 687 </a> 688 </div> 689 </div> 690 <div x-data="{ subOpen: false }"> 691 <div class="flex items-center justify-between w-full"> 692 <a href="/get-involved" 693 class="flex-1 px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 694 Get Involved 695 </a> 696 <button @click="subOpen = !subOpen" 697 class="p-2 text-gray-600 hover:text-gray-900" 698 :aria-expanded="subOpen.toString()" 699 aria-label="Toggle submenu"> 700 <svg class="w-5 h-5 transition-transform duration-200" :class="{ 'transform rotate-180': subOpen }" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 701 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 702 </svg> 703 </button> 704 </div> 705 <div x-show="subOpen" x-cloak class="pl-4 space-y-1"> 706 <a href="/get-involved/perform-present" 707 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 708 Perform & Present 709 </a> 710 <a href="/get-involved/job-listings-at-cosm" 711 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 712 Job Listings at CoSM 713 </a> 714 <a href="/get-involved/volunteer" 715 class="block px-3 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 716 Volunteer 717 </a> 718 </div> 719 </div> 720 <a href="/shop" 721 class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 722 CoSM Shop 723 </a> 724 <a href="/contact" 725 class="block px-3 py-2 text-base font-medium text-primary font-bold bg-gray-50 border-l-4 border-primary"> 726 Contact 727 </a> 728 </div> 729 <div class="pt-4 pb-3 border-t border-gray-200"> 730 <div class="space-y-1"> 731 <a href="/contribute/donate" 732 class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 733 Donate 734 </a> 735 <a href="/contribute/membership-redirect" 736 class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 737 Become a Member 738 </a> 739 <a href="/contribute" 740 class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 741 Contribute 742 </a> 743 <a href="/live" 744 class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50"> 745 CoSM Live 746 </a> 747 </div> 748 749 </div> 750 </div> 751 </div> 752</nav> 753 754 755 <style> 756 .announcement-bar a{ 757 text-decoration: underline; 758 } 759</style> 760<div class="bg-primary text-white py-2 px-4"> 761 <div class="max-w-7xl mx-auto text-center"> 762 <p class="text-sm md:text-base font-medium announcement-bar"> 763 <strong><span style="font-weight: bold;"><a href="/calendar/workshops">2026 Workshops are Here!</a></span></strong> 764 </p> 765 </div> 766</div> 767 768 769 <main id="main-content" tabindex="-1"> 770 771<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-12 pt-6"> 772 <div > 773 <!-- Hero image --> 774 <img src="/dynamic-images/1.webp" alt="CoSM Aerial View" class="w-full h-auto mb-8 rounded-lg shadow-lg"> 775 <!-- Main heading --> 776 <h1 class="font-heading text-4xl font-bold text-gray-900 mb-2">Contact</h1> 777 <h2 class="font-subheading text-2xl font-semibold text-gray-800 mb
777-6">Get in touch with CoSM</h2> 778 779 <hr class="my-6 border-gray-300"> 780 </div> 781 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> 782 <!-- Contact Information --> 783 <div> 784 <h2 class="font-subheading text-3xl font-semibold text-gray-800 mb-6">Contact Information</h2> 785 786 <div class="space-y-8"> 787 <div> 788 <h3 class="font-subheading text-xl text-primary mb-3">Address</h3> 789 <p class="text-gray-700 mb-2">Chapel of Sacred Mirrors </p> 790 <p class="text-gray-700 mb-2">46 Deer Hill Road<br>Wappingers Falls, NY 12590 </p> 791 </div> 792 793 <div> 794 <h3 class="font-subheading text-xl text-primary mb-3">Phone</h3> 795 <p class="text-gray-700 mb-2"> 796 <a href="tel:(845) 297-2323" class="hover:text-primary transition-colors"> 797 (845) 297-2323 </a> 798 </p> 799 </div> 800 801 <div> 802 <h3 class="font-subheading text-xl text-primary mb-3">Email</h3> 803 <p class="text-gray-700 mb-2"> 804 <a href="/cdn-cgi/l/email-protection#b7c4c2c7c7d8c5c3f7d4d8c4da99d8c5d0" class="hover:text-primary transition-colors"> 805 <span class="__cf_email__" data-cfemail="82f1f7f2f2edf0f6c2e1edf1efacedf0e5">[email protected]</span> </a> 806 </p> 807 </div> 808 809 <div> 810 <h3 class="font-subheading text-xl text-primary mb-3">Hours</h3> 811 <p class="text-gray-700 mb-2">Friday, Saturday & Sunday: 12pm - 6pm </p> 812 </div> 813 814 <div> 815 <h3 class="font-subheading text-xl text-primary mb-3">Follow Us</h3> 816 <div class="flex space-x-4"> 817 <a href="https://www.facebook.com/ChapelofSacredMirrors?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=dynamic_content" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition-colors"> 818 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 819 <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
819h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path> 820 </svg> 821 </a> 822 <a href="https://www.instagram.com/chapelofsacredmirrors?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=dynamic_content" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition-colors"> 823 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 824 <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path> 825 </svg> 826 </a> 827 <a href="https://www.youtube.com/@CoSMVision?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=dynamic_content" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition-colors"> 828 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 829 <path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd"></path> 830 </svg> 831 </a> 832 </div> 833 </div> 834 </div> 835 836 837 </div> 838 </div> 839 840 <!-- Map Section --> 841 <div class="mt-16"> 842 <h2 class="font-subheading text-3xl font-semibold text-gray-800 mb-6">Find Us</h2> 843 844 <div class="aspect-w-16 aspect-h-9 rounded-lg overflow-hidden shadow-lg"> 845 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5051.87550870757!2d-73.93872652254716!3d41.580222871276106!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89dd3a0291045dcb%3A0xf4505151d1157560!2sChapel%20of%20Sacred%20Mirrors!5e1!3m2!1sen!2sus!4v1750088718358!5m2!1sen!2sus" 846 width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 847 </div> 848 849 <div class="mt-6"> 850 <h3 class="font-subheading text-xl text-primary mb-3">Directions</h3> 851 <p class="text-gray-700 mb-4"> 852 CoSM is located in the Hudson Valley, approximately 65 miles north of New York City. </p> 853 <a href="https://www.google.com/maps/place/Chapel+of+Sacred+Mirrors/@41.5802229,-73.9387265,1160m/data=!3m2!1e3!4b1!4m6!3m5!1s0x89dd3a0291045dcb:0xf4505151d1157560!8m2!3d41.5802229!4d-73.9361516!16s%2Fg%2F11fhmmdqbh?entry=ttu&%3Bg_ep=EgoyMDI1MDYxMS4wIKXMDSoASAFQAw%3D%3D&utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=dynamic_content" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-primary hover:underline">
854 <span>Get directions on Google Maps</span> 855 <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 856 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> 857 </svg> 858 </a> 859 </div> 860 </div> 861</div> </main> 862 863 <footer class="bg-gray-50 border-t border-gray-200"> 864 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> 865 <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> 866 <!-- Contact Info --> 867 <div class="md:col-span-2"> 868 <a href="/"> 869 <img src="/img/cosm-logo.webp" alt="CoSM Logo" width="285" height="100" class="w-1/2 h-auto" decoding="async" loading="lazy"> 870 </a> 871 <p class="text-sm text-gray-600 mt-4 leading-relaxed"> 872 Foundation for the Chapel of Sacred Mirrors is a 501(c)(3) nonprofit organization. 873 Church of Sacred Mirrors, CoSM, is an interfaith church. 874 </p> 875 <p class="text-sm text-gray-600 mt-3"> 876 46 Deer Hill Road<br>Wappingers Falls, NY 12590 <br> 877 <a href="tel:(845) 297-2323" class="hover:text-primary">(845) 297-2323</a> 878 <br> 879 <a href="/cdn-cgi/l/email-protection#becdcbceced1cccafeddd1cdd390d1ccd9" class="hover:text-primary"><span class="__cf_email__" data-cfemail="1e6d6b6e6e716c6a5e7d716d7330716c79">[email protected]</span></a> 880 </p> 881 <p class="text-sm text-gray-600 mt-3"> 882 Foundation EIN: 11-3350104 <br> 883 Church EIN: 30-6175623 </p> 884 <p class="text-sm mt-3"> 885 <a href="/transparency" class="text-primary hover:text-primary/80 underline">Financial Transparency</a> 886 <span class="text-gray-400 mx-2" aria-hidden="true">·</span> 887 <a href="/vision/team" class="text-primary hover:text-primary/80 underline">Leadership</a> 888 <span class="text-gray-400 mx-2" aria-hidden="true">·</span> 889 <a href="/contact" class="text-primary hover:text-primary/80 underline">Contact</a> 890 </p> 891 </div> 892 893 <!-- Links --> 894 <div> 895 <h4 class="font-semibold text-gray-900 mb-2">Explore</h4> 896 <ul class="space-y-1"> 897 <li> 898 <a href="/entheon" class="text-sm text-gray-600 hover:text-primary "> 899 Entheon 900 </a> 901 </li> 902 <li> 903 <a href="/transparency" class="text-sm text-gray-600 hover:text-primary "> 904 Financial Transparency 905 </a> 906 </li> 907 <li> 908 <a href="/vision/journal" class="text-sm text-gray-600 hover:text-primary "> 909 CoSM Journal 910 </a> 911 </li> 912 <li> 913 <a href="/vision" class="text-sm text-gray-600 hover:text-primary "> 914 Vision 915 </a> 916 </li> 917 <li> 918 <a href="/site-map" class="text-sm text-gray-600 hover:text-primary "> 919 Site Map 920 </a> 921 </li> 922 <li> 923 <a href="/search" class="text-sm text-gray-600 hover:text-primary "> 924 Search 925 </a> 926 </li> 927 </ul> 928 </div> 929 930 <div> 931 <h4 class="font-semibold text-gray-900 mb-2">Get Involved</h4> 932 <ul class="space-y-1"> 933 <li> 934 <a href="/contribute/donate" class="text-sm text-gray-600 hover:text-primary">Donate</a> 935 </li> 936 <li> 937 <a href="/membership" class="text-sm text-gray-600 hover:text-primary">Become a Member</a> 938 </li> 939 <li> 940 <a href="/get-involved/perform-present" class="text-sm text-gray-600 hover:text-primary "> 941 Perform & Present 942 </a> 943 </li> 944 <li> 945 <a href="/get-involved/job-listings-at-cosm" class="text-sm text-gray-600 hover:text-primary "> 946 Job Listings at CoSM 947 </a> 948 </li> 949 <li> 950 <a href="/get-involved/volunteer" class="text-sm text-gray-600 hover:text-primary "> 951 Volunteer 952 </a> 953 </li> 954 </ul> 955 </div> 956 <div> 957 <h4 class="font-semibold text-gray-900 mb-2">Calendar</h4> 958 <ul class="space-y-1"> 959 <li> 960 <a href="/calendar/art-church" class="text-sm text-gray-600 hover:text-primary"> 961 Art Church 962 </a> 963 </li> 964 <li> 965 <a href="/calendar/celestial-celebrations" class="text-sm text-gray-600 hover:text-primary"> 966 Celestial Celebrations 967 </a> 968 </li> 969 <li> 970 <a href="/calendar/full-moon-gatherings" class="text-sm text-gray-600 hover:text-primary"> 971 Full Moon Gatherings 972 </a> 973 </li> 974 <li> 975 <a href="/calendar/workshops" class="text-sm text-gray-600 hover:text-primary"> 976 Workshops 977 </a> 978 </li> 979 </ul> 980 </div> 981 982 <!-- Social --> 983 <div> 984 <h4 class="font-semibold text-gray-900 mb-2">Follow Us</h4> 985 <div class="flex items-center space-x-6"> 986 <a href="https://www.facebook.com/SacredMirrors?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=footer_social" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-primary">
987 <span class="sr-only">Facebook</span> 988 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 989 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12-5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 990 </svg> 991 </a> 992 <a href="https://www.instagram.com/chapelofsacredmirrors/?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=footer_social" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-primary"> 993 <span class="sr-only">Instagram</span> 994 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 995 <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"/> 996 </svg> 997 </a> 998 <a href="https://www.youtube.com/@CoSMvision?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=footer_social" class="text-gray-400 hover:text-primary"> 999 <span class="sr-only">YouTube</span> 1000 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 1001 <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/> 1002 </svg> 1003 </a> 1004 </div> 1005 </div> 1006 </div> 1007 1008 <!-- Bottom Bar --> 1009 <div class="mt-8 pt-8 border-t border-gray-200"> 1010 <div class="flex flex-col sm:flex-row justify-between items-center"> 1011 <p class="text-sm text-gray-600"> 1012 © 2026 CoSM. All rights reserved. 1013 </p> 1014 <div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-2 mt-4 sm:mt-0 sm:justify-end text-sm text-gray-600"> 1015 <a href="/contribute" class="hover:text-primary">Contribute</a> 1016 <a href="/transparency" class="hover:text-primary">Transparency</a> 1017 <a href="/terms-of-use" class="hover:text-primary">Terms</a> 1018 <a href="/privacy-policy" class="hover:text-primary">Privacy</a>
1019 <span class="text-gray-400" aria-hidden="true">|</span> 1020 <span>Built with ⤠in <a target="_blank" rel="noopener noreferrer" href="https://townofwappingerny.gov?utm_source=cosm_website&utm_medium=referral&utm_campaign=external_link&utm_content=dynamic_content" class="hover:text-primary">Wappinger, New York</a></span> 1021 </div> 1022 </div> 1023 </div> 1024 </div> 1025</footer>
vendor: 113 bytes, lines 1025-1026
1025 1026 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1026<script src="/livewire/livewire.min.js?id=e949cd11" data-csrf="rEWfy5BhFr1cAXMyMcm2yW3MV0IlfqFgyyUb8Mum" data-update-uri="/livewire/update" data-navigate-once="true" data-cfasync="false"></script>
1026 1027
1027<script> 1028 document.addEventListener('DOMContentLoaded', function() { 1029 // Setup autocomplete for desktop search 1030 setupSearchAutocomplete('nav-search-input', 'nav-search-suggestions'); 1031 1032 // Setup autocomplete for mobile search 1033 setupSearchAutocomplete('mobile-search-input', 'mobile-search-suggestions'); 1034 1035 function setupSearchAutocomplete(inputId, suggestionsId) { 1036 const searchInput = document.getElementById(inputId); 1037 const suggestionsContainer = document.getElementById(suggestionsId); 1038 let debounceTimer; 1039 1040 if (!searchInput || !suggestionsContainer) return; 1041 1042 searchInput.addEventListener('input', function() { 1043 clearTimeout(debounceTimer); 1044 const query = this.value.trim(); 1045 1046 if (query.length < 2) { 1047 suggestionsContainer.classList.add('hidden'); 1048 suggestionsContainer.innerHTML = ''; 1049 return; 1050 } 1051 1052 debounceTimer = setTimeout(() => { 1053 fetch(`https://www.cosm.org/search/suggestions?q=${encodeURIComponent(query)}`) 1054 .then(response => response.json()) 1055 .then(data => { 1056 suggestionsContainer.innerHTML = ''; 1057 1058 if (data.length === 0) { 1059 suggestionsContainer.classList.add('hidden'); 1060 return; 1061 } 1062 1063 data.forEach(item => { 1064 const div = document.createElement('div'); 1065 div.className = 'px-4 py-2 hover:bg-gray-100 cursor-pointer flex items-center'; 1066 div.innerHTML = ` 1067 <div class="flex-1"> 1068 <div class="text-sm font-medium">${item.title}</div> 1069 <div class="text-xs text-gray-500">${item.type}</div> 1070 </div> 1071 `; 1072 div.addEventListener('click', () => { 1073 window.location.href = item.url; 1074 }); 1075 suggestionsContainer.appendChild(div); 1076 }); 1077 1078 // Add "View all results" link 1079 const viewAllDiv = document.createElement('div'); 1080 viewAllDiv.className = 'px-4 py-2 bg-gray-50 hover:bg-gray-100 cursor-pointer text-center border-t border-gray-200'; 1081 viewAllDiv.innerHTML = `<div class="text-sm font-medium text-primary">View all results</div>`; 1082 viewAllDiv.addEventListener('click', () => { 1083 searchInput.form.submit(); 1084 }); 1085 suggestionsContainer.appendChild(viewAllDiv); 1086 1087 suggestionsContainer.classList.remove('hidden'); 1088 }); 1089 }, 300); 1090 }); 1091 1092 // Hide suggestions when clicking outside 1093 document.addEventListener('click', function(e) { 1094 if (e.target !== searchInput && e.target !== suggestionsContainer) { 1095 suggestionsContainer.classList.add('hidden'); 1096 } 1097 }); 1098 1099 // Show suggestions when focusing on input if it has content 1100 searchInput.addEventListener('focus', function() { 1101 if (this.value.trim().length >= 2) { 1102 suggestionsContainer.classList.remove('hidden'); 1103 } 1104 }); 1105 } 1106 }); 1107</script>
vendor: 1 bytes, line 1107
1107
1108<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4409e25df92e814',t:'MTc5MDkxMTcxNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1108<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a482a147b3be4ab0a2ae3763263662be","spa":2}' crossorigin="anonymous"></script>
1108 1109</body> 1110</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.