{"id":18,"date":"2026-03-13T07:28:51","date_gmt":"2026-03-13T07:28:51","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/?page_id=18"},"modified":"2026-06-16T02:54:52","modified_gmt":"2026-06-16T02:54:52","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-c8721698 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<!-- ABOUT SECTION 1: HERO BANNER -->\n<style>\n  .slr-about-hero {\n    position: relative;\n    min-height: 65vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: linear-gradient(135deg, var(--slr-dark) 0%, var(--slr-burgundy-dark) 35%, var(--slr-cardinal-deep) 65%, var(--slr-dark) 100%);\n    background-size: 200% 200%;\n    animation: slr-gradientShift 14s ease infinite;\n    padding: clamp(100px, 15vw, 160px) var(--slr-section-pad-x) var(--slr-section-pad-y);\n  }\n\n  .slr-about-hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 25% 70%, rgba(200,164,92,0.1) 0%, transparent 50%),\n      radial-gradient(ellipse at 75% 30%, rgba(139,34,82,0.12) 0%, transparent 50%),\n      radial-gradient(ellipse at 50% 50%, rgba(123,30,45,0.1) 0%, transparent 70%);\n    z-index: 1;\n  }\n\n  .slr-about-hero::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C8A45C' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    opacity: 0.5;\n    z-index: 1;\n  }\n\n  \/* Glows *\/\n  .slr-about-hero__glow {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .slr-about-hero__glow--1 {\n    width: 500px; height: 500px;\n    top: -10%; left: -10%;\n    background: radial-gradient(circle, rgba(200,164,92,0.1), transparent 70%);\n    animation: slr-goldenGlow 9s ease-in-out infinite;\n  }\n  .slr-about-hero__glow--2 {\n    width: 400px; height: 400px;\n    bottom: -10%; right: -5%;\n    background: radial-gradient(circle, rgba(139,34,82,0.12), transparent 70%);\n    animation: slr-goldenGlow 11s ease-in-out infinite 3s;\n  }\n  .slr-about-hero__glow--3 {\n    width: 350px; height: 350px;\n    top: 40%; left: 60%;\n    background: radial-gradient(circle, rgba(200,164,92,0.06), transparent 60%);\n    animation: slr-goldenGlow 7s ease-in-out infinite 1.5s;\n  }\n\n  \/* Rays *\/\n  .slr-about-hero__rays {\n    position: absolute;\n    top: 40%; left: 50%;\n    width: 700px; height: 700px;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    animation: slr-rayMove 55s linear infinite;\n    opacity: 0.12;\n  }\n  .slr-about-hero__rays::before,\n  .slr-about-hero__rays::after {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 2px; height: 350px;\n    transform-origin: center top;\n    background: linear-gradient(to bottom, rgba(200,164,92,0.4), transparent);\n  }\n  .slr-about-hero__rays::before { transform: translate(-50%, 0) rotate(22deg); }\n  .slr-about-hero__rays::after { transform: translate(-50%, 0) rotate(67deg); }\n\n  \/* Cross watermark *\/\n  .slr-about-hero__cross {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    opacity: 0.04;\n    animation: slr-crossPulse 9s ease-in-out infinite;\n  }\n  .slr-about-hero__cross svg {\n    width: 350px; height: 350px;\n    fill: var(--slr-gold);\n  }\n\n  \/* Particles *\/\n  .slr-about-hero__particles {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .slr-about-hero__particle {\n    position: absolute;\n    bottom: -10px;\n    width: 3px; height: 3px;\n    background: var(--slr-gold);\n    border-radius: 50%;\n    opacity: 0;\n    animation: slr-particleRise linear infinite;\n  }\n  .slr-about-hero__particle:nth-child(1) { left: 12%; animation-duration: 13s; animation-delay: 0s; width: 2px; height: 2px; }\n  .slr-about-hero__particle:nth-child(2) { left: 30%; animation-duration: 16s; animation-delay: 3s; width: 4px; height: 4px; }\n  .slr-about-hero__particle:nth-child(3) { left: 50%; animation-duration: 11s; animation-delay: 5s; }\n  .slr-about-hero__particle:nth-child(4) { left: 68%; animation-duration: 17s; animation-delay: 1s; width: 2px; height: 2px; }\n  .slr-about-hero__particle:nth-child(5) { left: 82%; animation-duration: 14s; animation-delay: 4s; width: 4px; height: 4px; }\n  .slr-about-hero__particle:nth-child(6) { left: 20%; animation-duration: 15s; animation-delay: 7s; }\n\n  \/* Arch *\/\n  .slr-about-hero__arch {\n    position: absolute;\n    bottom: 0; left: 50%;\n    transform: translateX(-50%);\n    width: 500px; height: 250px;\n    border: 1px solid rgba(200,164,92,0.07);\n    border-radius: 250px 250px 0 0;\n    border-bottom: none;\n    z-index: 2;\n  }\n  .slr-about-hero__arch--inner {\n    width: 340px; height: 170px;\n    border-radius: 170px 170px 0 0;\n    border-color: rgba(200,164,92,0.04);\n  }\n\n  \/* Content *\/\n  .slr-about-hero__content {\n    position: relative;\n    z-index: 10;\n    text-align: center;\n    max-width: 820px;\n    animation: slr-heroReveal 1.2s ease forwards;\n  }\n\n  .slr-about-hero__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 28px;\n    border: 1px solid rgba(200,164,92,0.25);\n    border-radius: 50px;\n    background: rgba(200,164,92,0.07);\n    backdrop-filter: blur(10px);\n    color: var(--slr-gold);\n    font-family: var(--slr-font-body);\n    font-size: 0.78rem;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 28px;\n    animation: slr-fadeIn 1s ease 0.3s both;\n  }\n  .slr-about-hero__badge-dot {\n    width: 6px; height: 6px;\n    background: var(--slr-gold);\n    border-radius: 50%;\n    animation: slr-pulseGlow 2s ease-in-out infinite;\n  }\n\n  .slr-about-hero__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2.2rem, 5.5vw, 4.2rem);\n    font-weight: 700;\n    line-height: 1.1;\n    color: var(--slr-warm-white);\n    margin-bottom: 24px;\n    animation: slr-textReveal 1s ease 0.5s both;\n  }\n  .slr-about-hero__title em {\n    font-style: italic;\n    color: var(--slr-gold);\n    display: block;\n    font-size: 0.5em;\n    font-weight: 400;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    margin-top: 8px;\n    font-family: var(--slr-font-elegant);\n  }\n\n  .slr-about-hero__divider {\n    width: 80px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto 28px;\n    animation: slr-fadeIn 1s ease 0.7s both;\n  }\n\n  .slr-about-hero__text {\n    font-family: var(--slr-font-body);\n    font-size: clamp(1rem, 1.4vw, 1.12rem);\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    max-width: 640px;\n    margin: 0 auto 36px;\n    animation: slr-fadeUp 1s ease 0.9s both;\n  }\n\n  .slr-about-hero__buttons {\n    animation: slr-fadeUp 1s ease 1.1s both;\n  }\n\n  .slr-abtn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 38px;\n    font-family: var(--slr-font-body);\n    font-size: 0.88rem;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n    border: none;\n  }\n  .slr-abtn::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n    animation: slr-lightSweep 3s ease-in-out infinite;\n  }\n  .slr-abtn--primary {\n    background: linear-gradient(135deg, var(--slr-gold), var(--slr-bronze));\n    color: var(--slr-dark);\n    box-shadow: 0 4px 20px rgba(200,164,92,0.3);\n  }\n  .slr-abtn--primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 35px rgba(200,164,92,0.5);\n    letter-spacing: 3px;\n  }\n\n  \/* Scroll indicator *\/\n  .slr-about-hero__scroll {\n    position: absolute;\n    bottom: 36px; left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    animation: slr-fadeIn 1s ease 1.6s both;\n  }\n  .slr-about-hero__scroll-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.62rem;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    opacity: 0.5;\n  }\n  .slr-about-hero__scroll-line {\n    width: 1px; height: 36px;\n    background: linear-gradient(to bottom, var(--slr-gold), transparent);\n    animation: slr-bounceSoft 2s ease-in-out infinite;\n  }\n\n  @media (max-width: 768px) {\n    .slr-about-hero { min-height: 55vh; }\n    .slr-about-hero__cross svg { width: 220px; height: 220px; }\n    .slr-about-hero__rays { width: 450px; height: 450px; }\n    .slr-about-hero__arch { width: 300px; height: 150px; border-radius: 150px 150px 0 0; }\n    .slr-about-hero__arch--inner { width: 200px; height: 100px; border-radius: 100px 100px 0 0; }\n  }\n<\/style>\n\n<section class=\"slr-about-hero\" role=\"banner\" aria-label=\"About Us Hero\">\n  <div class=\"slr-about-hero__glow slr-about-hero__glow--1\"><\/div>\n  <div class=\"slr-about-hero__glow slr-about-hero__glow--2\"><\/div>\n  <div class=\"slr-about-hero__glow slr-about-hero__glow--3\"><\/div>\n  <div class=\"slr-about-hero__rays\"><\/div>\n  <div class=\"slr-about-hero__cross\">\n    <svg viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <rect x=\"42\" y=\"0\" width=\"16\" height=\"140\" rx=\"2\"\/>\n      <rect x=\"10\" y=\"28\" width=\"80\" height=\"16\" rx=\"2\"\/>\n    <\/svg>\n  <\/div>\n  <div class=\"slr-about-hero__arch\"><\/div>\n  <div class=\"slr-about-hero__arch slr-about-hero__arch--inner\"><\/div>\n  <div class=\"slr-about-hero__particles\">\n    <div class=\"slr-about-hero__particle\"><\/div>\n    <div class=\"slr-about-hero__particle\"><\/div>\n    <div class=\"slr-about-hero__particle\"><\/div>\n    <div class=\"slr-about-hero__particle\"><\/div>\n    <div class=\"slr-about-hero__particle\"><\/div>\n    <div class=\"slr-about-hero__particle\"><\/div>\n  <\/div>\n\n  <div class=\"slr-about-hero__content\">\n    <div class=\"slr-about-hero__badge\">\n      <span class=\"slr-about-hero__badge-dot\"><\/span>\n      Our Story\n      <span class=\"slr-about-hero__badge-dot\"><\/span>\n    <\/div>\n    <h1 class=\"slr-about-hero__title\">\n      About Our Parish\n      <em>San Lorenzo Ruiz De Manila<\/em>\n    <\/h1>\n    <div class=\"slr-about-hero__divider\"><\/div>\n    <p class=\"slr-about-hero__text\">\n      Discover the story of a parish family rooted in the courageous faith of the first\n      Filipino saint \u2014 a community built on prayer, service, and the enduring love of Christ\n      that continues to bless generations.\n    <\/p>\n    <div class=\"slr-about-hero__buttons\">\n      <a href=\"#parish-story\" class=\"slr-abtn slr-abtn--primary\">Our Story<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"slr-about-hero__scroll\">\n    <span class=\"slr-about-hero__scroll-text\">Scroll<\/span>\n    <div class=\"slr-about-hero__scroll-line\"><\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-482d848a alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<!-- ABOUT SECTION 2: OUR PARISH STORY -->\n<style>\n  .slr-story {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: var(--slr-dark);\n    overflow: hidden;\n  }\n  .slr-story::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 10% 20%, rgba(123,30,45,0.1) 0%, transparent 50%),\n      radial-gradient(ellipse at 90% 80%, rgba(200,164,92,0.05) 0%, transparent 50%);\n  }\n  .slr-story::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23C8A45C' fill-opacity='0.015'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n\n  .slr-story__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  \/* Header *\/\n  .slr-story__header {\n    text-align: center;\n    margin-bottom: 70px;\n  }\n  .slr-story__label {\n    font-family: var(--slr-font-body);\n    font-size: 0.75rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    margin-bottom: 16px;\n    opacity: 0;\n  }\n  .slr-story__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-story__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 20px;\n    opacity: 0;\n  }\n  .slr-story__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n  .slr-story__title em { color: var(--slr-gold); font-style: italic; }\n  .slr-story__divider {\n    width: 60px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto;\n    opacity: 0;\n  }\n  .slr-story__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  \/* Intro block *\/\n  .slr-story__intro {\n    max-width: 780px;\n    margin: 0 auto 60px;\n    text-align: center;\n    opacity: 0;\n  }\n  .slr-story__intro.is-visible { animation: slr-fadeUp 0.8s ease 0.2s forwards; }\n  .slr-story__intro-text {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.15rem, 2vw, 1.4rem);\n    font-style: italic;\n    font-weight: 400;\n    color: var(--slr-gold-bright);\n    line-height: 1.8;\n    margin-bottom: 20px;\n  }\n  .slr-story__intro-body {\n    font-family: var(--slr-font-body);\n    font-size: 1rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n  }\n\n  \/* Timeline *\/\n  .slr-story__timeline {\n    position: relative;\n    padding-left: 60px;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n  .slr-story__timeline::before {\n    content: '';\n    position: absolute;\n    top: 0; bottom: 0; left: 24px;\n    width: 2px;\n    background: linear-gradient(to bottom, rgba(200,164,92,0.3), rgba(200,164,92,0.08), rgba(200,164,92,0.3));\n  }\n\n  .slr-story__timeline-item {\n    position: relative;\n    margin-bottom: 48px;\n    opacity: 0;\n  }\n  .slr-story__timeline-item.is-visible { animation: slr-slideLeft 0.7s ease forwards; }\n  .slr-story__timeline-item:nth-child(2).is-visible { animation-delay: 0.15s; }\n  .slr-story__timeline-item:nth-child(3).is-visible { animation-delay: 0.3s; }\n  .slr-story__timeline-item:nth-child(4).is-visible { animation-delay: 0.45s; }\n  .slr-story__timeline-item:nth-child(5).is-visible { animation-delay: 0.6s; }\n  .slr-story__timeline-item:last-child { margin-bottom: 0; }\n\n  \/* Timeline dot *\/\n  .slr-story__timeline-dot {\n    position: absolute;\n    left: -48px; top: 24px;\n    width: 14px; height: 14px;\n    background: var(--slr-gold);\n    border-radius: 50%;\n    border: 3px solid var(--slr-dark);\n    box-shadow: 0 0 0 2px rgba(200,164,92,0.3), 0 0 15px rgba(200,164,92,0.2);\n    z-index: 2;\n    transition: all 0.4s ease;\n  }\n  .slr-story__timeline-item:hover .slr-story__timeline-dot {\n    transform: scale(1.3);\n    box-shadow: 0 0 0 3px rgba(200,164,92,0.4), 0 0 25px rgba(200,164,92,0.3);\n  }\n\n  .slr-story__timeline-card {\n    padding: 32px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.08);\n    border-radius: 12px;\n    backdrop-filter: blur(5px);\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n  .slr-story__timeline-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, var(--slr-cardinal), var(--slr-gold));\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .slr-story__timeline-card:hover::before { opacity: 1; }\n  .slr-story__timeline-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(200,164,92,0.2);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n  }\n\n  .slr-story__timeline-year {\n    display: inline-block;\n    padding: 4px 14px;\n    background: rgba(200,164,92,0.1);\n    border: 1px solid rgba(200,164,92,0.2);\n    border-radius: 20px;\n    font-family: var(--slr-font-body);\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 2px;\n    color: var(--slr-gold);\n    margin-bottom: 14px;\n  }\n\n  .slr-story__timeline-heading {\n    font-family: var(--slr-font-display);\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 12px;\n  }\n\n  .slr-story__timeline-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.92rem;\n    line-height: 1.85;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 768px) {\n    .slr-story__timeline { padding-left: 40px; }\n    .slr-story__timeline::before { left: 14px; }\n    .slr-story__timeline-dot { left: -34px; }\n    .slr-story__timeline-card { padding: 24px; }\n  }\n<\/style>\n\n<section class=\"slr-story\" id=\"parish-story\" aria-label=\"Our Parish Story\">\n  <div class=\"slr-story__container\">\n    <div class=\"slr-story__header\">\n      <p class=\"slr-story__label\" data-slr-story-reveal>Our History<\/p>\n      <h2 class=\"slr-story__title\" data-slr-story-reveal>The Story of <em>Our Parish<\/em><\/h2>\n      <div class=\"slr-story__divider\" data-slr-story-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-story__intro\" data-slr-story-reveal>\n      <p class=\"slr-story__intro-text\">\n        From humble beginnings to a thriving community of faith, the story of San Lorenzo Ruiz De Manila Parish\n        is a testament to God&#8217;s providence and the enduring spirit of His people.\n      <\/p>\n      <p class=\"slr-story__intro-body\">\n        Founded with a deep devotion to the first Filipino saint, our parish has grown from a small\n        gathering of faithful believers into a vibrant spiritual home for thousands of families. Through\n        decades of service, prayer, and community, we continue to honor the legacy of San Lorenzo Ruiz\n        in everything we do.\n      <\/p>\n    <\/div>\n\n    <div class=\"slr-story__timeline\">\n      <!-- Timeline Item 1 -->\n      <div class=\"slr-story__timeline-item\" data-slr-story-reveal>\n        <div class=\"slr-story__timeline-dot\"><\/div>\n        <div class=\"slr-story__timeline-card\">\n          <span class=\"slr-story__timeline-year\">The Beginning<\/span>\n          <h3 class=\"slr-story__timeline-heading\">Founding of the Parish<\/h3>\n          <p class=\"slr-story__timeline-text\">\n            San Lorenzo Ruiz De Manila Parish was established to serve the growing Catholic community\n            in the area. Named after the first Filipino saint, the parish was born from a desire to\n            create a spiritual home that celebrates Filipino Catholic identity and devotion. A small\n            group of devoted faithful gathered for the first Masses in a modest chapel.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline Item 2 -->\n      <div class=\"slr-story__timeline-item\" data-slr-story-reveal>\n        <div class=\"slr-story__timeline-dot\"><\/div>\n        <div class=\"slr-story__timeline-card\">\n          <span class=\"slr-story__timeline-year\">Growing Years<\/span>\n          <h3 class=\"slr-story__timeline-heading\">Building the Community<\/h3>\n          <p class=\"slr-story__timeline-text\">\n            As the neighborhood grew, so did the parish. New families joined, ministries were formed,\n            and the community deepened its roots. Through dedicated pastoral leadership and the\n            unwavering commitment of parishioners, the parish expanded its programs in catechesis,\n            youth formation, and charitable outreach.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline Item 3 -->\n      <div class=\"slr-story__timeline-item\" data-slr-story-reveal>\n        <div class=\"slr-story__timeline-dot\"><\/div>\n        <div class=\"slr-story__timeline-card\">\n          <span class=\"slr-story__timeline-year\">A Sacred Home<\/span>\n          <h3 class=\"slr-story__timeline-heading\">Construction of the Church<\/h3>\n          <p class=\"slr-story__timeline-text\">\n            The dream of a permanent church became reality through the generous contributions and\n            sacrifices of the parish family. The construction of the parish church stood as a\n            powerful symbol of the community&#8217;s faith and unity \u2014 a sacred space where generations\n            would gather to encounter Christ in the Sacraments.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline Item 4 -->\n      <div class=\"slr-story__timeline-item\" data-slr-story-reveal>\n        <div class=\"slr-story__timeline-dot\"><\/div>\n        <div class=\"slr-story__timeline-card\">\n          <span class=\"slr-story__timeline-year\">Mission &#038; Service<\/span>\n          <h3 class=\"slr-story__timeline-heading\">Expanding Our Reach<\/h3>\n          <p class=\"slr-story__timeline-text\">\n            The parish expanded its mission beyond its walls, launching outreach programs for the\n            underprivileged, medical missions, feeding programs, and educational support. Guided by\n            the example of San Lorenzo Ruiz, parishioners embraced a spirit of service that touched\n            countless lives in the surrounding community.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline Item 5 -->\n      <div class=\"slr-story__timeline-item\" data-slr-story-reveal>\n        <div class=\"slr-story__timeline-dot\"><\/div>\n        <div class=\"slr-story__timeline-card\">\n          <span class=\"slr-story__timeline-year\">Today &#038; Beyond<\/span>\n          <h3 class=\"slr-story__timeline-heading\">A Thriving Parish Family<\/h3>\n          <p class=\"slr-story__timeline-text\">\n            Today, San Lorenzo Ruiz De Manila Parish stands as a beacon of faith, hope, and love.\n            With active ministries, vibrant liturgical celebrations, and a welcoming community, we\n            continue to grow and serve. As we look to the future, we remain anchored in the same\n            courageous faith that inspired our founding.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-story-reveal]');\n  if(!els.length) return;\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('is-visible'); obs.unobserve(e.target); }\n    });\n  },{threshold:0.12});\n  els.forEach(function(el){ obs.observe(el); });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-b0ead937 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!-- ABOUT SECTION 3: MISSION, VISION & CORE VALUES -->\n<style>\n  .slr-mvv {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: linear-gradient(180deg, var(--slr-dark-surface) 0%, var(--slr-dark) 100%);\n    overflow: hidden;\n  }\n  .slr-mvv::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(200,164,92,0.18), transparent);\n  }\n  .slr-mvv::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 50% 0%, rgba(200,164,92,0.04) 0%, transparent 50%),\n      radial-gradient(ellipse at 20% 100%, rgba(123,30,45,0.06) 0%, transparent 50%);\n  }\n\n  .slr-mvv__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  \/* Header *\/\n  .slr-mvv__header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .slr-mvv__label {\n    font-family: var(--slr-font-body);\n    font-size: 0.75rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    margin-bottom: 16px;\n    opacity: 0;\n  }\n  .slr-mvv__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-mvv__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 20px;\n    opacity: 0;\n  }\n  .slr-mvv__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n  .slr-mvv__title em { color: var(--slr-gold); font-style: italic; }\n  .slr-mvv__divider {\n    width: 60px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto;\n    opacity: 0;\n  }\n  .slr-mvv__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  \/* Mission & Vision row *\/\n  .slr-mvv__duo {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    margin-bottom: 60px;\n  }\n\n  .slr-mvv__statement {\n    padding: 40px 36px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 14px;\n    backdrop-filter: blur(8px);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.5s ease;\n    opacity: 0;\n  }\n  .slr-mvv__statement.is-visible { animation: slr-cardReveal 0.7s ease forwards; }\n  .slr-mvv__statement:nth-child(2).is-visible { animation-delay: 0.15s; }\n\n  .slr-mvv__statement::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--slr-cardinal), var(--slr-gold));\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .slr-mvv__statement:hover::before { opacity: 1; }\n  .slr-mvv__statement:hover {\n    transform: translateY(-6px);\n    border-color: rgba(200,164,92,0.25);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.25);\n  }\n\n  .slr-mvv__statement-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px; height: 56px;\n    border-radius: 14px;\n    background: rgba(200,164,92,0.08);\n    border: 1px solid rgba(200,164,92,0.15);\n    font-size: 1.4rem;\n    color: var(--slr-gold);\n    margin-bottom: 24px;\n    transition: all 0.4s ease;\n  }\n  .slr-mvv__statement:hover .slr-mvv__statement-icon {\n    background: rgba(200,164,92,0.14);\n    transform: scale(1.06);\n  }\n\n  .slr-mvv__statement-label {\n    font-family: var(--slr-font-body);\n    font-size: 0.72rem;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    margin-bottom: 12px;\n  }\n\n  .slr-mvv__statement-heading {\n    font-family: var(--slr-font-display);\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 16px;\n  }\n\n  .slr-mvv__statement-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.95rem;\n    line-height: 1.9;\n    color: var(--slr-text-muted);\n  }\n\n  \/* Core Values header *\/\n  .slr-mvv__values-header {\n    text-align: center;\n    margin-bottom: 40px;\n    opacity: 0;\n  }\n  .slr-mvv__values-header.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n\n  .slr-mvv__values-heading {\n    font-family: var(--slr-font-display);\n    font-size: clamp(1.5rem, 3vw, 2rem);\n    font-weight: 600;\n    color: var(--slr-warm-white);\n  }\n  .slr-mvv__values-sub {\n    font-family: var(--slr-font-body);\n    font-size: 0.92rem;\n    color: var(--slr-text-muted);\n    margin-top: 8px;\n  }\n\n  \/* Values grid *\/\n  .slr-mvv__values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n\n  .slr-mvv__value {\n    text-align: center;\n    padding: 36px 24px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.08);\n    border-radius: 12px;\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n    opacity: 0;\n  }\n  .slr-mvv__value.is-visible { animation: slr-cardReveal 0.6s ease forwards; }\n  .slr-mvv__value:nth-child(2).is-visible { animation-delay: 0.08s; }\n  .slr-mvv__value:nth-child(3).is-visible { animation-delay: 0.16s; }\n  .slr-mvv__value:nth-child(4).is-visible { animation-delay: 0.24s; }\n  .slr-mvv__value:nth-child(5).is-visible { animation-delay: 0.32s; }\n  .slr-mvv__value:nth-child(6).is-visible { animation-delay: 0.40s; }\n\n  .slr-mvv__value::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 50%; transform: translateX(-50%);\n    width: 30px; height: 2px;\n    background: var(--slr-gold);\n    opacity: 0;\n    transition: all 0.4s ease;\n  }\n  .slr-mvv__value:hover::before { width: 60px; opacity: 1; }\n  .slr-mvv__value:hover {\n    transform: translateY(-8px);\n    border-color: rgba(200,164,92,0.25);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n  }\n\n  .slr-mvv__value-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 60px; height: 60px;\n    margin: 0 auto 20px;\n    border-radius: 50%;\n    background: rgba(200,164,92,0.06);\n    border: 1px solid rgba(200,164,92,0.12);\n    font-size: 1.5rem;\n    color: var(--slr-gold);\n    transition: all 0.4s ease;\n  }\n  .slr-mvv__value:hover .slr-mvv__value-icon {\n    background: rgba(200,164,92,0.12);\n    transform: scale(1.08);\n  }\n\n  .slr-mvv__value-name {\n    font-family: var(--slr-font-display);\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 10px;\n  }\n\n  .slr-mvv__value-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.84rem;\n    line-height: 1.7;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 768px) {\n    .slr-mvv__duo { grid-template-columns: 1fr; }\n    .slr-mvv__values { grid-template-columns: 1fr 1fr; }\n  }\n  @media (max-width: 480px) {\n    .slr-mvv__values { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"slr-mvv\" aria-label=\"Mission, Vision and Core Values\">\n  <div class=\"slr-mvv__container\">\n    <div class=\"slr-mvv__header\">\n      <p class=\"slr-mvv__label\" data-slr-mvv-reveal>What We Stand For<\/p>\n      <h2 class=\"slr-mvv__title\" data-slr-mvv-reveal>Mission, Vision &amp; <em>Core Values<\/em><\/h2>\n      <div class=\"slr-mvv__divider\" data-slr-mvv-reveal><\/div>\n    <\/div>\n\n    <!-- Mission & Vision -->\n    <div class=\"slr-mvv__duo\">\n      <div class=\"slr-mvv__statement\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__statement-icon\">&#10013;<\/div>\n        <div class=\"slr-mvv__statement-label\">Our Mission<\/div>\n        <h3 class=\"slr-mvv__statement-heading\">Bringing Christ to All<\/h3>\n        <p class=\"slr-mvv__statement-text\">\n          San Lorenzo Ruiz De Manila Parish is a faith community committed to proclaiming the Gospel\n          of Jesus Christ through vibrant liturgical celebrations, holistic formation, and compassionate\n          service \u2014 empowering every parishioner to become a missionary disciple inspired by the\n          courageous witness of our patron saint.\n        <\/p>\n      <\/div>\n      <div class=\"slr-mvv__statement\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__statement-icon\">&#9734;<\/div>\n        <div class=\"slr-mvv__statement-label\">Our Vision<\/div>\n        <h3 class=\"slr-mvv__statement-heading\">A Community Transformed by Faith<\/h3>\n        <p class=\"slr-mvv__statement-text\">\n          We envision a parish family where every member grows in holiness, lives the joy of the Gospel,\n          and becomes an instrument of God&#8217;s love in the world \u2014 a Christ-centered community that mirrors\n          the faith, courage, and missionary spirit of San Lorenzo Ruiz in our daily lives and service\n          to others.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Core Values -->\n    <div class=\"slr-mvv__values-header\" data-slr-mvv-reveal>\n      <h3 class=\"slr-mvv__values-heading\">Our Core Values<\/h3>\n      <p class=\"slr-mvv__values-sub\">The pillars that guide our parish life and community<\/p>\n    <\/div>\n\n    <div class=\"slr-mvv__values\">\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#10013;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Faith<\/h4>\n        <p class=\"slr-mvv__value-text\">Anchored in the teachings of Christ and the Catholic Church, we live and share our faith with conviction.<\/p>\n      <\/div>\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#10084;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Service<\/h4>\n        <p class=\"slr-mvv__value-text\">Following Christ&#8217;s example, we serve one another with humility, generosity, and joyful hearts.<\/p>\n      <\/div>\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#9733;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Charity<\/h4>\n        <p class=\"slr-mvv__value-text\">We extend God&#8217;s love through acts of mercy, compassion, and care for those most in need.<\/p>\n      <\/div>\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#9758;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Community<\/h4>\n        <p class=\"slr-mvv__value-text\">We walk together as one parish family, supporting and uplifting each other in faith and love.<\/p>\n      <\/div>\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#10025;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Evangelization<\/h4>\n        <p class=\"slr-mvv__value-text\">We share the Good News of Jesus Christ through our words, actions, and the witness of our lives.<\/p>\n      <\/div>\n      <div class=\"slr-mvv__value\" data-slr-mvv-reveal>\n        <div class=\"slr-mvv__value-icon\">&#10014;<\/div>\n        <h4 class=\"slr-mvv__value-name\">Stewardship<\/h4>\n        <p class=\"slr-mvv__value-text\">We gratefully manage the gifts God has given us \u2014 our time, talent, and treasure \u2014 for His glory.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-mvv-reveal]');\n  if(!els.length) return;\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('is-visible'); obs.unobserve(e.target); }\n    });\n  },{threshold:0.1});\n  els.forEach(function(el){ obs.observe(el); });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-372d5e1c alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\n<!-- ABOUT SECTION 4: MEET OUR PARISH PRIEST -->\n<style>\n  .slr-about-priest {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: var(--slr-dark);\n    overflow: hidden;\n  }\n  .slr-about-priest::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 25% 50%, rgba(123,30,45,0.08) 0%, transparent 55%),\n      radial-gradient(ellipse at 75% 50%, rgba(200,164,92,0.04) 0%, transparent 55%);\n  }\n\n  .slr-about-priest__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  .slr-about-priest__header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .slr-about-priest__label {\n    font-family: var(--slr-font-body);\n    font-size: 0.75rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    margin-bottom: 16px;\n    opacity: 0;\n  }\n  .slr-about-priest__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-about-priest__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 20px;\n    opacity: 0;\n  }\n  .slr-about-priest__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n  .slr-about-priest__divider {\n    width: 60px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto;\n    opacity: 0;\n  }\n  .slr-about-priest__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  \/* Main card *\/\n  .slr-about-priest__card {\n    display: grid;\n    grid-template-columns: 360px 1fr;\n    gap: 60px;\n    align-items: start;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 16px;\n    padding: 48px;\n    backdrop-filter: blur(10px);\n    position: relative;\n    overflow: hidden;\n    opacity: 0;\n  }\n  .slr-about-priest__card.is-visible { animation: slr-zoomIn 0.8s ease forwards; }\n\n  .slr-about-priest__card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--slr-cardinal), var(--slr-gold), var(--slr-cardinal));\n  }\n  .slr-about-priest__card::after {\n    content: '';\n    position: absolute;\n    top: -50%; right: -20%;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(200,164,92,0.04), transparent 60%);\n    pointer-events: none;\n  }\n\n  \/* Photo *\/\n  .slr-about-priest__photo-wrap {\n    position: relative;\n    opacity: 0;\n  }\n  .slr-about-priest__photo-wrap.is-visible { animation: slr-slideLeft 0.8s ease 0.2s forwards; }\n\n  .slr-about-priest__photo {\n    width: 100%;\n    aspect-ratio: 3\/4;\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--slr-burgundy-dark), var(--slr-cardinal-deep));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    border: 1px solid rgba(200,164,92,0.15);\n  }\n  .slr-about-priest__photo::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(26,16,21,0.5), transparent 40%);\n  }\n\n  .slr-about-priest__photo-ph {\n    color: rgba(200,164,92,0.15);\n    font-size: 4.5rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .slr-about-priest__photo-frame {\n    position: absolute;\n    top: -10px; left: -10px;\n    right: 10px; bottom: 10px;\n    border: 1px solid rgba(200,164,92,0.12);\n    border-radius: 16px;\n    z-index: -1;\n    transition: all 0.5s ease;\n  }\n  .slr-about-priest__card:hover .slr-about-priest__photo-frame {\n    top: -14px; left: -14px;\n    border-color: rgba(200,164,92,0.25);\n  }\n\n  .slr-about-priest__photo-name {\n    position: absolute;\n    bottom: 20px; left: 20px; right: 20px;\n    z-index: 2;\n    font-family: var(--slr-font-display);\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n  }\n  .slr-about-priest__photo-role {\n    display: block;\n    font-family: var(--slr-font-body);\n    font-size: 0.76rem;\n    font-weight: 400;\n    color: var(--slr-gold);\n    margin-top: 4px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  \/* Content *\/\n  .slr-about-priest__content {\n    opacity: 0;\n  }\n  .slr-about-priest__content.is-visible { animation: slr-slideRight 0.8s ease 0.3s forwards; }\n\n  .slr-about-priest__welcome {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.15rem, 2vw, 1.45rem);\n    font-weight: 400;\n    font-style: italic;\n    color: var(--slr-gold-bright);\n    line-height: 1.7;\n    margin-bottom: 24px;\n    padding-left: 24px;\n    border-left: 3px solid rgba(200,164,92,0.3);\n    position: relative;\n  }\n  .slr-about-priest__welcome::before {\n    content: '\\201C';\n    position: absolute;\n    top: -18px; left: 18px;\n    font-size: 3.5rem;\n    color: rgba(200,164,92,0.1);\n    font-family: var(--slr-font-display);\n    line-height: 1;\n  }\n\n  .slr-about-priest__bio {\n    font-family: var(--slr-font-body);\n    font-size: 0.98rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    margin-bottom: 16px;\n  }\n\n  \/* Message & Vision blocks *\/\n  .slr-about-priest__blocks {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-top: 28px;\n  }\n\n  .slr-about-priest__block {\n    padding: 24px;\n    border-radius: 10px;\n    transition: all 0.4s ease;\n  }\n  .slr-about-priest__block--msg {\n    background: rgba(123,30,45,0.08);\n    border: 1px solid rgba(123,30,45,0.15);\n  }\n  .slr-about-priest__block--vision {\n    background: rgba(200,164,92,0.05);\n    border: 1px solid rgba(200,164,92,0.12);\n  }\n  .slr-about-priest__block:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n  }\n\n  .slr-about-priest__block-title {\n    font-family: var(--slr-font-display);\n    font-size: 0.95rem;\n    font-weight: 600;\n    margin-bottom: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .slr-about-priest__block--msg .slr-about-priest__block-title { color: var(--slr-red-light); }\n  .slr-about-priest__block--vision .slr-about-priest__block-title { color: var(--slr-gold); }\n\n  .slr-about-priest__block-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.88rem;\n    line-height: 1.8;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 900px) {\n    .slr-about-priest__card {\n      grid-template-columns: 1fr;\n      padding: 30px;\n      gap: 30px;\n    }\n    .slr-about-priest__photo-wrap { max-width: 280px; margin: 0 auto; }\n    .slr-about-priest__blocks { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"slr-about-priest\" aria-label=\"Meet Our Parish Priest\">\n  <div class=\"slr-about-priest__container\">\n    <div class=\"slr-about-priest__header\">\n      <p class=\"slr-about-priest__label\" data-slr-apr-reveal>Spiritual Shepherd<\/p>\n      <h2 class=\"slr-about-priest__title\" data-slr-apr-reveal>Meet Our Parish Priest<\/h2>\n      <div class=\"slr-about-priest__divider\" data-slr-apr-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-about-priest__card\" data-slr-apr-reveal>\n      <div class=\"slr-about-priest__photo-wrap\" data-slr-apr-reveal>\n        <div class=\"slr-about-priest__photo-frame\"><\/div>\n        <div class=\"slr-about-priest__photo\">\n          <img loading=\"lazy\" decoding=\"async\"\n            class=\"slr-priest__photo-img\"\n            src=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-content\/uploads\/sites\/14\/2026\/06\/father.png\"\n            alt=\"Rev. Fr. Jose Nino A. de Leon \u2014 Parish Priest\"\n            width=\"380\"\n            height=\"530\"\n          >\n          <div class=\"slr-about-priest__photo-name\">\n            Rev. Fr. Jose Nino A. de Leon\n            <span class=\"slr-about-priest__photo-role\">Parish Priest<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"slr-about-priest__content\" data-slr-apr-reveal>\n        <p class=\"slr-about-priest__welcome\">\n          Let us walk together as one family in faith \u2014 inspired by the courage and devotion of\n          San Lorenzo Ruiz \u2014 building a parish community where every soul encounters the love of Christ.\n        <\/p>\n        <p class=\"slr-about-priest__bio\">\n          Rev. Fr. Jose Nino A. de Leon was ordained to the priesthood in [year] after completing his theological\n          formation at [Seminary]. Over the years, he has served faithfully in various parishes\n          throughout the diocese, earning the love and respect of the communities he has shepherded.\n        <\/p>\n        <p class=\"slr-about-priest__bio\">\n          Since his appointment to San Lorenzo Ruiz De Manila Parish, Fr. [Name] has been a driving\n          force behind the spiritual renewal and growth of the community. His pastoral approach\n          combines deep liturgical reverence with genuine personal\u5173\u6000 for every parishioner.\n        <\/p>\n\n        <div class=\"slr-about-priest__blocks\">\n          <div class=\"slr-about-priest__block slr-about-priest__block--msg\">\n            <h4 class=\"slr-about-priest__block-title\">Message to Parishioners<\/h4>\n            <p class=\"slr-about-priest__block-text\">\n              &#8220;Dear brothers and sisters, you are the heart of this parish. Together, let us grow in\n              holiness, serve one another, and be living witnesses of Christ&#8217;s love in our community.&#8221;\n            <\/p>\n          <\/div>\n          <div class=\"slr-about-priest__block slr-about-priest__block--vision\">\n            <h4 class=\"slr-about-priest__block-title\">Pastoral Vision<\/h4>\n            <p class=\"slr-about-priest__block-text\">\n              To form missionary disciples who encounter Christ in the Sacraments, grow in\n              community, and bring the light of the Gospel to every home and neighborhood.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-apr-reveal]');\n  if(!els.length) return;\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('is-visible'); obs.unobserve(e.target); }\n    });\n  },{threshold:0.1});\n  els.forEach(function(el){ obs.observe(el); });\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4ca77cbb alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\n<!-- ABOUT SECTION 5: OUR PATRON SAINT -->\n<style>\n\/* All keyframes local \u2014 zero external dependencies *\/\n@keyframes slr-patron-gradientShift {\n  0%   { background-position: 0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n@keyframes slr-patron-crossPulse {\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.03; }\n  50%      { transform: translate(-50%, -50%) scale(1.05); opacity: 0.05; }\n}\n@keyframes slr-patron-goldenGlow {\n  0%, 100% { opacity: 0.5; }\n  50%      { opacity: 1; }\n}\n@keyframes slr-patron-pulseGlow {\n  0%, 100% { box-shadow: 0 0 40px rgba(200,164,92,0.08), 0 0 80px rgba(123,30,45,0.1), inset 0 0 30px rgba(0,0,0,0.3); }\n  50%      { box-shadow: 0 0 60px rgba(200,164,92,0.15), 0 0 100px rgba(123,30,45,0.15), inset 0 0 30px rgba(0,0,0,0.3); }\n}\n@keyframes slr-patron-rotateSlow {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n\/* SECTION *\/\n.slr-about-patron {\n  position: relative;\n  padding: 100px 5vw;\n  background: linear-gradient(135deg, #5E1522 0%, #4A1220 40%, #1A1015 100%);\n  background-size: 200% 200%;\n  animation: slr-patron-gradientShift 20s ease infinite;\n  overflow: hidden;\n  color: #FFFDF8;\n  font-family: 'Lora', serif;\n  box-sizing: border-box;\n}\n.slr-about-patron *, .slr-about-patron *::before, .slr-about-patron *::after { box-sizing: border-box; }\n\n.slr-about-patron::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 50% 30%, rgba(200,164,92,0.08) 0%, transparent 55%),\n    radial-gradient(ellipse at 20% 80%, rgba(139,34,82,0.1) 0%, transparent 45%);\n  z-index: 1;\n  pointer-events: none;\n}\n.slr-about-patron::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23C8A45C' fill-opacity='0.02'%3E%3Cpath fill-rule='evenodd' d='M0 20L20 0l20 20-20 20z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* BG ELEMENTS *\/\n.slr-about-patron__bg-cross {\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1; opacity: 0.03;\n  animation: slr-patron-crossPulse 10s ease-in-out infinite;\n  pointer-events: none;\n}\n.slr-about-patron__bg-cross svg { width: 550px; height: 550px; fill: #C8A45C; }\n\n.slr-about-patron__arch-l,\n.slr-about-patron__arch-r {\n  position: absolute; top: 50%;\n  width: 180px; height: 360px;\n  border: 1px solid rgba(200,164,92,0.04);\n  transform: translateY(-50%);\n  z-index: 1; pointer-events: none;\n}\n.slr-about-patron__arch-l { left: -70px; border-radius: 180px 0 0 180px; border-right: none; }\n.slr-about-patron__arch-r { right: -70px; border-radius: 0 180px 180px 0; border-left: none; border-right: 1px solid rgba(200,164,92,0.04); }\n\n.slr-about-patron__glow { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }\n.slr-about-patron__glow--1 {\n  width: 450px; height: 450px; top: -8%; left: 15%;\n  background: radial-gradient(circle, rgba(200,164,92,0.07), transparent 60%);\n  animation: slr-patron-goldenGlow 9s ease-in-out infinite;\n}\n.slr-about-patron__glow--2 {\n  width: 350px; height: 350px; bottom: -5%; right: 10%;\n  background: radial-gradient(circle, rgba(123,30,45,0.1), transparent 60%);\n  animation: slr-patron-goldenGlow 11s ease-in-out infinite 4s;\n}\n\n\/* CONTAINER *\/\n.slr-about-patron__container {\n  position: relative; z-index: 10;\n  max-width: 1180px; margin: 0 auto;\n}\n\n\/* HEADER \u2014 visible by default, no JS needed *\/\n.slr-about-patron__header { text-align: center; margin-bottom: 70px; }\n.slr-about-patron__label {\n  font-family: 'Lora', serif;\n  font-size: 0.75rem; letter-spacing: 5px; text-transform: uppercase;\n  color: #C8A45C; margin-bottom: 16px;\n}\n.slr-about-patron__title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700;\n  color: #FFFDF8; margin-bottom: 8px;\n}\n.slr-about-patron__title em {\n  display: block; font-style: italic; color: #C8A45C;\n  font-size: 0.45em; font-weight: 400;\n  font-family: 'Cormorant Garamond', serif;\n  letter-spacing: 5px; text-transform: uppercase; margin-top: 6px;\n}\n.slr-about-patron__subtitle {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.05rem; font-weight: 300;\n  color: #B0A89C; margin-top: 12px;\n}\n.slr-about-patron__hd {\n  width: 80px; height: 2px;\n  background: linear-gradient(90deg, transparent, #C8A45C, transparent);\n  margin: 24px auto 0;\n}\n\n\/* GRID *\/\n.slr-about-patron__grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 60px; align-items: start;\n}\n\n\/* LEFT: STORY \u2014 visible by default *\/\n.slr-about-patron__story {}\n\n.slr-about-patron__quote {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.15rem, 2vw, 1.4rem);\n  font-style: italic; font-weight: 400;\n  color: #D4B76A; line-height: 1.7;\n  margin-bottom: 28px; padding-left: 20px;\n  border-left: 3px solid rgba(200,164,92,0.3);\n}\n.slr-about-patron__quote-attr {\n  display: block; font-family: 'Lora', serif;\n  font-size: 0.78rem; color: #B0A89C;\n  margin-top: 8px; font-style: normal;\n}\n.slr-about-patron__text {\n  font-family: 'Lora', serif;\n  font-size: 0.98rem; line-height: 1.9;\n  color: #E8E0D8; margin-bottom: 16px;\n}\n\n\/* Sections *\/\n.slr-about-patron__section {\n  margin-top: 28px; padding: 24px;\n  border-radius: 10px;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n.slr-about-patron__section:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n}\n.slr-about-patron__section--journey {\n  background: rgba(200,164,92,0.04);\n  border: 1px solid rgba(200,164,92,0.1);\n}\n.slr-about-patron__section--martyrdom {\n  background: rgba(123,30,45,0.08);\n  border: 1px solid rgba(123,30,45,0.15);\n}\n.slr-about-patron__section--legacy {\n  background: rgba(200,164,92,0.05);\n  border: 1px solid rgba(200,164,92,0.12);\n}\n.slr-about-patron__section-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.05rem; font-weight: 600; margin-bottom: 10px;\n}\n.slr-about-patron__section--journey .slr-about-patron__section-title { color: #C8A45C; }\n.slr-about-patron__section--martyrdom .slr-about-patron__section-title { color: #A84C5C; }\n.slr-about-patron__section--legacy .slr-about-patron__section-title { color: #D4B76A; }\n.slr-about-patron__section-text {\n  font-family: 'Lora', serif;\n  font-size: 0.9rem; line-height: 1.8; color: #B0A89C;\n}\n\n\/* RIGHT: PORTRAIT & VIRTUES \u2014 visible by default *\/\n.slr-about-patron__info {}\n\n\/* Portrait with image *\/\n.slr-about-patron__portrait {\n  width: 100%; max-width: 280px; aspect-ratio: 1;\n  border-radius: 50%; margin: 0 auto 40px;\n  position: relative; overflow: hidden;\n  border: 3px solid rgba(200,164,92,0.2);\n  background: linear-gradient(135deg, #4A1220, #5E1522);\n  animation: slr-patron-pulseGlow 6s ease-in-out infinite;\n}\n.slr-about-patron__portrait::before {\n  content: ''; position: absolute;\n  inset: -8px; border-radius: 50%;\n  border: 1px solid rgba(200,164,92,0.1);\n  animation: slr-patron-rotateSlow 30s linear infinite;\n  z-index: 3; pointer-events: none;\n}\n.slr-about-patron__portrait::after {\n  content: ''; position: absolute;\n  inset: -16px; border-radius: 50%;\n  border: 1px dashed rgba(200,164,92,0.06);\n  animation: slr-patron-rotateSlow 45s linear infinite reverse;\n  z-index: 3; pointer-events: none;\n}\n.slr-about-patron__portrait img {\n  width: 100%; height: 100%;\n  object-fit: cover; object-position: center top;\n  display: block; border-radius: 50%;\n  transition: transform .6s ease;\n  position: relative; z-index: 1;\n}\n.slr-about-patron__portrait:hover img { transform: scale(1.06); }\n.slr-about-patron__portrait-glow {\n  position: absolute; inset: 0; border-radius: 50%;\n  background: radial-gradient(ellipse at 50% 30%, rgba(200,164,92,0.1) 0%, transparent 60%);\n  z-index: 2; pointer-events: none;\n  transition: opacity .4s ease;\n}\n.slr-about-patron__portrait:hover .slr-about-patron__portrait-glow { opacity: 0.4; }\n.slr-about-patron__portrait-fade {\n  position: absolute; bottom: 0; left: 0; right: 0;\n  height: 35%; border-radius: 0 0 50% 50%;\n  background: linear-gradient(to top, rgba(26,16,21,0.6), transparent);\n  z-index: 2; pointer-events: none;\n}\n\n\/* Inspire cards *\/\n.slr-about-patron__inspire { margin-top: 10px; }\n.slr-about-patron__inspire-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.2rem; font-weight: 600;\n  color: #FFFDF8; text-align: center;\n  margin-bottom: 24px; letter-spacing: 2px; text-transform: uppercase;\n}\n.slr-about-patron__inspire-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n}\n.slr-about-patron__inspire-card {\n  padding: 20px 16px;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(200,164,92,0.1);\n  border-radius: 10px; text-align: center;\n  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n  position: relative; overflow: hidden;\n}\n.slr-about-patron__inspire-card::before {\n  content: ''; position: absolute;\n  top: 0; left: 50%; transform: translateX(-50%);\n  width: 30px; height: 2px; background: #C8A45C;\n  opacity: 0; transition: width 0.4s ease, opacity 0.4s ease;\n}\n.slr-about-patron__inspire-card:hover::before { width: 50px; opacity: 1; }\n.slr-about-patron__inspire-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(200,164,92,0.3);\n  box-shadow: 0 12px 30px rgba(0,0,0,0.2);\n}\n.slr-about-patron__inspire-icon {\n  display: block; font-size: 1.5rem;\n  margin-bottom: 10px; color: #C8A45C;\n}\n.slr-about-patron__inspire-name {\n  font-family: 'Playfair Display', serif;\n  font-size: 0.92rem; font-weight: 600;\n  color: #FFFDF8; margin-bottom: 6px;\n}\n.slr-about-patron__inspire-desc {\n  font-family: 'Lora', serif;\n  font-size: 0.76rem; line-height: 1.6; color: #B0A89C;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .slr-about-patron__grid { grid-template-columns: 1fr; gap: 40px; }\n  .slr-about-patron__portrait { max-width: 220px; }\n  .slr-about-patron__arch-l, .slr-about-patron__arch-r { display: none; }\n}\n@media (max-width: 480px) {\n  .slr-about-patron__inspire-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"slr-about-patron\" aria-label=\"Our Patron Saint\">\n\n  <div class=\"slr-about-patron__bg-cross\" aria-hidden=\"true\"><svg viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"42\" y=\"0\" width=\"16\" height=\"140\" rx=\"2\"\/><rect x=\"10\" y=\"28\" width=\"80\" height=\"16\" rx=\"2\"\/><\/svg><\/div>\n  <div class=\"slr-about-patron__arch-l\" aria-hidden=\"true\"><\/div>\n  <div class=\"slr-about-patron__arch-r\" aria-hidden=\"true\"><\/div>\n  <div class=\"slr-about-patron__glow slr-about-patron__glow--1\" aria-hidden=\"true\"><\/div>\n  <div class=\"slr-about-patron__glow slr-about-patron__glow--2\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"slr-about-patron__container\">\n\n    <div class=\"slr-about-patron__header\">\n      <p class=\"slr-about-patron__label\">Our Beloved Patron<\/p>\n      <h2 class=\"slr-about-patron__title\">San Lorenzo Ruiz <em>First Filipino Saint &amp; Martyr<\/em><\/h2>\n      <p class=\"slr-about-patron__subtitle\">c. 1600 &#8211; September 27, 1637 &nbsp;|&nbsp; Canonized October 18, 1987<\/p>\n      <div class=\"slr-about-patron__hd\"><\/div>\n    <\/div>\n\n    <div class=\"slr-about-patron__grid\">\n\n      <div class=\"slr-about-patron__story\">\n        <p class=\"slr-about-patron__quote\">\n          &#8220;I am a Catholic and wholeheartedly do accept death for God. Had I a thousand lives, all these to Him I shall offer.&#8221;\n          <span class=\"slr-about-patron__quote-attr\">&#8212; San Lorenzo Ruiz, his final witness<\/span>\n        <\/p>\n        <p class=\"slr-about-patron__text\">\n          Lorenzo Ruiz was born around 1600 in Binondo, Manila &#8212; the heart of the Chinese-Filipino community. The son of a Chinese father and a Filipino mother, he was raised in the Catholic faith and served as a sacristan at the Binondo Church, where his love for God and devotion to the Blessed Mother took deep root.\n        <\/p>\n        <p class=\"slr-about-patron__text\">\n          Lorenzo married and lived a quiet, faithful life as a family man. However, in 1636, he was falsely accused of a crime. Seeking safety, he joined a missionary group led by Dominican priests heading to Japan &#8212; unaware that he was walking toward a profound act of martyrdom.\n        <\/p>\n\n        <div class=\"slr-about-patron__section slr-about-patron__section--journey\">\n          <h4 class=\"slr-about-patron__section-title\">His Missionary Journey<\/h4>\n          <p class=\"slr-about-patron__section-text\">\n            Lorenzo and his companions arrived in Okinawa and later traveled to Japan during one of the most brutal periods of Christian persecution in the country. The Tokugawa shogunate had outlawed Christianity, and thousands of believers were being hunted, tortured, and killed. Despite knowing the danger, Lorenzo and his fellow missionaries pressed forward in their witness to Christ.\n          <\/p>\n        <\/div>\n\n        <div class=\"slr-about-patron__section slr-about-patron__section--martyrdom\">\n          <h4 class=\"slr-about-patron__section-title\">His Martyrdom<\/h4>\n          <p class=\"slr-about-patron__section-text\">\n            Arrested in 1637, Lorenzo endured months of horrific torture designed to force him to renounce his Catholic faith. He was subjected to water torture, hung upside down over a pit, and physically mutilated. Through it all, he refused to deny Christ. On September 27, 1637, after three days of hanging, Lorenzo Ruiz died &#8212; a martyr for the faith he loved more than life itself.\n          <\/p>\n        <\/div>\n\n        <div class=\"slr-about-patron__section slr-about-patron__section--legacy\">\n          <h4 class=\"slr-about-patron__section-title\">His Enduring Legacy<\/h4>\n          <p class=\"slr-about-patron__section-text\">\n            Beatified in Manila by Pope John Paul II on February 18, 1981, and canonized on October 18, 1987 in Rome, San Lorenzo Ruiz became the first Filipino saint. He is the patron of the Philippines, Filipino youth, overseas Filipino workers, and all who face persecution for their faith. His story continues to inspire millions across the globe.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"slr-about-patron__info\">\n\n        <div class=\"slr-about-patron__portrait\">\n          <img decoding=\"async\" src=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-content\/uploads\/sites\/14\/2026\/06\/sanlornz.jpg\" alt=\"San Lorenzo Ruiz - First Filipino Saint and Martyr\" loading=\"eager\" \/>\n          <div class=\"slr-about-patron__portrait-glow\" aria-hidden=\"true\"><\/div>\n          <div class=\"slr-about-patron__portrait-fade\" aria-hidden=\"true\"><\/div>\n        <\/div>\n\n        <div class=\"slr-about-patron__inspire\">\n          <h3 class=\"slr-about-patron__inspire-title\">Why He Inspires Us<\/h3>\n          <div class=\"slr-about-patron__inspire-grid\">\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#10013;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Unwavering Faith<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">He chose God over life, showing absolute trust.<\/div>\n            <\/div>\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#9733;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Extraordinary Courage<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">Fearless in the face of unimaginable suffering.<\/div>\n            <\/div>\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#10084;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Filipino Identity<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">A source of immense pride for all Filipinos.<\/div>\n            <\/div>\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#9758;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Family Man<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">A devoted husband and father before his mission.<\/div>\n            <\/div>\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#10025;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Missionary Spirit<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">Answered the call to bring Christ to others.<\/div>\n            <\/div>\n            <div class=\"slr-about-patron__inspire-card\">\n              <span class=\"slr-about-patron__inspire-icon\">&#10014;<\/span>\n              <div class=\"slr-about-patron__inspire-name\">Perseverance<\/div>\n              <div class=\"slr-about-patron__inspire-desc\">Endured until the very end for love of God.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-ffda76fe alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-6'>\n<!-- ABOUT SECTION 6: CALL TO BELONG -->\n<style>\n  .slr-belong {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: var(--slr-dark);\n    overflow: hidden;\n  }\n  .slr-belong::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(200,164,92,0.15), transparent);\n  }\n  .slr-belong::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 50% 50%, rgba(123,30,45,0.06) 0%, transparent 50%),\n      radial-gradient(ellipse at 30% 10%, rgba(200,164,92,0.04) 0%, transparent 50%);\n  }\n\n  \/* Ambient glow *\/\n  .slr-belong__glow {\n    position: absolute;\n    width: 500px; height: 500px;\n    top: -15%; left: 50%;\n    transform: translateX(-50%);\n    background: radial-gradient(circle, rgba(200,164,92,0.07), transparent 60%);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 1;\n    animation: slr-goldenGlow 10s ease-in-out infinite;\n  }\n\n  \/* Cross watermark *\/\n  .slr-belong__cross {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    opacity: 0.03;\n    animation: slr-crossPulse 8s ease-in-out infinite;\n  }\n  .slr-belong__cross svg { width: 300px; height: 300px; fill: var(--slr-gold); }\n\n  .slr-belong__container {\n    position: relative;\n    z-index: 10;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .slr-belong__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 72px; height: 72px;\n    margin: 0 auto 28px;\n    border-radius: 50%;\n    background: rgba(200,164,92,0.07);\n    border: 1px solid rgba(200,164,92,0.15);\n    font-size: 1.8rem;\n    color: var(--slr-gold);\n    opacity: 0;\n  }\n  .slr-belong__icon.is-visible { animation: slr-scaleIn 0.6s ease forwards; }\n\n  .slr-belong__label {\n    font-family: var(--slr-font-body);\n    font-size: 0.75rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    margin-bottom: 16px;\n    opacity: 0;\n  }\n  .slr-belong__label.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n\n  .slr-belong__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 4.5vw, 3.2rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 20px;\n    opacity: 0;\n  }\n  .slr-belong__title.is-visible { animation: slr-fadeUp 0.8s ease 0.2s forwards; }\n  .slr-belong__title em { color: var(--slr-gold); font-style: italic; }\n\n  .slr-belong__divider {\n    width: 80px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto 30px;\n    opacity: 0;\n  }\n  .slr-belong__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.3s forwards; }\n\n  .slr-belong__text {\n    font-family: var(--slr-font-body);\n    font-size: 1.05rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    max-width: 660px;\n    margin: 0 auto 20px;\n    opacity: 0;\n  }\n  .slr-belong__text.is-visible { animation: slr-fadeUp 0.8s ease 0.4s forwards; }\n\n  .slr-belong__verse {\n    font-family: var(--slr-font-elegant);\n    font-size: 1.15rem;\n    font-style: italic;\n    color: var(--slr-gold-bright);\n    margin-bottom: 40px;\n    opacity: 0;\n  }\n  .slr-belong__verse.is-visible { animation: slr-fadeUp 0.8s ease 0.5s forwards; }\n\n  \/* Invitation cards *\/\n  .slr-belong__cards {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 48px;\n    opacity: 0;\n  }\n  .slr-belong__cards.is-visible { animation: slr-fadeUp 0.8s ease 0.6s forwards; }\n\n  .slr-belong__card {\n    padding: 28px 18px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.08);\n    border-radius: 12px;\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n  .slr-belong__card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 50%; transform: translateX(-50%);\n    width: 30px; height: 2px;\n    background: var(--slr-gold);\n    opacity: 0;\n    transition: all 0.4s ease;\n  }\n  .slr-belong__card:hover::before { width: 50px; opacity: 1; }\n  .slr-belong__card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(200,164,92,0.25);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n  }\n\n  .slr-belong__card-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 52px; height: 52px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: rgba(200,164,92,0.06);\n    border: 1px solid rgba(200,164,92,0.12);\n    font-size: 1.3rem;\n    color: var(--slr-gold);\n    transition: all 0.4s ease;\n  }\n  .slr-belong__card:hover .slr-belong__card-icon {\n    background: rgba(200,164,92,0.12);\n    transform: scale(1.08);\n  }\n\n  .slr-belong__card-title {\n    font-family: var(--slr-font-display);\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 8px;\n  }\n\n  .slr-belong__card-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.82rem;\n    line-height: 1.7;\n    color: var(--slr-text-muted);\n  }\n\n  \/* CTA buttons *\/\n  .slr-belong__buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n    opacity: 0;\n  }\n  .slr-belong__buttons.is-visible { animation: slr-fadeUp 0.8s ease 0.7s forwards; }\n\n  .slr-bbtn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    font-family: var(--slr-font-body);\n    font-size: 0.88rem;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n    border: none;\n  }\n  .slr-bbtn::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n    animation: slr-lightSweep 3s ease-in-out infinite;\n  }\n  .slr-bbtn--primary {\n    background: linear-gradient(135deg, var(--slr-gold), var(--slr-bronze));\n    color: var(--slr-dark);\n    box-shadow: 0 4px 20px rgba(200,164,92,0.3);\n  }\n  .slr-bbtn--primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 35px rgba(200,164,92,0.5);\n    letter-spacing: 3px;\n  }\n  .slr-bbtn--outline {\n    background: transparent;\n    color: var(--slr-gold);\n    border: 1.5px solid rgba(200,164,92,0.4);\n  }\n  .slr-bbtn--outline:hover {\n    background: rgba(200,164,92,0.1);\n    border-color: var(--slr-gold);\n    transform: translateY(-3px);\n    letter-spacing: 3px;\n  }\n\n  @media (max-width: 768px) {\n    .slr-belong__cards { grid-template-columns: 1fr 1fr; }\n    .slr-belong__buttons { flex-direction: column; align-items: center; }\n    .slr-bbtn { width: 100%; max-width: 320px; justify-content: center; }\n  }\n  @media (max-width: 480px) {\n    .slr-belong__cards { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"slr-belong\" aria-label=\"Call to Belong\">\n  <div class=\"slr-belong__glow\"><\/div>\n  <div class=\"slr-belong__cross\">\n    <svg viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <rect x=\"42\" y=\"0\" width=\"16\" height=\"140\" rx=\"2\"\/>\n      <rect x=\"10\" y=\"28\" width=\"80\" height=\"16\" rx=\"2\"\/>\n    <\/svg>\n  <\/div>\n\n  <div class=\"slr-belong__container\">\n    <div class=\"slr-belong__icon\" data-slr-belong-reveal>&#10084;<\/div>\n    <p class=\"slr-belong__label\" data-slr-belong-reveal>You Belong Here<\/p>\n    <h2 class=\"slr-belong__title\" data-slr-belong-reveal>\n      Become Part of <em>Our Parish Family<\/em>\n    <\/h2>\n    <div class=\"slr-belong__divider\" data-slr-belong-reveal><\/div>\n\n    <p class=\"slr-belong__text\" data-slr-belong-reveal>\n      Whether you are seeking a spiritual home, longing to deepen your faith, or looking for a\n      community that genuinely cares \u2014 San Lorenzo Ruiz De Manila Parish welcomes you with open arms.\n      There is a place for you here.\n    <\/p>\n    <p class=\"slr-belong__verse\" data-slr-belong-reveal>\n      &#8220;For where two or three gather in my name, there am I with them.&#8221; \u2014 Matthew 18:20\n    <\/p>\n\n    <div class=\"slr-belong__cards\" data-slr-belong-reveal>\n      <div class=\"slr-belong__card\">\n        <div class=\"slr-belong__card-icon\">&#10013;<\/div>\n        <h3 class=\"slr-belong__card-title\">Attend Mass<\/h3>\n        <p class=\"slr-belong__card-text\">Join us for the celebration of the Holy Eucharist and encounter Christ.<\/p>\n      <\/div>\n      <div class=\"slr-belong__card\">\n        <div class=\"slr-belong__card-icon\">&#9734;<\/div>\n        <h3 class=\"slr-belong__card-title\">Join a Ministry<\/h3>\n        <p class=\"slr-belong__card-text\">Discover your gifts and serve through our vibrant parish ministries.<\/p>\n      <\/div>\n      <div class=\"slr-belong__card\">\n        <div class=\"slr-belong__card-icon\">&#10025;<\/div>\n        <h3 class=\"slr-belong__card-title\">Parish Activities<\/h3>\n        <p class=\"slr-belong__card-text\">Participate in retreats, fellowships, and community-building events.<\/p>\n      <\/div>\n      <div class=\"slr-belong__card\">\n        <div class=\"slr-belong__card-icon\">&#10084;<\/div>\n        <h3 class=\"slr-belong__card-title\">Grow in Faith<\/h3>\n        <p class=\"slr-belong__card-text\">Deepen your relationship with God through formation and prayer.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"slr-belong__buttons\" data-slr-belong-reveal>\n      <a href=\"#\" class=\"slr-bbtn slr-bbtn--primary\">Register as Parishioner<\/a>\n      <a href=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/#mass-schedule\" class=\"slr-bbtn slr-bbtn--outline\">View Mass Schedule<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-belong-reveal]');\n  if(!els.length) return;\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('is-visible'); obs.unobserve(e.target); }\n    });\n  },{threshold:0.12});\n  els.forEach(function(el){ obs.observe(el); });\n})();\n<\/script>\n<\/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 - San Lorenzo Ruiz De Manila 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\/pidacsan\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":51,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/18\/revisions\/935"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}