{"id":1262,"date":"2026-06-17T06:16:41","date_gmt":"2026-06-17T06:16:41","guid":{"rendered":"https:\/\/schoenstattnewyork.org\/?page_id=1262"},"modified":"2026-06-19T16:08:47","modified_gmt":"2026-06-19T16:08:47","slug":"schoensttat-pilgrim-mother","status":"publish","type":"page","link":"https:\/\/schoenstattnewyork.org\/en\/schoensttat-pilgrim-mother\/","title":{"rendered":"Schoensttat Pilgrim Mother"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Pilgrim Mother \u2013 Schoenstatt New York<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    :root {\n      --blue:        #1A2F7A;\n      --blue-light:  #223496;\n      --yellow:      #F5BE00;\n      --yellow-light:#FFD740;\n      --cream:       #F8F6EE;\n      --white:       #FFFFFF;\n      --text:        #1E1E2E;\n      --muted:       #6B6B7B;\n      --rule:        #E4E0D4;\n      --max-w:       1140px;\n    }\n\n    body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; }\n\n    .container { max-width: var(--max-w); margin: 0 auto; padding: 0 32px; }\n\n    .yellow-rule { width: 40px; height: 3px; background: var(--yellow); margin-bottom: 24px; }\n\n    \/* \u2500\u2500 ORBS \u2500\u2500 *\/\n    .orbs { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n    .orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0; animation: orbFloat linear infinite; }\n    .orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(26,47,122,0.12), transparent 70%); top: -8%; left: -6%; animation-duration: 28s; }\n    .orb-2 { width: 280px; height: 280px; background: radial-gradient(circle, rgba(245,190,0,0.10), transparent 70%); top: 40%; right: -5%; animation-duration: 22s; animation-delay: -8s; }\n    .orb-3 { width: 420px; height: 420px; background: radial-gradient(circle, rgba(26,47,122,0.07), transparent 70%); bottom: -12%; left: 28%; animation-duration: 34s; animation-delay: -14s; }\n    @keyframes orbFloat { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:1; } 50% { transform:translate(25px,-35px) scale(1.06); } 85% { opacity:1; } 100% { opacity:0; transform:translate(-8px,18px) scale(0.96); } }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .campaign-hero {\n      background: var(--blue);\n      color: var(--white);\n      padding: 100px 0 88px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n    .campaign-hero::after {\n      content: '';\n      position: absolute; inset: 0;\n      background: radial-gradient(ellipse at 50% 50%, rgba(245,190,0,0.10) 0%, transparent 65%);\n      pointer-events: none;\n      animation: heroGlow 10s ease-in-out infinite alternate;\n    }\n    @keyframes heroGlow { 0% { opacity:0.6; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }\n    .campaign-hero::before {\n      content: '';\n      position: absolute; top:0; left:-100%; bottom:0; width:1px;\n      background: linear-gradient(180deg, transparent, rgba(245,190,0,0.55), transparent);\n      animation: lineSweep 9s ease-in-out infinite;\n      z-index: 1;\n    }\n    @keyframes lineSweep { 0% { left:-5%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:105%; opacity:0; } }\n\n    .campaign-hero .container { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }\n\n    \/* Logo *\/\n    .hero-logo-wrap {\n      width: 148px; height: 148px;\n      background: var(--white);\n      border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 32px;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.18);\n      animation: fadeUp 0.9s 0.05s both;\n      flex-shrink: 0;\n    }\n    .hero-logo {\n      width: 110px; height: auto;\n      filter: none;\n    }\n\n    .hero-eyebrow {\n      font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\n      text-transform: uppercase; color: var(--yellow); margin-bottom: 20px;\n      animation: fadeUp 0.9s 0.15s both;\n    }\n    .hero-title {\n      font-size: clamp(2.4rem, 5vw, 4.2rem); font-weight: 800;\n      line-height: 1.0; letter-spacing: -0.02em; color: var(--white);\n      margin-bottom: 20px; max-width: 720px;\n      animation: fadeUp 0.9s 0.25s both;\nmargin: 0px !important;\n    }\n    .hero-title span {\n      font-weight: 300;\n      background: linear-gradient(100deg, var(--yellow-light) 0%, #fff6b0 40%, var(--yellow-light) 80%);\n      background-size: 220% 100%;\n      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n      animation: goldShimmer 5s ease-in-out infinite 1.2s;\n    }\n    @keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }\n    .hero-subtitle {\n      font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.65);\n      max-width: 520px; animation: fadeUp 0.9s 0.35s both;\n    }\n    @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }\n\n    \/* \u2500\u2500 CONCEPT \u2500\u2500 *\/\n    .concept-section { padding: 88px 0; background: var(--white); position: relative; z-index: 1; }\n    .concept-section .container { text-align: center; }\n    .concept-section h2 {\n      font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800;\n      color: var(--blue); letter-spacing: -0.02em; margin-bottom: 18px;\n    }\n    .concept-section > .container > p {\n      font-size: 0.95rem; line-height: 1.85; color: var(--muted);\n      max-width: 700px; margin: 0 auto;\n    }\n\n    .dynamics-grid {\n      display: grid; grid-template-columns: repeat(3, 1fr);\n      gap: 16px; margin-top: 48px; text-align: left;\n    }\n    .dynamic-item {\n      background: var(--cream); padding: 36px 28px;\n      border: 1px solid var(--rule);\n      border-top: 3px solid var(--yellow);\n      transition: border-color 0.2s, transform 0.25s, box-shadow 0.25s;\n      position: relative; overflow: hidden;\n    }\n    .dynamic-item::after {\n      content: '';\n      position: absolute; top:0; left:-60%; width:40%; height:100%;\n      background: linear-gradient(110deg, transparent, rgba(245,190,0,0.07), transparent);\n      animation: cardShimmer 6s ease-in-out infinite;\n    }\n    .dynamic-item:nth-child(2)::after { animation-delay: -2s; }\n    .dynamic-item:nth-child(3)::after { animation-delay: -4s; }\n    @keyframes cardShimmer { 0% { left:-60%; } 100% { left:120%; } }\n    .dynamic-item:hover { border-color: var(--yellow); border-top-color: var(--yellow); transform: translateY(-5px); box-shadow: 0 16px 32px rgba(26,47,122,0.08); }\n    .dynamic-item .number {\n      font-size: 2.8rem; font-weight: 800; color: var(--yellow);\n      line-height: 1; margin-bottom: 12px; letter-spacing: -0.02em;\n    }\n    .dynamic-item h4 {\n      font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em;\n      text-transform: uppercase; color: var(--blue); margin-bottom: 8px;\n    }\n    .dynamic-item p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\n\n    \/* \u2500\u2500 MODALITIES \u2500\u2500 *\/\n    .modalities-section {\n      background: var(--blue); padding: 88px 0;\n      position: relative; z-index: 1; overflow: hidden;\n    }\n    .modalities-section::before {\n      content: '';\n      position: absolute; top:0; left:-100%; bottom:0; width:1px;\n      background: linear-gradient(180deg, transparent, rgba(245,190,0,0.4), transparent);\n      animation: lineSweep 12s ease-in-out infinite 3s;\n    }\n    .modalities-section .section-header { text-align: center; margin-bottom: 56px; position: relative; z-index: 1; }\n    .modalities-section .eyebrow {\n      font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\n      text-transform: uppercase; color: var(--yellow); margin-bottom: 12px;\n    }\n    .modalities-section h2 {\n      font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800;\n      color: var(--white); letter-spacing: -0.02em;\n    }\n    .modalities-grid {\n      display: grid; grid-template-columns: repeat(2, 1fr);\n      gap: 16px; position: relative; z-index: 1;\n    }\n    .modality-card {\n      background: rgba(255,255,255,0.07); padding: 40px 32px;\n      border: 1px solid rgba(245,190,0,0.2);\n      transition: border-color 0.2s, transform 0.25s, background 0.25s;\n    }\n    .modality-card:hover { transform: translateY(-5px); border-color: var(--yellow); background: rgba(255,255,255,0.11); }\n    .modality-card h3 { font-size: 1.05rem; font-weight: 700; color: var(--yellow-light); letter-spacing: -0.01em; margin-bottom: 12px; }\n    .modality-card p { font-size: 0.875rem; color: rgba(255,255,255,0.62); line-height: 1.7; }\n\n    \/* \u2500\u2500 ROSARY GUIDE \u2500\u2500 *\/\n    .rosary-guide { padding: 88px 0; background: var(--cream); position: relative; z-index: 1; }\n    .rosary-guide .container { max-width: 760px; }\n    .rosary-guide .section-header { margin-bottom: 40px; }\n    .rosary-guide .eyebrow {\n      font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\n      text-transform: uppercase; color: var(--yellow); margin-bottom: 12px;\n    }\n    .rosary-guide h2 {\n      font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800;\n      color: var(--blue); letter-spacing: -0.02em;\n    }\n    .accordion { border-top: 1px solid var(--rule); }\n    .accordion-item { border-bottom: 1px solid var(--rule); }\n    .accordion-header {\n      width: 100%; background: none; border: none;\n      padding: 22px 0; text-align: left;\n      font-family: 'Inter', sans-serif;\n      font-size: 0.95rem; font-weight: 700;\n      color: var(--blue); cursor: pointer;\n      display: flex; justify-content: space-between; align-items: center;\n      letter-spacing: -0.01em; transition: color 0.2s;\n    }\n    .accordion-header:hover { color: var(--yellow); }\n    .accordion-toggle { font-size: 1.3rem; color: var(--yellow); font-weight: 300; transition: transform 0.3s ease; flex-shrink: 0; margin-left: 16px; }\n    .accordion-item.active .accordion-toggle { transform: rotate(45deg); }\n    .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }\n    .accordion-content-inner { padding: 0 0 24px; font-size: 0.9rem; color: var(--muted); line-height: 1.8; }\n    .accordion-content-inner strong { display: block; margin-top: 8px; color: var(--blue); font-weight: 600; }\n    .prayer-block {\n      background: var(--white); padding: 20px 20px 20px 24px;\n      border-left: 3px solid var(--yellow); margin-top: 14px;\n      font-size: 0.9rem; font-weight: 300; color: var(--text); line-height: 1.75;\n    }\n\n    \/* \u2500\u2500 CTA \u2500\u2500 *\/\n    .cta-section {\n      background: var(--yellow); padding: 72px 0; text-align: center;\n      position: relative; z-index: 1; overflow: hidden;\n    }\n    .cta-section::before {\n      content: '';\n      position: absolute; top:0; left:-100%; bottom:0; width:1px;\n      background: linear-gradient(180deg, transparent, rgba(26,47,122,0.3), transparent);\n      animation: lineSweep 8s ease-in-out infinite 2s;\n    }\n    .cta-section .container { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }\n    .cta-section h2 {\n      font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800;\n      color: var(--blue); letter-spacing: -0.02em; margin-bottom: 14px;\n    }\n    .cta-section p { font-size: 0.95rem; color: rgba(26,47,122,0.75); line-height: 1.75; max-width: 500px; margin-bottom: 32px; }\n    .cta-btn {\n      display: inline-block; background: var(--blue); color: var(--white);\n      text-decoration: none; font-size: 0.78rem; font-weight: 700;\n      letter-spacing: 0.12em; text-transform: uppercase; padding: 16px 36px;\n      transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n      position: relative; overflow: hidden;\n    }\n    .cta-btn::after {\n      content: '';\n      position: absolute; inset: 0;\n      background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);\n      transform: translateX(-100%);\n      animation: btnShine 5s ease-in-out infinite 1.5s;\n    }\n    @keyframes btnShine { 0%,100% { transform:translateX(-100%); } 40% { transform:translateX(100%); } }\n    .cta-btn:hover { background: var(--blue-light); transform: translateY(-2px); box-shadow: 0 12px 24px rgba(26,47,122,0.25); }\n\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }\n    }\n    @media (max-width: 900px) {\n      .dynamics-grid, .modalities-grid { grid-template-columns: 1fr; }\n      .orbs { display: none; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"orbs\" aria-hidden=\"true\">\n    <div class=\"orb orb-1\"><\/div>\n    <div class=\"orb orb-2\"><\/div>\n    <div class=\"orb orb-3\"><\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <header class=\"campaign-hero\">\n    <div class=\"container\">\n      <div class=\"hero-logo-wrap\">\n        <img decoding=\"async\"\n          class=\"hero-logo\"\n          src=\"http:\/\/schoenstattnewyork.org\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_72rb0i72rb0i72rb-Photoroom.png\"\n          alt=\"Schoenstatt Pilgrim Mother\"\n        \/>\n      <\/div>\n      <p class=\"hero-eyebrow\">Outreaching Ministry<\/p>\n      <h1 class=\"hero-title\">Schoensttat <br><span>Pilgrim Mother<\/span><\/h1>\n      <p class=\"hero-subtitle\">A modern-day Visitation. Mary journeys out to meet families in their homes, bringing the graces and blessings of the Shrine.<\/p>\n    <\/div>\n  <\/header>\n\n  <!-- CORE CONCEPT -->\n  <section class=\"concept-section\">\n    <div class=\"container\">\n      <div class=\"yellow-rule\" style=\"margin: 0 auto 24px;\"><\/div>\n      <h2>Our Lady Walking Among Her People<\/h2>\n      <p>Initiated by John Pozzobon, this campaign centers on the regular visits of the image of the Mother Thrice Admirable of Schoenstatt to local households, transforming each home into a small sanctuary of prayer, comfort, and inner transformation.<\/p>\n      <div class=\"dynamics-grid\">\n        <div class=\"dynamic-item\">\n          <div class=\"number\">10<\/div>\n          <h4>Families a Month<\/h4>\n          <p>Each pilgrim image travels consistently, visiting around ten families within the community group.<\/p>\n        <\/div>\n        <div class=\"dynamic-item\">\n          <div class=\"number\">1\u20132<\/div>\n          <h4>Days of Stay<\/h4>\n          <p>Our Lady abides in each home for one or two days, inviting the family into deeper spiritual intimacy.<\/p>\n        <\/div>\n        <div class=\"dynamic-item\">\n          <div class=\"number\">Daily<\/div>\n          <h4>The Holy Rosary<\/h4>\n          <p>A continuous call to kindle daily family prayer around the presence of the Pilgrim Mother.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MODALITIES -->\n  <section class=\"modalities-section\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <p class=\"eyebrow\">Meeting Specific Needs<\/p>\n        <h2>Campaign Modalities<\/h2>\n      <\/div>\n      <div class=\"modalities-grid\">\n        <div class=\"modality-card\">\n          <h3>Serenity &amp; Trust<\/h3>\n          <p>Specially tailored to accompany and offer spiritual comfort to individuals experiencing depression, severe anxiety, or deep moments of hopelessness.<\/p>\n        <\/div>\n        <div class=\"modality-card\">\n          <h3>Infants at Medical Risk<\/h3>\n          <p>A dedicated prayer circle providing spiritual support to families with newborns facing critical or life-threatening health situations.<\/p>\n        <\/div>\n        <div class=\"modality-card\">\n          <h3>Prison Ministry<\/h3>\n          <p>Bringing down walls to deliver consolation, dignity, and a message of redemption to inmates within correctional facilities.<\/p>\n        <\/div>\n        <div class=\"modality-card\">\n          <h3>Other Modalities<\/h3>\n          <p>Custom circles including youth networks, blind communities (featuring Braille prayer materials), and prayers for priestly vocations.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ROSARY GUIDE -->\n  <section class=\"rosary-guide\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <div class=\"yellow-rule\"><\/div>\n        <p class=\"eyebrow\">Praying Together<\/p>\n        <h2>Guide to the Holy Rosary<\/h2>\n      <\/div>\n      <div class=\"accordion\">\n        <div class=\"accordion-item\">\n          <button class=\"accordion-header\">\n            Structure of the Prayer\n            <span class=\"accordion-toggle\">+<\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              <p>The Rosary begins with the Act of Contrition, followed by offering the Mysteries of the day. Each mystery comprises one Our Father, ten Hail Marys, and one Glory Be.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"accordion-item\">\n          <button class=\"accordion-header\">\n            Mysteries by Day\n            <span class=\"accordion-toggle\">+<\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              <p>We contemplate the lives of Jesus and Mary divided into four seasonal reflections:<\/p>\n              <strong>\u2022 Mondays &amp; Saturdays \u2014 The Joyful Mysteries<\/strong>\n              <strong>\u2022 Tuesdays &amp; Fridays \u2014 The Sorrowful Mysteries<\/strong>\n              <strong>\u2022 Wednesdays &amp; Sundays \u2014 The Glorious Mysteries<\/strong>\n              <strong>\u2022 Thursdays \u2014 The Luminous Mysteries<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"accordion-item\">\n          <button class=\"accordion-header\">\n            Prayer of Consecration\n            <span class=\"accordion-toggle\">+<\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              <p>At the conclusion of the Rosary, we trustingly place ourselves under her maternal care:<\/p>\n              <div class=\"prayer-block\">\n                &#8220;My Queen, my Mother, I give myself entirely to you, and to show my filial devotion, I consecrate to you this day my eyes, my ears, my mouth, my heart, my entire self without reserve&#8230;&#8221;\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"cta-section\">\n    <div class=\"container\">\n      <h2>Join the Pilgrims of Hope<\/h2>\n      <p>Become part of this mission of love. Contact us to learn how you can bring the Pilgrim Mother to your home and community.<\/p>\n      <a href=\"https:\/\/schoenstattnewyork.org\/schoensttatpilgrimmotherregistration\/\" class=\"cta-btn\">Get Involved \u2192<\/a>\n    <\/div>\n  <\/section>\n\n  <script>\n    document.querySelectorAll('.accordion-header').forEach(button => {\n      button.addEventListener('click', () => {\n        const item = button.parentElement;\n        const content = button.nextElementSibling;\n        document.querySelectorAll('.accordion-item').forEach(i => {\n          if (i !== item) {\n            i.classList.remove('active');\n            i.querySelector('.accordion-content').style.maxHeight = null;\n          }\n        });\n        item.classList.toggle('active');\n        content.style.maxHeight = item.classList.contains('active') ? content.scrollHeight + \"px\" : null;\n      });\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pilgrim Mother \u2013 Schoenstatt New York Outreaching Ministry Schoensttat Pilgrim Mother A modern-day Visitation. Mary journeys out to meet families in their homes, bringing the graces and blessings of the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1262","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/comments?post=1262"}],"version-history":[{"count":7,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1262\/revisions"}],"predecessor-version":[{"id":1362,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1262\/revisions\/1362"}],"wp:attachment":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/media?parent=1262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}