{"id":18,"date":"2026-03-13T07:28:51","date_gmt":"2026-03-13T07:28:51","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/?page_id=18"},"modified":"2026-06-14T13:32:30","modified_gmt":"2026-06-14T13:32:30","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-a451af1b alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<!-- wp:html -->\n<section class=\"svp svp-aboutHero\">\n  <div class=\"svp-aboutHero__bg\"><\/div>\n  <div class=\"svp-aboutHero__overlay\"><\/div>\n  <div class=\"svp-aboutHero__particles\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n  <\/div>\n  <div class=\"svp-aboutHero__content\">\n    <p class=\"svp-reveal svp-d1 svp-aboutHero__eyebrow\">Shrine of St. Vincent Parish<\/p>\n    <h1 class=\"svp-reveal svp-d2 svp-aboutHero__title\">About Us<\/h1>\n    <p class=\"svp-reveal svp-d3 svp-aboutHero__subtitle\">A community rooted in faith, united in service, and devoted to the example of St. Vincent \u2014 sharing God&#8217;s love through worship, charity, and fellowship.<\/p>\n  <\/div>\n  <div class=\"svp-aboutHero__scroll\"><span><\/span><\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif !important;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif !important;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-aboutHero {\n  position: relative;\n  width: 100%;\n  min-height: 70vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 50%, var(--svp-navy) 100%);\n  font-family: var(--svp-font-sans);\n}\n\n.svp-aboutHero__bg {\n  position: absolute;\n  inset: 0;\n  background: url('https:\/\/images.unsplash.com\/photo-1438032005730-c779502df39b?q=80&w=1920') center\/cover no-repeat;\n  opacity: 0.22;\n  animation: svp-zoom 30s ease-in-out infinite alternate;\n}\n\n@keyframes svp-zoom {\n  0% { transform: scale(1); }\n  100% { transform: scale(1.15); }\n}\n\n.svp-aboutHero__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(22,49,79,0.7) 0%, rgba(22,49,79,0.92) 100%);\n}\n\n.svp-aboutHero__particles { position: absolute; inset: 0; pointer-events: none; z-index: 1; }\n\n.svp-aboutHero__particles span {\n  position: absolute;\n  display: block;\n  width: 6px; height: 6px;\n  background: rgba(212, 175, 55, 0.5);\n  border-radius: 50%;\n  bottom: -10px;\n  animation: svp-float 18s linear infinite;\n}\n\n.svp-aboutHero__particles span:nth-child(1) { left: 8%;  animation-delay: 0s;  width: 5px; height: 5px; }\n.svp-aboutHero__particles span:nth-child(2) { left: 22%; animation-delay: 3s;  width: 8px; height: 8px; }\n.svp-aboutHero__particles span:nth-child(3) { left: 40%; animation-delay: 6s;  width: 4px; height: 4px; }\n.svp-aboutHero__particles span:nth-child(4) { left: 60%; animation-delay: 2s;  width: 7px; height: 7px; }\n.svp-aboutHero__particles span:nth-child(5) { left: 78%; animation-delay: 8s;  width: 5px; height: 5px; }\n.svp-aboutHero__particles span:nth-child(6) { left: 92%; animation-delay: 5s;  width: 6px; height: 6px; }\n\n@keyframes svp-float {\n  0% { transform: translateY(0) translateX(0); opacity: 0; }\n  10% { opacity: 0.8; }\n  50% { transform: translateY(-50vh) translateX(20px); }\n  90% { opacity: 0.6; }\n  100% { transform: translateY(-100vh) translateX(-10px); opacity: 0; }\n}\n\n.svp-aboutHero__content {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n  padding: 0 24px;\n  text-align: center;\n  color: #ffffff;\n}\n\n.svp-aboutHero__eyebrow {\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 16px 0;\n}\n\n.svp-aboutHero__title {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(2.6rem, 7vw, 5rem);\n  line-height: 1.1;\n  margin: 0 0 20px 0;\n  color: white !important;\n}\n\n.svp-aboutHero__title::after {\n  content: '';\n  display: block;\n  width: 90px;\n  height: 3px;\n  background: var(--svp-gold);\n  margin: 24px auto 0;\n  border-radius: 2px;\n}\n\n.svp-aboutHero__subtitle {\n  font-size: clamp(1rem, 2vw, 1.2rem);\n  font-weight: 300;\n  line-height: 1.8;\n  color: rgba(255,255,255,0.85);\n  margin: 28px 0 0 0;\n}\n\n.svp-reveal { opacity: 0; transform: translateY(30px); animation: svp-fade-up 1s ease forwards; }\n.svp-d1 { animation-delay: 0.2s; } .svp-d2 { animation-delay: 0.5s; } .svp-d3 { animation-delay: 0.8s; }\n\n@keyframes svp-fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n.svp-aboutHero__scroll {\n  position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\n  z-index: 2; width: 26px; height: 42px;\n  border: 2px solid rgba(255,255,255,0.5); border-radius: 14px;\n}\n\n.svp-aboutHero__scroll span {\n  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);\n  width: 5px; height: 5px; background: var(--svp-gold); border-radius: 50%;\n  animation: svp-scroll 2s ease infinite;\n}\n\n@keyframes svp-scroll { 0% { opacity: 1; top: 8px; } 100% { opacity: 0; top: 22px; } }\n\n@media (max-width: 768px) {\n  .svp-aboutHero { min-height: 60vh; }\n  .svp-aboutHero__scroll { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-aboutHero__bg, .svp-aboutHero__particles span, .svp-aboutHero__scroll span, .svp-reveal {\n    animation: none !important; opacity: 1 !important; transform: none !important;\n  }\n}\n<\/style>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-191ee951 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<!-- wp:html -->\n<section class=\"svp svp-parishInfo\">\n  <div class=\"svp-parishInfo__container\">\n    <div class=\"svp-parishInfo__header svp-sr\">\n      <p class=\"svp-eyebrow\">Who We Are<\/p>\n      <h2 class=\"svp-section-title\">The Shrine of St. Vincent Parish<\/h2>\n      <p class=\"svp-parishInfo__intro\">A spiritual home where worship, formation, and service come together \u2014 guided by the example of our patron saint and rooted in the Gospel call to love and serve.<\/p>\n    <\/div>\n\n    <div class=\"svp-parishInfo__grid\">\n      <div class=\"svp-parishInfo__card svp-sr\">\n        <div class=\"svp-parishInfo__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7l3-7z\"\/><\/svg>\n        <\/div>\n        <h3>Center of Worship<\/h3>\n        <p>We celebrate the Holy Eucharist and the sacraments as the heart of our community life, offering daily and weekly Masses that nourish the faithful in grace and prayer.<\/p>\n      <\/div>\n\n      <div class=\"svp-parishInfo__card svp-sr svp-sr-delay\">\n        <div class=\"svp-parishInfo__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z\"\/><\/svg>\n        <\/div>\n        <h3>Evangelization &amp; Formation<\/h3>\n        <p>Through catechesis, youth ministry, and faith formation programs, we guide parishioners of all ages in deepening their relationship with Christ and His Church.<\/p>\n      <\/div>\n\n      <div class=\"svp-parishInfo__card svp-sr svp-sr-delay2\">\n        <div class=\"svp-parishInfo__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\n        <\/div>\n        <h3>Charitable Service<\/h3>\n        <p>Following St. Vincent&#8217;s example of love for the poor, our outreach ministries extend compassion and material aid to those in need within our community.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-parishInfo__statement svp-sr\">\n      <span class=\"svp-parishInfo__quote-mark\">&ldquo;<\/span>\n      <p>Our mission is to be a living sign of God&#8217;s presence \u2014 a parish where every person is welcomed, formed in faith, and sent forth to serve others with humility and love.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-parishInfo {\n  background: var(--svp-ivory);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n}\n\n.svp-parishInfo__container { max-width: 1180px; margin: 0 auto; }\n\n.svp-parishInfo__header { text-align: center; max-width: 700px; margin: 0 auto 56px; }\n\n.svp-eyebrow {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: var(--svp-navy);\n  line-height: 1.25;\n  margin: 0 0 16px 0;\n  \n}\n\n.svp-parishInfo__intro { color: var(--svp-text-muted); font-size: 1.05rem; line-height: 1.75; margin: 0; }\n\n.svp-parishInfo__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  margin-bottom: 56px;\n}\n\n.svp-parishInfo__card {\n  background: #ffffff;\n  border: 1px solid #ece6d8;\n  border-radius: 10px;\n  padding: 36px 28px;\n  text-align: center;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.svp-parishInfo__card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 36px rgba(22,49,79,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-parishInfo__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px; height: 60px;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.12);\n  color: var(--svp-gold);\n  margin-bottom: 22px;\n}\n\n.svp-parishInfo__card h3 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-navy);\n  font-size: 1.2rem;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n}\n\n.svp-parishInfo__card p {\n  color: var(--svp-text-muted);\n  font-size: 0.95rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n.svp-parishInfo__statement {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  border-radius: 10px;\n  padding: 48px 56px 48px 80px;\n  max-width: 880px;\n  margin: 0 auto;\n}\n\n.svp-parishInfo__quote-mark {\n  position: absolute;\n  top: 14px; left: 28px;\n  font-family: var(--svp-font-serif);\n  font-size: 3.4rem;\n  color: var(--svp-gold);\n  line-height: 1;\n}\n\n.svp-parishInfo__statement p {\n  font-family: var(--svp-font-serif);\n  font-style: italic;\n  font-size: clamp(1.05rem, 2vw, 1.35rem);\n  color: #ffffff;\n  line-height: 1.7;\n  margin: 0;\n  text-align: center;\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n.svp-sr-delay2 { transition-delay: 0.3s; }\n\n@media (max-width: 1024px) {\n  .svp-parishInfo__grid { grid-template-columns: 1fr; gap: 22px; }\n}\n\n@media (max-width: 640px) {\n  .svp-parishInfo { padding: 70px 20px; }\n  .svp-parishInfo__header { margin-bottom: 40px; }\n  .svp-parishInfo__statement { padding: 40px 28px 40px 56px; }\n  .svp-parishInfo__quote-mark { font-size: 2.6rem; left: 18px; top: 10px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-parishInfo .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-5468c779 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!-- wp:html -->\n<section class=\"svp svp-history\">\n  <div class=\"svp-history__bg-pattern\"><\/div>\n  <div class=\"svp-history__container\">\n    <div class=\"svp-history__header svp-sr\">\n      <p class=\"svp-eyebrow svp-eyebrow--light\">Our Journey<\/p>\n      <h2 class=\"svp-section-title svp-section-title--light\">Parish History<\/h2>\n      <p class=\"svp-history__intro\">Decades of faith, growth, and devotion \u2014 a story of God&#8217;s faithfulness through generations of our parish family.<\/p>\n    <\/div>\n\n    <div class=\"svp-history__timeline\">\n      <div class=\"svp-history__line\"><\/div>\n\n      <div class=\"svp-history__item svp-sr\">\n        <div class=\"svp-history__marker\"><\/div>\n        <div class=\"svp-history__content\">\n          <span class=\"svp-history__year\">Early Beginnings<\/span>\n          <h3>Foundation of the Parish<\/h3>\n          <p>The parish was established as a small chapel serving the early Catholic community of San Vicente, Gumaca \u2014 a humble beginning rooted in deep faith and devotion to St. Vincent.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svp-history__item svp-history__item--right svp-sr svp-sr-delay\">\n        <div class=\"svp-history__marker\"><\/div>\n        <div class=\"svp-history__content\">\n          <span class=\"svp-history__year\">Growth Years<\/span>\n          <h3>Expansion of the Church Building<\/h3>\n          <p>As the congregation grew, the original structure was expanded to accommodate the increasing number of parishioners, with new spaces for catechesis and community gatherings.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svp-history__item svp-sr svp-sr-delay2\">\n        <div class=\"svp-history__marker\"><\/div>\n        <div class=\"svp-history__content\">\n          <span class=\"svp-history__year\">Formation Era<\/span>\n          <h3>Establishment of Parish Ministries<\/h3>\n          <p>Various ministries and organizations were formed \u2014 youth groups, liturgical ministries, and outreach programs \u2014 strengthening the parish&#8217;s role in evangelization and service.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svp-history__item svp-history__item--right svp-sr svp-sr-delay3\">\n        <div class=\"svp-history__marker\"><\/div>\n        <div class=\"svp-history__content\">\n          <span class=\"svp-history__year\">Shrine Designation<\/span>\n          <h3>Recognition as a Shrine<\/h3>\n          <p>In recognition of its spiritual significance and devotion to St. Vincent, the parish was elevated to the status of a Shrine \u2014 a pilgrimage destination for the faithful.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svp-history__item svp-sr svp-sr-delay4\">\n        <div class=\"svp-history__marker\"><\/div>\n        <div class=\"svp-history__content\">\n          <span class=\"svp-history__year\">Present Day<\/span>\n          <h3>A Thriving Community of Faith<\/h3>\n          <p>Today, the Shrine of St. Vincent Parish continues to serve as a vibrant center of worship, formation, and charity \u2014 carrying forward the legacy of its patron saint into the future.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-history {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-history__bg-pattern {\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(212,175,55,0.06) 0%, transparent 30%),\n    radial-gradient(circle at 85% 75%, rgba(212,175,55,0.06) 0%, transparent 30%);\n  animation: svp-pattern-drift 25s ease-in-out infinite alternate;\n}\n\n@keyframes svp-pattern-drift {\n  0% { transform: translate(0,0); }\n  100% { transform: translate(-20px, 20px); }\n}\n\n.svp-history__container { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }\n\n.svp-history__header { text-align: center; max-width: 640px; margin: 0 auto 70px; }\n\n.svp-eyebrow--light {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title--light {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: #ffffff !important;\n  line-height: 1.25;\n  margin: 0 0 16px 0;\n  \n}\n\n.svp-history__intro { color: rgba(255,255,255,0.75); font-size: 1.05rem; line-height: 1.7; margin: 0; }\n\n\/* timeline *\/\n.svp-history__timeline { position: relative; }\n\n.svp-history__line {\n  position: absolute;\n  top: 0; bottom: 0; left: 50%;\n  width: 2px;\n  background: linear-gradient(180deg, transparent, rgba(212,175,55,0.4), transparent);\n  transform: translateX(-50%);\n}\n\n.svp-history__item {\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  width: 50%;\n  padding: 0 50px 64px 0;\n}\n\n.svp-history__item--right {\n  justify-content: flex-start;\n  margin-left: 50%;\n  padding: 0 0 64px 50px;\n}\n\n.svp-history__item:last-child { padding-bottom: 0; }\n.svp-history__item--right:last-child { padding-bottom: 0; }\n\n.svp-history__marker {\n  position: absolute;\n  top: 6px;\n  right: -7px;\n  width: 16px; height: 16px;\n  background: var(--svp-gold);\n  border: 3px solid var(--svp-navy);\n  border-radius: 50%;\n  box-shadow: 0 0 0 4px rgba(212,175,55,0.15);\n}\n\n.svp-history__item--right .svp-history__marker { right: auto; left: -8px; }\n\n.svp-history__content {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(212,175,55,0.2);\n  border-radius: 10px;\n  padding: 28px 32px;\n  max-width: 420px;\n  transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;\n}\n\n.svp-history__content:hover {\n  transform: translateY(-4px);\n  background: rgba(255,255,255,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-history__year {\n  display: inline-block;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--svp-gold);\n  margin-bottom: 10px;\n}\n\n.svp-history__content h3 {\n  font-family: var(--svp-font-serif);\n  color: #ffffff;\n  font-size: 1.2rem;\n  font-weight: 700;\n  margin: 0 0 10px 0;\n  line-height: 1.4;\n}\n\n.svp-history__content p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.92rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.1s; }\n.svp-sr-delay2 { transition-delay: 0.2s; }\n.svp-sr-delay3 { transition-delay: 0.3s; }\n.svp-sr-delay4 { transition-delay: 0.4s; }\n\n@media (max-width: 768px) {\n  .svp-history { padding: 70px 20px; }\n  .svp-history__header { margin-bottom: 48px; }\n  .svp-history__line { left: 16px; }\n  .svp-history__item,\n  .svp-history__item--right {\n    width: 100%;\n    margin-left: 0;\n    justify-content: flex-start;\n    padding: 0 0 48px 50px;\n  }\n  .svp-history__marker,\n  .svp-history__item--right .svp-history__marker {\n    left: 9px;\n    right: auto;\n  }\n  .svp-history__content { max-width: 100%; padding: 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-history__bg-pattern { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-history .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-a93fa205 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\n<!-- wp:html -->\n<section class=\"svp svp-saintSpotlight\">\n  <div class=\"svp-saintSpotlight__container\">\n    <div class=\"svp-saintSpotlight__header svp-sr\">\n      <p class=\"svp-eyebrow\">Our Patron Saint<\/p>\n      <h2 class=\"svp-section-title\">St. Vincent<\/h2>\n      <p class=\"svp-saintSpotlight__intro\">The spiritual heart of our parish \u2014 a life poured out in charity, humility, and unwavering faith, whose example continues to guide and inspire us today.<\/p>\n    <\/div>\n\n    <div class=\"svp-saintSpotlight__main\">\n      <div class=\"svp-saintSpotlight__image svp-sr\">\n        <img decoding=\"async\" src=\"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-content\/uploads\/sites\/12\/2026\/06\/sanvicentehero.png\" alt=\"Statue of St. Vincent, patron saint of the parish\" loading=\"lazy\">\n        <div class=\"svp-saintSpotlight__image-frame\"><\/div>\n        <div class=\"svp-saintSpotlight__glow\"><\/div>\n      <\/div>\n\n      <div class=\"svp-saintSpotlight__bio svp-sr svp-sr-delay\">\n        <h3>A Life of Devotion<\/h3>\n        <p>St. Vincent dedicated his entire life to the service of God and others. Through years of ministry marked by prayer, sacrifice, and tireless work, he became a living witness to the Gospel \u2014 showing that true greatness is found in humble service.<\/p>\n        <p>His mission was never about himself, but about bringing comfort, dignity, and hope to those the world often overlooked \u2014 the poor, the sick, and the forgotten.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-saintSpotlight__legacy\">\n      <div class=\"svp-saintSpotlight__legacy-card svp-sr\">\n        <div class=\"svp-saintSpotlight__legacy-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\n        <\/div>\n        <h4>Love for the Poor<\/h4>\n        <p>St. Vincent saw the face of Christ in every poor and suffering person he encountered, dedicating his ministry to their care and upliftment.<\/p>\n      <\/div>\n\n      <div class=\"svp-saintSpotlight__legacy-card svp-sr svp-sr-delay\">\n        <div class=\"svp-saintSpotlight__legacy-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n        <\/div>\n        <h4>Works of Charity<\/h4>\n        <p>He founded and inspired charitable works that provided food, shelter, education, and spiritual care to countless individuals in need.<\/p>\n      <\/div>\n\n      <div class=\"svp-saintSpotlight__legacy-card svp-sr svp-sr-delay2\">\n        <div class=\"svp-saintSpotlight__legacy-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2v20M5 12h14\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n        <\/div>\n        <h4>Spiritual Legacy<\/h4>\n        <p>His teachings and example continue to shape religious communities, lay movements, and parishes around the world to this day.<\/p>\n      <\/div>\n\n      <div class=\"svp-saintSpotlight__legacy-card svp-sr svp-sr-delay3\">\n        <div class=\"svp-saintSpotlight__legacy-icon\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6\"\/><\/svg>\n        <\/div>\n        <h4>Influence on the Church<\/h4>\n        <p>St. Vincent&#8217;s mission helped renew the Church&#8217;s commitment to mercy and justice, inspiring generations of clergy and laity alike.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-saintSpotlight__virtues svp-sr\">\n      <h3 class=\"svp-saintSpotlight__virtues-title\">Virtues We Honor<\/h3>\n      <div class=\"svp-saintSpotlight__virtues-grid\">\n        <div class=\"svp-virtue\">\n          <span class=\"svp-virtue__icon\">&#10084;<\/span>\n          <span class=\"svp-virtue__label\">Charity<\/span>\n        <\/div>\n        <div class=\"svp-virtue\">\n          <span class=\"svp-virtue__icon\">&#10022;<\/span>\n          <span class=\"svp-virtue__label\">Humility<\/span>\n        <\/div>\n        <div class=\"svp-virtue\">\n          <span class=\"svp-virtue__icon\">&#9825;<\/span>\n          <span class=\"svp-virtue__label\">Compassion<\/span>\n        <\/div>\n        <div class=\"svp-virtue\">\n          <span class=\"svp-virtue__icon\">&#9670;<\/span>\n          <span class=\"svp-virtue__label\">Service<\/span>\n        <\/div>\n        <div class=\"svp-virtue\">\n          <span class=\"svp-virtue__icon\">&#10038;<\/span>\n          <span class=\"svp-virtue__label\">Faith<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-saintSpotlight {\n  background: var(--svp-ivory);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n}\n\n.svp-saintSpotlight__container { max-width: 1180px; margin: 0 auto; }\n\n.svp-saintSpotlight__header { text-align: center; max-width: 700px; margin: 0 auto 64px; }\n\n.svp-eyebrow {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(2rem, 4.5vw, 3.2rem);\n  color: var(--svp-navy);\n  line-height: 1.2;\n  margin: 0 0 16px 0;\n}\n\n.svp-saintSpotlight__intro { color: var(--svp-text-muted); font-size: 1.05rem; line-height: 1.75; margin: 0; }\n\n\/* main bio block *\/\n.svp-saintSpotlight__main {\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 64px;\n  align-items: center;\n  margin-bottom: 80px;\n}\n\n.svp-saintSpotlight__image { position: relative; }\n\n.svp-saintSpotlight__image img {\n  width: 100%;\n  height: 480px;\n  object-fit: cover;\n  border-radius: 8px;\n  display: block;\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 20px 50px rgba(22,49,79,0.18);\n}\n\n.svp-saintSpotlight__image-frame {\n  position: absolute;\n  top: 20px; left: 20px;\n  width: 100%; height: 480px;\n  border: 2px solid var(--svp-gold);\n  border-radius: 8px;\n  z-index: 1;\n}\n\n.svp-saintSpotlight__glow {\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 70%; height: 70%;\n  transform: translate(-50%, -50%);\n  background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 70%);\n  z-index: 0;\n  animation: svp-halo-pulse 6s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes svp-halo-pulse {\n  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\n  50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.12); }\n}\n\n.svp-saintSpotlight__bio h3 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-navy);\n  font-size: 1.6rem;\n  font-weight: 700;\n  margin: 0 0 18px 0;\n}\n\n.svp-saintSpotlight__bio p {\n  color: var(--svp-text-muted);\n  font-size: 1rem;\n  line-height: 1.85;\n  margin: 0 0 18px 0;\n}\n\n.svp-saintSpotlight__bio p:last-child { margin-bottom: 0; }\n\n\/* legacy cards *\/\n.svp-saintSpotlight__legacy {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  margin-bottom: 80px;\n}\n\n.svp-saintSpotlight__legacy-card {\n  background: #ffffff;\n  border: 1px solid #ece6d8;\n  border-radius: 10px;\n  padding: 32px 24px;\n  text-align: center;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.svp-saintSpotlight__legacy-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 36px rgba(22,49,79,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-saintSpotlight__legacy-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.12);\n  color: var(--svp-navy);\n  margin-bottom: 18px;\n}\n\n.svp-saintSpotlight__legacy-card h4 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-navy);\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0 0 10px 0;\n}\n\n.svp-saintSpotlight__legacy-card p {\n  color: var(--svp-text-muted);\n  font-size: 0.9rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* virtues *\/\n.svp-saintSpotlight__virtues {\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  border-radius: 12px;\n  padding: 56px 40px;\n  text-align: center;\n}\n\n.svp-saintSpotlight__virtues-title {\n  font-family: var(--svp-font-serif);\n  color: #ffffff;\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin: 0 0 40px 0;\n}\n\n.svp-saintSpotlight__virtues-grid {\n  display: flex;\n  justify-content: center;\n  gap: 48px;\n  flex-wrap: wrap;\n}\n\n.svp-virtue {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n}\n\n.svp-virtue__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px; height: 64px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(212,175,55,0.4);\n  color: var(--svp-gold);\n  font-size: 1.5rem;\n  transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;\n}\n\n.svp-virtue:hover .svp-virtue__icon {\n  transform: translateY(-6px) scale(1.05);\n  border-color: var(--svp-gold);\n  background: rgba(212,175,55,0.1);\n}\n\n.svp-virtue__label {\n  font-size: 0.85rem;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.8);\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.1s; }\n.svp-sr-delay2 { transition-delay: 0.2s; }\n.svp-sr-delay3 { transition-delay: 0.3s; }\n\n@media (max-width: 1024px) {\n  .svp-saintSpotlight__main { grid-template-columns: 1fr; gap: 40px; }\n  .svp-saintSpotlight__image-frame { display: none; }\n  .svp-saintSpotlight__image img { height: 380px; }\n  .svp-saintSpotlight__legacy { grid-template-columns: repeat(2, 1fr); }\n  .svp-saintSpotlight__virtues-grid { gap: 32px; }\n}\n\n@media (max-width: 640px) {\n  .svp-saintSpotlight { padding: 70px 20px; }\n  .svp-saintSpotlight__header { margin-bottom: 48px; }\n  .svp-saintSpotlight__main { margin-bottom: 56px; }\n  .svp-saintSpotlight__image img { height: 280px; }\n  .svp-saintSpotlight__legacy { grid-template-columns: 1fr; gap: 18px; margin-bottom: 56px; }\n  .svp-saintSpotlight__virtues { padding: 40px 24px; }\n  .svp-saintSpotlight__virtues-grid { gap: 24px 32px; }\n  .svp-virtue__icon { width: 54px; height: 54px; font-size: 1.25rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-saintSpotlight__glow { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-saintSpotlight .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-41f34b28 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\n<!-- wp:html -->\n<section class=\"svp svp-priest\">\n  <div class=\"svp-priest__bg-pattern\"><\/div>\n  <div class=\"svp-priest__container\">\n    <div class=\"svp-priest__header svp-sr\">\n      <p class=\"svp-eyebrow svp-eyebrow--light\">Spiritual Leadership<\/p>\n      <h2 class=\"svp-section-title svp-section-title--light\">Meet Our Parish Priest<\/h2>\n      <p class=\"svp-priest__intro\">Guiding our community in faith, prayer, and service with a heart devoted to the people of the Shrine of St. Vincent Parish.<\/p>\n    <\/div>\n\n    <div class=\"svp-priest__main\">\n      <div class=\"svp-priest__portrait svp-sr\">\n        <div class=\"svp-priest__portrait-frame\">\n          <img decoding=\"async\" src=\"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-content\/uploads\/sites\/12\/2026\/06\/Ibarra-M-Zoleta.png\" alt=\"Portrait of Rev. Fr. Ibarra M. Zoleta\" loading=\"lazy\">\n        <\/div>\n        <div class=\"svp-priest__glow\"><\/div>\n      <\/div>\n\n      <div class=\"svp-priest__info svp-sr svp-sr-delay\">\n        <span class=\"svp-priest__role\">Parish Priest<\/span>\n        <h3 class=\"svp-priest__name\">Rev. Fr. Ibarra M. Zoleta<\/h3>\n\n        <div class=\"svp-priest__message\">\n          <span class=\"svp-priest__quote-mark\">&ldquo;<\/span>\n          <p>To every parishioner and visitor \u2014 welcome home. May this Shrine be for you a place of refuge, renewal, and encounter with the living God. Together, let us walk the path of faith, guided by the example of St. Vincent.<\/p>\n        <\/div>\n\n        <div class=\"svp-priest__details\">\n          <div class=\"svp-priest__detail\">\n            <h4>Biography<\/h4>\n            <p>Fr. Ibarra M. Zoleta has dedicated his priestly life to serving the faithful with humility, wisdom, and pastoral care, bringing years of ministry experience to the Shrine of St. Vincent Parish.<\/p>\n          <\/div>\n          <div class=\"svp-priest__detail\">\n            <h4>Spiritual Leadership &amp; Pastoral Mission<\/h4>\n            <p>Under his guidance, the parish continues to grow as a community rooted in the sacraments, sound catechesis, and a deep commitment to evangelization and discipleship.<\/p>\n          <\/div>\n          <div class=\"svp-priest__detail\">\n            <h4>Service to the Community<\/h4>\n            <p>Fr. Zoleta is actively involved in parish ministries, outreach programs, and the spiritual formation of families, always present and accessible to those he serves.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-priest {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-priest__bg-pattern {\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 85% 15%, rgba(212,175,55,0.07) 0%, transparent 35%),\n    radial-gradient(circle at 10% 85%, rgba(212,175,55,0.06) 0%, transparent 35%);\n  animation: svp-pattern-drift 25s ease-in-out infinite alternate;\n}\n\n@keyframes svp-pattern-drift {\n  0% { transform: translate(0,0); }\n  100% { transform: translate(20px, -20px); }\n}\n\n.svp-priest__container { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }\n\n.svp-priest__header { text-align: center; max-width: 700px; margin: 0 auto 64px; }\n\n.svp-eyebrow--light {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title--light {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(2rem, 4.5vw, 3.2rem);\n  color: #ffffff !important;\n  line-height: 1.2;\n  margin: 0 0 16px 0;\n  \n}\n\n.svp-priest__intro { color: rgba(255,255,255,0.75); font-size: 1.05rem; line-height: 1.75; margin: 0; }\n\n.svp-priest__main {\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 64px;\n  align-items: start;\n}\n\n\/* portrait *\/\n.svp-priest__portrait { position: relative; }\n\n.svp-priest__portrait-frame {\n  position: relative;\n  z-index: 2;\n  border: 2px solid var(--svp-gold);\n  border-radius: 8px;\n  overflow: hidden;\n  padding: 14px;\n  background: rgba(255,255,255,0.03);\n}\n\n.svp-priest__portrait-frame img {\n  width: 100%;\n  height: 460px;\n  object-fit: cover;\n  border-radius: 4px;\n  display: block;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.35);\n}\n\n.svp-priest__glow {\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 80%; height: 80%;\n  transform: translate(-50%, -50%);\n  background: radial-gradient(circle, rgba(212,175,55,0.18) 0%, transparent 70%);\n  z-index: 0;\n  animation: svp-halo-pulse 6s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes svp-halo-pulse {\n  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\n  50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.1); }\n}\n\n\/* info *\/\n.svp-priest__role {\n  display: inline-block;\n  font-size: 0.75rem;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: var(--svp-gold);\n  margin-bottom: 10px;\n}\n\n.svp-priest__name {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(1.7rem, 3.5vw, 2.4rem);\n  color: #ffffff;\n  margin: 0 0 28px 0;\n  line-height: 1.25;\n}\n\n.svp-priest__message {\n  position: relative;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(212,175,55,0.25);\n  border-radius: 8px;\n  padding: 28px 32px 28px 60px;\n  margin-bottom: 36px;\n}\n\n.svp-priest__quote-mark {\n  position: absolute;\n  top: 10px; left: 20px;\n  font-family: var(--svp-font-serif);\n  font-size: 2.8rem;\n  color: var(--svp-gold);\n  line-height: 1;\n}\n\n.svp-priest__message p {\n  font-family: var(--svp-font-serif);\n  font-style: italic;\n  font-size: 1.05rem;\n  color: #ffffff;\n  line-height: 1.75;\n  margin: 0;\n}\n\n.svp-priest__details {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.svp-priest__detail {\n  padding-left: 20px;\n  border-left: 2px solid rgba(212,175,55,0.35);\n  transition: border-color 0.3s ease;\n}\n\n.svp-priest__detail:hover { border-color: var(--svp-gold); }\n\n.svp-priest__detail h4 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-gold-soft);\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0 0 8px 0;\n  letter-spacing: 0.5px;\n}\n\n.svp-priest__detail p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.95rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n\n@media (max-width: 1024px) {\n  .svp-priest__main { grid-template-columns: 1fr; gap: 48px; }\n  .svp-priest__portrait-frame img { height: 420px; }\n  .svp-priest__portrait { max-width: 400px; margin: 0 auto; width: 100%; }\n}\n\n@media (max-width: 640px) {\n  .svp-priest { padding: 70px 20px; }\n  .svp-priest__header { margin-bottom: 48px; }\n  .svp-priest__portrait-frame img { height: 360px; }\n  .svp-priest__message { padding: 24px 22px 24px 48px; }\n  .svp-priest__quote-mark { font-size: 2.2rem; left: 14px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-priest__bg-pattern, .svp-priest__glow { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-priest .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-9f537ac3 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-6'>\n<!-- wp:html -->\n<section class=\"svp svp-missionVision\">\n  <div class=\"svp-missionVision__container\">\n    <div class=\"svp-missionVision__header svp-sr\">\n      <p class=\"svp-eyebrow\">What Guides Us<\/p>\n      <h2 class=\"svp-section-title\">Mission &amp; Vision<\/h2>\n    <\/div>\n\n    <div class=\"svp-missionVision__grid\">\n      <div class=\"svp-missionVision__card svp-sr\">\n        <div class=\"svp-missionVision__accent\"><\/div>\n        <div class=\"svp-missionVision__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7l3-7z\"\/><\/svg>\n        <\/div>\n        <h3>Our Mission<\/h3>\n        <p>To proclaim the Gospel of Jesus Christ, celebrate the sacraments with reverence, and form a community of disciples who live out their faith through prayer, charity, and service \u2014 following the example of St. Vincent in his love for the poor and devotion to God.<\/p>\n      <\/div>\n\n      <div class=\"svp-missionVision__card svp-sr svp-sr-delay\">\n        <div class=\"svp-missionVision__accent\"><\/div>\n        <div class=\"svp-missionVision__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M2.5 12S5.5 5 12 5s9.5 7 9.5 7-3 7-9.5 7S2.5 12 2.5 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n        <\/div>\n        <h3>Our Vision<\/h3>\n        <p>To be a vibrant Shrine and parish community \u2014 a spiritual home where every person encounters Christ, grows in holiness, and is sent forth as a witness of God&#8217;s mercy and love in the world.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"svp-missionVision__values svp-sr\">\n      <div class=\"svp-missionVision__value\">\n        <span class=\"svp-missionVision__value-mark\">&#10038;<\/span>\n        <span>Faith<\/span>\n      <\/div>\n      <div class=\"svp-missionVision__value\">\n        <span class=\"svp-missionVision__value-mark\">&#10084;<\/span>\n        <span>Charity<\/span>\n      <\/div>\n      <div class=\"svp-missionVision__value\">\n        <span class=\"svp-missionVision__value-mark\">&#9670;<\/span>\n        <span>Service<\/span>\n      <\/div>\n      <div class=\"svp-missionVision__value\">\n        <span class=\"svp-missionVision__value-mark\">&#9825;<\/span>\n        <span>Community<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-ivory: #fdfbf6;\n  --svp-charcoal: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-missionVision {\n  background: var(--svp-cream);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n}\n\n.svp-missionVision__container { max-width: 1100px; margin: 0 auto; }\n\n.svp-missionVision__header { text-align: center; margin-bottom: 56px; }\n\n.svp-eyebrow {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: var(--svp-navy);\n  line-height: 1.25;\n  margin: 0;\n}\n\n.svp-missionVision__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n  margin-bottom: 56px;\n}\n\n.svp-missionVision__card {\n  position: relative;\n  background: #ffffff;\n  border-radius: 10px;\n  padding: 44px 40px;\n  overflow: hidden;\n  box-shadow: 0 8px 24px rgba(22,49,79,0.06);\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.svp-missionVision__card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 36px rgba(22,49,79,0.12);\n}\n\n.svp-missionVision__accent {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 4px;\n  background: linear-gradient(90deg, var(--svp-gold), var(--svp-gold-soft));\n}\n\n.svp-missionVision__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px; height: 64px;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.12);\n  color: var(--svp-navy);\n  margin-bottom: 24px;\n}\n\n.svp-missionVision__card h3 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-navy);\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin: 0 0 16px 0;\n}\n\n.svp-missionVision__card p {\n  color: var(--svp-text-muted);\n  font-size: 1rem;\n  line-height: 1.85;\n  margin: 0;\n}\n\n\/* values strip *\/\n.svp-missionVision__values {\n  display: flex;\n  justify-content: center;\n  gap: 48px;\n  flex-wrap: wrap;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  border-radius: 12px;\n  padding: 40px 32px;\n}\n\n.svp-missionVision__value {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #ffffff;\n  font-weight: 600;\n  font-size: 1rem;\n  letter-spacing: 1px;\n}\n\n.svp-missionVision__value-mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px; height: 40px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(212,175,55,0.4);\n  color: var(--svp-gold);\n  font-size: 1.1rem;\n  transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;\n}\n\n.svp-missionVision__value:hover .svp-missionVision__value-mark {\n  transform: translateY(-4px) scale(1.05);\n  border-color: var(--svp-gold);\n  background: rgba(212,175,55,0.1);\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n\n@media (max-width: 900px) {\n  .svp-missionVision__grid { grid-template-columns: 1fr; gap: 22px; }\n  .svp-missionVision__values { gap: 28px; justify-content: space-around; }\n}\n\n@media (max-width: 640px) {\n  .svp-missionVision { padding: 70px 20px; }\n  .svp-missionVision__header { margin-bottom: 40px; }\n  .svp-missionVision__card { padding: 32px 26px; }\n  .svp-missionVision__values { padding: 32px 20px; gap: 24px; }\n  .svp-missionVision__value { font-size: 0.9rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-missionVision .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"About Us - Shrine of St. Vincent Parish","description":""},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Everest Co","author_link":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":11,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/18\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}