Get in touch \u00b7 Jamyang Buddhist Centre London<\/title>\n<meta name=\"description\" content=\"Find the right person to talk to at Jamyang Buddhist Centre London. Five named contacts, one clear path. We aim to reply within two working days.\">\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* =====================================================\n Brand system (from project design brief)\n ===================================================== *\/\n :root {\n --cream: #f2dcb1;\n --sage: #3b6e5d;\n --teal: #3f7587;\n --mint: #b8e7dd;\n --charcoal: #4d4d4d;\n --coral: #e29388;\n --deep-teal: #346369;\n --off-white: #f0f2eb;\n --white: #ffffff;\n\n --sage-soft: rgba(59, 110, 93, 0.08);\n --teal-soft: rgba(63, 117, 135, 0.08);\n --coral-soft: rgba(226, 147, 136, 0.12);\n --coral-soft-strong: rgba(226, 147, 136, 0.18);\n\n --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n\n --max-width: 1120px;\n --content-width: 760px;\n\n --shadow-card: 0 1px 3px rgba(59, 110, 93, 0.04), 0 4px 16px rgba(59, 110, 93, 0.06);\n --shadow-card-hover: 0 2px 6px rgba(59, 110, 93, 0.08), 0 12px 32px rgba(59, 110, 93, 0.12);\n }\n\n \/* =====================================================\n Reset and base\n ===================================================== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 17px;\n line-height: 1.7;\n color: var(--charcoal);\n background: var(--off-white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n @media (max-width: 720px) {\n body { font-size: 16px; }\n }\n\n h1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 400;\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--sage);\n }\n\n a { color: var(--teal); text-decoration: none; transition: color 0.2s ease; }\n a:hover { color: var(--deep-teal); }\n\n \/* =====================================================\n Layout primitives\n ===================================================== *\/\n .container {\n width: 100%;\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 32px;\n }\n\n .container.narrow {\n max-width: var(--content-width);\n }\n\n @media (max-width: 720px) {\n .container { padding: 0 24px; }\n }\n\n \/* =====================================================\n Eyebrow tag (small caps pill)\n ===================================================== *\/\n .eyebrow {\n display: inline-block;\n font-family: var(--font-heading);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--teal);\n padding: 6px 14px;\n background: var(--teal-soft);\n border-radius: 100px;\n margin-bottom: 28px;\n }\n\n @media (max-width: 720px) {\n .eyebrow { font-size: 10.5px; }\n }\n\n \/* =====================================================\n Hero\n ===================================================== *\/\n .hero {\n padding: 140px 0 100px;\n text-align: left;\n }\n\n .hero h1 {\n font-size: clamp(2.5rem, 6vw, 4.25rem);\n font-weight: 400;\n margin-bottom: 28px;\n max-width: 800px;\n }\n\n .hero h1 em {\n font-style: italic;\n color: var(--coral);\n font-weight: 400;\n }\n\n .hero p {\n font-size: clamp(1.05rem, 1.6vw, 1.2rem);\n max-width: 600px;\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .hero { padding: 90px 0 70px; }\n .hero h1 { margin-bottom: 22px; }\n }\n\n \/* Staggered hero reveal: eyebrow, headline, subhead *\/\n .hero .container > .reveal:nth-child(1) { transition-delay: 0s; }\n .hero .container > .reveal:nth-child(2) { transition-delay: 0.15s; }\n .hero .container > .reveal:nth-child(3) { transition-delay: 0.3s; }\n\n \/* =====================================================\n Hero divider (light touch separator below the hero)\n Draws in on page load, sits as a quiet transition.\n ===================================================== *\/\n .hero-divider {\n height: 1px;\n max-width: var(--max-width);\n margin: 0 auto;\n background: linear-gradient(\n 90deg,\n transparent 0%,\n var(--sage) 50%,\n transparent 100%\n );\n opacity: 0;\n transform: scaleX(0);\n transform-origin: center;\n animation: heroDividerDraw 1.6s cubic-bezier(0.25, 0.1, 0.25, 1) 0.55s forwards;\n }\n\n @keyframes heroDividerDraw {\n to {\n transform: scaleX(1);\n opacity: 0.45;\n }\n }\n\n \/* =====================================================\n Essentials section\n ===================================================== *\/\n .essentials {\n padding: 70px 0 100px;\n }\n\n .essentials-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 56px;\n align-items: start;\n padding: 56px;\n background: var(--white);\n border-radius: 24px;\n box-shadow: var(--shadow-card);\n }\n\n .essentials-block h2 {\n font-size: 1.5rem;\n font-weight: 500;\n margin-bottom: 14px;\n color: var(--sage);\n }\n\n .essentials-block .address {\n font-size: 1.05rem;\n line-height: 1.6;\n margin-bottom: 14px;\n color: var(--charcoal);\n }\n\n .essentials-block .map-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.95rem;\n color: var(--teal);\n border-bottom: 1px solid currentColor;\n padding-bottom: 1px;\n }\n\n .essentials-block .map-link:hover {\n color: var(--deep-teal);\n }\n\n .essentials-block p {\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .essentials { padding: 50px 0 70px; }\n .essentials-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 36px 28px;\n }\n }\n\n \/* =====================================================\n Section head (shared)\n ===================================================== *\/\n .section-head {\n margin-bottom: 56px;\n max-width: 720px;\n }\n\n .section-head h2 {\n font-size: clamp(1.8rem, 4vw, 2.6rem);\n font-weight: 400;\n margin-bottom: 16px;\n }\n\n .section-head p {\n font-size: 1.05rem;\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .section-head { margin-bottom: 40px; }\n }\n\n \/* =====================================================\n Routing grid (5 cards)\n ===================================================== *\/\n .routing {\n padding: 0 0 100px;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n @media (max-width: 980px) {\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 720px) {\n .routing { padding: 0 0 70px; }\n .cards-grid { grid-template-columns: 1fr; gap: 20px; }\n }\n\n .card {\n background: var(--white);\n border-radius: 20px;\n padding: 36px 32px;\n box-shadow: var(--shadow-card);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 12px;\n position: relative;\n }\n\n \/* Hover accent: thin sage-to-teal line slides in across the top edge *\/\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--sage), var(--teal));\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n transform: scaleX(0);\n transform-origin: left center;\n transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n\n .card:hover::before {\n transform: scaleX(1);\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-card-hover);\n }\n\n .card .card-eyebrow {\n font-family: var(--font-heading);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 4px;\n }\n\n .card h3 {\n font-size: 1.5rem;\n font-weight: 500;\n color: var(--sage);\n margin: 0;\n }\n\n .card .card-description {\n font-size: 0.98rem;\n line-height: 1.65;\n color: var(--charcoal);\n flex-grow: 1;\n }\n\n .card .email-link {\n display: inline-block;\n font-size: 0.95rem;\n color: var(--teal);\n word-break: break-word;\n border-bottom: 1px solid var(--teal-soft);\n padding-bottom: 2px;\n transition: border-color 0.2s ease, color 0.2s ease;\n margin-top: 4px;\n align-self: flex-start;\n }\n\n .card .email-link:hover {\n color: var(--deep-teal);\n border-bottom-color: var(--deep-teal);\n }\n\n \/* =====================================================\n Safeguarding pointer (coral-soft)\n ===================================================== *\/\n .safeguarding {\n padding: 0 0 120px;\n }\n\n .safeguarding-panel {\n background: var(--coral-soft);\n border: 1px solid var(--coral-soft-strong);\n border-radius: 20px;\n padding: 40px 44px;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 32px;\n }\n\n .safeguarding-panel .eyebrow {\n background: var(--coral-soft-strong);\n color: var(--coral);\n margin-bottom: 14px;\n }\n\n .safeguarding-panel h3 {\n font-size: 1.3rem;\n font-weight: 500;\n color: var(--sage);\n margin-bottom: 8px;\n }\n\n .safeguarding-panel p {\n font-size: 0.98rem;\n color: var(--charcoal);\n margin: 0;\n max-width: 500px;\n }\n\n .safeguarding-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-heading);\n font-size: 0.92rem;\n font-weight: 500;\n color: var(--white);\n background: var(--coral);\n padding: 14px 24px;\n border-radius: 100px;\n transition: background 0.2s ease, transform 0.2s ease;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(226, 147, 136, 0.25);\n }\n\n .safeguarding-link:hover {\n background: #d57f74;\n color: var(--white);\n transform: translateY(-1px);\n }\n\n .safeguarding-link svg {\n width: 14px;\n height: 14px;\n }\n\n .safeguarding-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: stretch;\n }\n\n .safeguarding-link.is-secondary {\n background: transparent;\n color: var(--coral);\n box-shadow: none;\n border: 1.5px solid var(--coral);\n padding: 12.5px 24px;\n }\n\n .safeguarding-link.is-secondary:hover {\n background: var(--coral);\n color: var(--white);\n }\n\n @media (max-width: 720px) {\n .safeguarding { padding: 0 0 90px; }\n .safeguarding-panel {\n grid-template-columns: 1fr;\n padding: 32px 28px;\n gap: 24px;\n }\n .safeguarding-link {\n justify-content: center;\n padding: 14px 16px;\n font-size: 0.85rem;\n white-space: normal;\n }\n .safeguarding-link.is-secondary {\n padding: 12.5px 16px;\n }\n }\n\n \/* =====================================================\n Scroll reveal animation\n (considered and substantial: no ambient motion)\n ===================================================== *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Stagger card reveals slightly *\/\n .cards-grid .reveal:nth-child(1) { transition-delay: 0s; }\n .cards-grid .reveal:nth-child(2) { transition-delay: 0.08s; }\n .cards-grid .reveal:nth-child(3) { transition-delay: 0.16s; }\n .cards-grid .reveal:nth-child(4) { transition-delay: 0.24s; }\n .cards-grid .reveal:nth-child(5) { transition-delay: 0.32s; }\n\n \/* =====================================================\n Reduced motion (accessibility)\n ===================================================== *\/\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n .reveal {\n opacity: 1;\n transform: none;\n }\n .card:hover {\n transform: none;\n }\n }\n\n \/* =====================================================\n Focus states (accessibility)\n ===================================================== *\/\n a:focus-visible,\n button:focus-visible {\n outline: 2px solid var(--teal);\n outline-offset: 3px;\n border-radius: 4px;\n }\n\n .card a:focus-visible {\n outline-offset: 4px;\n }\n<\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"hero\">\n <div class=\"container\">\n <div class=\"reveal\">\n <span class=\"eyebrow\">Contact<\/span>\n <\/div>\n <h1 class=\"reveal\">Find the right person <em>to talk to<\/em><\/h1>\n <p class=\"reveal\">Most enquiries are answered fastest by writing to the right person directly. We are a small team and we aim to reply within two working days.<\/p>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"essentials\">\n <div class=\"container\">\n <div class=\"essentials-grid reveal\">\n <div class=\"essentials-block\">\n <span class=\"eyebrow\">Find us<\/span>\n <h2>The Old Courthouse<\/h2>\n <p class=\"address\">43 Renfrew Road<br>London SE11 4NA<\/p>\n <a class=\"map-link\" href=\"https:\/\/maps.google.com\/?q=The+Old+Courthouse+43+Renfrew+Road+London+SE11+4NA\" target=\"_blank\" rel=\"noopener\">\n View on map\n <\/a>\n <\/div>\n <div class=\"essentials-block\">\n <span class=\"eyebrow\">Pay us a visit<\/span>\n <h2>You’re welcome<\/h2>\n <p>During our open hours, a local volunteer will be there to greet you. Most people who reach out to us do so online, which is the fastest way to find the right person for your enquiry.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"routing\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Who to write to<\/span>\n <h2>Five ways to reach us<\/h2>\n <p>Choose the area closest to your enquiry. Your message will go straight to the person who can help.<\/p>\n <\/div>\n\n <div class=\"cards-grid\">\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Education and courses<\/span>\n <h3>Freddie<\/h3>\n <p class=\"card-description\">For questions about our courses, programmes, and getting started at Jamyang.<\/p>\n <a class=\"email-link\" href=\"mailto:gateway@jamyang.co.uk\">gateway@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Community, volunteering and recruitment<\/span>\n <h3>Jasmine<\/h3>\n <p class=\"card-description\">For community outreach, volunteering opportunities, and roles at the centre.<\/p>\n <a class=\"email-link\" href=\"mailto:people@jamyang.co.uk\">people@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Venue hire<\/span>\n <h3>Mircea<\/h3>\n <p class=\"card-description\">For hiring our spaces for your event, class, or gathering.<\/p>\n <a class=\"email-link\" href=\"mailto:venuehire@jamyang.co.uk\">venuehire@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Kindness Caf\u00e9<\/span>\n <h3>Declan<\/h3>\n <p class=\"card-description\">For caf\u00e9 enquiries, including bookings and suppliers.<\/p>\n <a class=\"email-link\" href=\"mailto:cafe@jamyang.co.uk\">cafe@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Sanctuary Project<\/span>\n <h3>Ven Drolma<\/h3>\n <p class=\"card-description\">If you’d like to support the Sanctuary Project through a donation, sharing your skills, or to hear more about the work.<\/p>\n <a class=\"email-link\" href=\"mailto:director@jamyang.co.uk\">director@jamyang.co.uk<\/a>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"safeguarding\">\n <div class=\"container\">\n <div class=\"safeguarding-panel reveal\">\n <div>\n <span class=\"eyebrow\">Safeguarding<\/span>\n <h3>If you have a safeguarding concern<\/h3>\n <p>We have a dedicated process for raising any safeguarding matter. Please use this rather than the contacts above.<\/p>\n <\/div>\n <div class=\"safeguarding-actions\">\n <a class=\"safeguarding-link\" href=\"mailto:safeguarding@jamyang.co.uk\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M4 6h16c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n safeguarding@jamyang.co.uk\n <\/a>\n <a class=\"safeguarding-link is-secondary\" href=\"https:\/\/jamyang.mindfuldev.one\/wp\/safeguarding\/\">\n Read our safeguarding process\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script>\n (function() {\n 'use strict';\n\n \/\/ Respect reduced motion: do nothing, items already visible via CSS fallback\n var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (prefersReduced) {\n document.querySelectorAll('.reveal').forEach(function(el) {\n el.classList.add('is-visible');\n });\n return;\n }\n\n \/\/ IntersectionObserver for scroll reveals\n var revealEls = document.querySelectorAll('.reveal');\n\n if (!('IntersectionObserver' in window)) {\n \/\/ Old browser fallback: just show everything\n revealEls.forEach(function(el) { el.classList.add('is-visible'); });\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -40px 0px'\n });\n\n revealEls.forEach(function(el) {\n observer.observe(el);\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p> … <\/p>\n<p class=\"read-more-container\"><a title=\"Contact Us\" class=\"read-more button\" href=\"https:\/\/jamyang.mindfuldev.one\/wp\/contact-us\/#more-170877\" aria-label=\"Read more about Contact Us\">Read more<\/a><\/p>\n","protected":false},"author":442,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"productId":0,"courseId":0,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-170877","page","type-page","status-publish","no-featured-image-padding"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/users\/442"}],"replies":[{"embeddable":true,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/comments?post=170877"}],"version-history":[{"count":3,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877\/revisions"}],"predecessor-version":[{"id":170880,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877\/revisions\/170880"}],"wp:attachment":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/media?parent=170877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":170877,"date":"2026-05-05T12:42:09","date_gmt":"2026-05-05T11:42:09","guid":{"rendered":"https:\/\/jamyang.co.uk\/?page_id=170877"},"modified":"2026-05-05T12:43:43","modified_gmt":"2026-05-05T11:43:43","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/jamyang.mindfuldev.one\/wp\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n\n\n\n\n\nGet in touch \u00b7 Jamyang Buddhist Centre London<\/title>\n<meta name=\"description\" content=\"Find the right person to talk to at Jamyang Buddhist Centre London. Five named contacts, one clear path. We aim to reply within two working days.\">\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* =====================================================\n Brand system (from project design brief)\n ===================================================== *\/\n :root {\n --cream: #f2dcb1;\n --sage: #3b6e5d;\n --teal: #3f7587;\n --mint: #b8e7dd;\n --charcoal: #4d4d4d;\n --coral: #e29388;\n --deep-teal: #346369;\n --off-white: #f0f2eb;\n --white: #ffffff;\n\n --sage-soft: rgba(59, 110, 93, 0.08);\n --teal-soft: rgba(63, 117, 135, 0.08);\n --coral-soft: rgba(226, 147, 136, 0.12);\n --coral-soft-strong: rgba(226, 147, 136, 0.18);\n\n --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n\n --max-width: 1120px;\n --content-width: 760px;\n\n --shadow-card: 0 1px 3px rgba(59, 110, 93, 0.04), 0 4px 16px rgba(59, 110, 93, 0.06);\n --shadow-card-hover: 0 2px 6px rgba(59, 110, 93, 0.08), 0 12px 32px rgba(59, 110, 93, 0.12);\n }\n\n \/* =====================================================\n Reset and base\n ===================================================== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 17px;\n line-height: 1.7;\n color: var(--charcoal);\n background: var(--off-white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n @media (max-width: 720px) {\n body { font-size: 16px; }\n }\n\n h1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 400;\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--sage);\n }\n\n a { color: var(--teal); text-decoration: none; transition: color 0.2s ease; }\n a:hover { color: var(--deep-teal); }\n\n \/* =====================================================\n Layout primitives\n ===================================================== *\/\n .container {\n width: 100%;\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 32px;\n }\n\n .container.narrow {\n max-width: var(--content-width);\n }\n\n @media (max-width: 720px) {\n .container { padding: 0 24px; }\n }\n\n \/* =====================================================\n Eyebrow tag (small caps pill)\n ===================================================== *\/\n .eyebrow {\n display: inline-block;\n font-family: var(--font-heading);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.24em;\n text-transform: uppercase;\n color: var(--teal);\n padding: 6px 14px;\n background: var(--teal-soft);\n border-radius: 100px;\n margin-bottom: 28px;\n }\n\n @media (max-width: 720px) {\n .eyebrow { font-size: 10.5px; }\n }\n\n \/* =====================================================\n Hero\n ===================================================== *\/\n .hero {\n padding: 140px 0 100px;\n text-align: left;\n }\n\n .hero h1 {\n font-size: clamp(2.5rem, 6vw, 4.25rem);\n font-weight: 400;\n margin-bottom: 28px;\n max-width: 800px;\n }\n\n .hero h1 em {\n font-style: italic;\n color: var(--coral);\n font-weight: 400;\n }\n\n .hero p {\n font-size: clamp(1.05rem, 1.6vw, 1.2rem);\n max-width: 600px;\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .hero { padding: 90px 0 70px; }\n .hero h1 { margin-bottom: 22px; }\n }\n\n \/* Staggered hero reveal: eyebrow, headline, subhead *\/\n .hero .container > .reveal:nth-child(1) { transition-delay: 0s; }\n .hero .container > .reveal:nth-child(2) { transition-delay: 0.15s; }\n .hero .container > .reveal:nth-child(3) { transition-delay: 0.3s; }\n\n \/* =====================================================\n Hero divider (light touch separator below the hero)\n Draws in on page load, sits as a quiet transition.\n ===================================================== *\/\n .hero-divider {\n height: 1px;\n max-width: var(--max-width);\n margin: 0 auto;\n background: linear-gradient(\n 90deg,\n transparent 0%,\n var(--sage) 50%,\n transparent 100%\n );\n opacity: 0;\n transform: scaleX(0);\n transform-origin: center;\n animation: heroDividerDraw 1.6s cubic-bezier(0.25, 0.1, 0.25, 1) 0.55s forwards;\n }\n\n @keyframes heroDividerDraw {\n to {\n transform: scaleX(1);\n opacity: 0.45;\n }\n }\n\n \/* =====================================================\n Essentials section\n ===================================================== *\/\n .essentials {\n padding: 70px 0 100px;\n }\n\n .essentials-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 56px;\n align-items: start;\n padding: 56px;\n background: var(--white);\n border-radius: 24px;\n box-shadow: var(--shadow-card);\n }\n\n .essentials-block h2 {\n font-size: 1.5rem;\n font-weight: 500;\n margin-bottom: 14px;\n color: var(--sage);\n }\n\n .essentials-block .address {\n font-size: 1.05rem;\n line-height: 1.6;\n margin-bottom: 14px;\n color: var(--charcoal);\n }\n\n .essentials-block .map-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.95rem;\n color: var(--teal);\n border-bottom: 1px solid currentColor;\n padding-bottom: 1px;\n }\n\n .essentials-block .map-link:hover {\n color: var(--deep-teal);\n }\n\n .essentials-block p {\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .essentials { padding: 50px 0 70px; }\n .essentials-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 36px 28px;\n }\n }\n\n \/* =====================================================\n Section head (shared)\n ===================================================== *\/\n .section-head {\n margin-bottom: 56px;\n max-width: 720px;\n }\n\n .section-head h2 {\n font-size: clamp(1.8rem, 4vw, 2.6rem);\n font-weight: 400;\n margin-bottom: 16px;\n }\n\n .section-head p {\n font-size: 1.05rem;\n color: var(--charcoal);\n }\n\n @media (max-width: 720px) {\n .section-head { margin-bottom: 40px; }\n }\n\n \/* =====================================================\n Routing grid (5 cards)\n ===================================================== *\/\n .routing {\n padding: 0 0 100px;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n @media (max-width: 980px) {\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 720px) {\n .routing { padding: 0 0 70px; }\n .cards-grid { grid-template-columns: 1fr; gap: 20px; }\n }\n\n .card {\n background: var(--white);\n border-radius: 20px;\n padding: 36px 32px;\n box-shadow: var(--shadow-card);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 12px;\n position: relative;\n }\n\n \/* Hover accent: thin sage-to-teal line slides in across the top edge *\/\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--sage), var(--teal));\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n transform: scaleX(0);\n transform-origin: left center;\n transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n\n .card:hover::before {\n transform: scaleX(1);\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-card-hover);\n }\n\n .card .card-eyebrow {\n font-family: var(--font-heading);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 4px;\n }\n\n .card h3 {\n font-size: 1.5rem;\n font-weight: 500;\n color: var(--sage);\n margin: 0;\n }\n\n .card .card-description {\n font-size: 0.98rem;\n line-height: 1.65;\n color: var(--charcoal);\n flex-grow: 1;\n }\n\n .card .email-link {\n display: inline-block;\n font-size: 0.95rem;\n color: var(--teal);\n word-break: break-word;\n border-bottom: 1px solid var(--teal-soft);\n padding-bottom: 2px;\n transition: border-color 0.2s ease, color 0.2s ease;\n margin-top: 4px;\n align-self: flex-start;\n }\n\n .card .email-link:hover {\n color: var(--deep-teal);\n border-bottom-color: var(--deep-teal);\n }\n\n \/* =====================================================\n Safeguarding pointer (coral-soft)\n ===================================================== *\/\n .safeguarding {\n padding: 0 0 120px;\n }\n\n .safeguarding-panel {\n background: var(--coral-soft);\n border: 1px solid var(--coral-soft-strong);\n border-radius: 20px;\n padding: 40px 44px;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 32px;\n }\n\n .safeguarding-panel .eyebrow {\n background: var(--coral-soft-strong);\n color: var(--coral);\n margin-bottom: 14px;\n }\n\n .safeguarding-panel h3 {\n font-size: 1.3rem;\n font-weight: 500;\n color: var(--sage);\n margin-bottom: 8px;\n }\n\n .safeguarding-panel p {\n font-size: 0.98rem;\n color: var(--charcoal);\n margin: 0;\n max-width: 500px;\n }\n\n .safeguarding-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-heading);\n font-size: 0.92rem;\n font-weight: 500;\n color: var(--white);\n background: var(--coral);\n padding: 14px 24px;\n border-radius: 100px;\n transition: background 0.2s ease, transform 0.2s ease;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(226, 147, 136, 0.25);\n }\n\n .safeguarding-link:hover {\n background: #d57f74;\n color: var(--white);\n transform: translateY(-1px);\n }\n\n .safeguarding-link svg {\n width: 14px;\n height: 14px;\n }\n\n .safeguarding-actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: stretch;\n }\n\n .safeguarding-link.is-secondary {\n background: transparent;\n color: var(--coral);\n box-shadow: none;\n border: 1.5px solid var(--coral);\n padding: 12.5px 24px;\n }\n\n .safeguarding-link.is-secondary:hover {\n background: var(--coral);\n color: var(--white);\n }\n\n @media (max-width: 720px) {\n .safeguarding { padding: 0 0 90px; }\n .safeguarding-panel {\n grid-template-columns: 1fr;\n padding: 32px 28px;\n gap: 24px;\n }\n .safeguarding-link {\n justify-content: center;\n padding: 14px 16px;\n font-size: 0.85rem;\n white-space: normal;\n }\n .safeguarding-link.is-secondary {\n padding: 12.5px 16px;\n }\n }\n\n \/* =====================================================\n Scroll reveal animation\n (considered and substantial: no ambient motion)\n ===================================================== *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Stagger card reveals slightly *\/\n .cards-grid .reveal:nth-child(1) { transition-delay: 0s; }\n .cards-grid .reveal:nth-child(2) { transition-delay: 0.08s; }\n .cards-grid .reveal:nth-child(3) { transition-delay: 0.16s; }\n .cards-grid .reveal:nth-child(4) { transition-delay: 0.24s; }\n .cards-grid .reveal:nth-child(5) { transition-delay: 0.32s; }\n\n \/* =====================================================\n Reduced motion (accessibility)\n ===================================================== *\/\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n .reveal {\n opacity: 1;\n transform: none;\n }\n .card:hover {\n transform: none;\n }\n }\n\n \/* =====================================================\n Focus states (accessibility)\n ===================================================== *\/\n a:focus-visible,\n button:focus-visible {\n outline: 2px solid var(--teal);\n outline-offset: 3px;\n border-radius: 4px;\n }\n\n .card a:focus-visible {\n outline-offset: 4px;\n }\n<\/style>\n<\/head>\n\n<body>\n\n\n<section class=\"hero\">\n <div class=\"container\">\n <div class=\"reveal\">\n <span class=\"eyebrow\">Contact<\/span>\n <\/div>\n <h1 class=\"reveal\">Find the right person <em>to talk to<\/em><\/h1>\n <p class=\"reveal\">Most enquiries are answered fastest by writing to the right person directly. We are a small team and we aim to reply within two working days.<\/p>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"essentials\">\n <div class=\"container\">\n <div class=\"essentials-grid reveal\">\n <div class=\"essentials-block\">\n <span class=\"eyebrow\">Find us<\/span>\n <h2>The Old Courthouse<\/h2>\n <p class=\"address\">43 Renfrew Road<br>London SE11 4NA<\/p>\n <a class=\"map-link\" href=\"https:\/\/maps.google.com\/?q=The+Old+Courthouse+43+Renfrew+Road+London+SE11+4NA\" target=\"_blank\" rel=\"noopener\">\n View on map\n <\/a>\n <\/div>\n <div class=\"essentials-block\">\n <span class=\"eyebrow\">Pay us a visit<\/span>\n <h2>You’re welcome<\/h2>\n <p>During our open hours, a local volunteer will be there to greet you. Most people who reach out to us do so online, which is the fastest way to find the right person for your enquiry.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"routing\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Who to write to<\/span>\n <h2>Five ways to reach us<\/h2>\n <p>Choose the area closest to your enquiry. Your message will go straight to the person who can help.<\/p>\n <\/div>\n\n <div class=\"cards-grid\">\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Education and courses<\/span>\n <h3>Freddie<\/h3>\n <p class=\"card-description\">For questions about our courses, programmes, and getting started at Jamyang.<\/p>\n <a class=\"email-link\" href=\"mailto:gateway@jamyang.co.uk\">gateway@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Community, volunteering and recruitment<\/span>\n <h3>Jasmine<\/h3>\n <p class=\"card-description\">For community outreach, volunteering opportunities, and roles at the centre.<\/p>\n <a class=\"email-link\" href=\"mailto:people@jamyang.co.uk\">people@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Venue hire<\/span>\n <h3>Mircea<\/h3>\n <p class=\"card-description\">For hiring our spaces for your event, class, or gathering.<\/p>\n <a class=\"email-link\" href=\"mailto:venuehire@jamyang.co.uk\">venuehire@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Kindness Caf\u00e9<\/span>\n <h3>Declan<\/h3>\n <p class=\"card-description\">For caf\u00e9 enquiries, including bookings and suppliers.<\/p>\n <a class=\"email-link\" href=\"mailto:cafe@jamyang.co.uk\">cafe@jamyang.co.uk<\/a>\n <\/article>\n\n <article class=\"card reveal\">\n <span class=\"card-eyebrow\">Sanctuary Project<\/span>\n <h3>Ven Drolma<\/h3>\n <p class=\"card-description\">If you’d like to support the Sanctuary Project through a donation, sharing your skills, or to hear more about the work.<\/p>\n <a class=\"email-link\" href=\"mailto:director@jamyang.co.uk\">director@jamyang.co.uk<\/a>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"safeguarding\">\n <div class=\"container\">\n <div class=\"safeguarding-panel reveal\">\n <div>\n <span class=\"eyebrow\">Safeguarding<\/span>\n <h3>If you have a safeguarding concern<\/h3>\n <p>We have a dedicated process for raising any safeguarding matter. Please use this rather than the contacts above.<\/p>\n <\/div>\n <div class=\"safeguarding-actions\">\n <a class=\"safeguarding-link\" href=\"mailto:safeguarding@jamyang.co.uk\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M4 6h16c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n safeguarding@jamyang.co.uk\n <\/a>\n <a class=\"safeguarding-link is-secondary\" href=\"https:\/\/jamyang.mindfuldev.one\/wp\/safeguarding\/\">\n Read our safeguarding process\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script>\n (function() {\n 'use strict';\n\n \/\/ Respect reduced motion: do nothing, items already visible via CSS fallback\n var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (prefersReduced) {\n document.querySelectorAll('.reveal').forEach(function(el) {\n el.classList.add('is-visible');\n });\n return;\n }\n\n \/\/ IntersectionObserver for scroll reveals\n var revealEls = document.querySelectorAll('.reveal');\n\n if (!('IntersectionObserver' in window)) {\n \/\/ Old browser fallback: just show everything\n revealEls.forEach(function(el) { el.classList.add('is-visible'); });\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -40px 0px'\n });\n\n revealEls.forEach(function(el) {\n observer.observe(el);\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p> … <\/p>\n<p class=\"read-more-container\"><a title=\"Contact Us\" class=\"read-more button\" href=\"https:\/\/jamyang.mindfuldev.one\/wp\/contact-us\/#more-170877\" aria-label=\"Read more about Contact Us\">Read more<\/a><\/p>\n","protected":false},"author":442,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"productId":0,"courseId":0,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-170877","page","type-page","status-publish","no-featured-image-padding"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/users\/442"}],"replies":[{"embeddable":true,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/comments?post=170877"}],"version-history":[{"count":3,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877\/revisions"}],"predecessor-version":[{"id":170880,"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/pages\/170877\/revisions\/170880"}],"wp:attachment":[{"href":"https:\/\/jamyang.mindfuldev.one\/wp\/wp-json\/wp\/v2\/media?parent=170877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}