{"id":15,"date":"2026-03-13T07:28:30","date_gmt":"2026-03-13T07:28:30","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/?page_id=15"},"modified":"2026-07-02T03:47:45","modified_gmt":"2026-07-02T03:47:45","slug":"home","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-344c1b0d alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<!-- SECTION 1: HERO BANNER -->\n<style>\n  .slr-hero {\n    position: relative;\n    min-height: 100vh;\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) 30%, var(--slr-cardinal-deep) 60%, var(--slr-dark) 100%);\n    background-size: 200% 200%;\n    animation: slr-gradientShift 12s ease infinite;\n    padding: var(--slr-section-pad-x);\n  }\n\n  .slr-hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 20% 80%, rgba(200,164,92,0.08) 0%, transparent 50%),\n      radial-gradient(ellipse at 80% 20%, rgba(139,34,82,0.12) 0%, transparent 50%),\n      radial-gradient(ellipse at 50% 50%, rgba(123,30,45,0.15) 0%, transparent 70%);\n    z-index: 1;\n  }\n\n  .slr-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  \/* Golden ambient glows *\/\n  .slr-hero__glow {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .slr-hero__glow--1 {\n    width: 500px; height: 500px;\n    top: -15%; left: -10%;\n    background: radial-gradient(circle, rgba(200,164,92,0.12), transparent 70%);\n    animation: slr-goldenGlow 8s ease-in-out infinite;\n  }\n  .slr-hero__glow--2 {\n    width: 400px; height: 400px;\n    bottom: -10%; right: -5%;\n    background: radial-gradient(circle, rgba(139,34,82,0.15), transparent 70%);\n    animation: slr-goldenGlow 10s ease-in-out infinite 3s;\n  }\n  .slr-hero__glow--3 {\n    width: 300px; height: 300px;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    background: radial-gradient(circle, rgba(200,164,92,0.06), transparent 60%);\n    animation: slr-goldenGlow 6s ease-in-out infinite 1.5s;\n  }\n\n  \/* Sacred light rays *\/\n  .slr-hero__rays {\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 800px; height: 800px;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    animation: slr-rayMove 60s linear infinite;\n    opacity: 0.15;\n  }\n  .slr-hero__rays::before,\n  .slr-hero__rays::after {\n    content: '';\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 2px; height: 400px;\n    transform-origin: center top;\n    background: linear-gradient(to bottom, rgba(200,164,92,0.4), transparent);\n  }\n  .slr-hero__rays::before { transform: translate(-50%, 0) rotate(0deg); }\n  .slr-hero__rays::after { transform: translate(-50%, 0) rotate(45deg); }\n\n  \/* Decorative cross *\/\n  .slr-hero__cross {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    opacity: 0.06;\n    animation: slr-crossPulse 8s ease-in-out infinite;\n  }\n  .slr-hero__cross svg {\n    width: 400px; height: 400px;\n    fill: var(--slr-gold);\n  }\n\n  \/* Floating particles *\/\n  .slr-hero__particles {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .slr-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-hero__particle:nth-child(1) { left: 10%; animation-duration: 12s; animation-delay: 0s; width: 2px; height: 2px; }\n  .slr-hero__particle:nth-child(2) { left: 25%; animation-duration: 15s; animation-delay: 2s; width: 4px; height: 4px; }\n  .slr-hero__particle:nth-child(3) { left: 40%; animation-duration: 10s; animation-delay: 4s; }\n  .slr-hero__particle:nth-child(4) { left: 55%; animation-duration: 18s; animation-delay: 1s; width: 2px; height: 2px; }\n  .slr-hero__particle:nth-child(5) { left: 70%; animation-duration: 13s; animation-delay: 5s; width: 4px; height: 4px; }\n  .slr-hero__particle:nth-child(6) { left: 85%; animation-duration: 16s; animation-delay: 3s; }\n  .slr-hero__particle:nth-child(7) { left: 15%; animation-duration: 14s; animation-delay: 7s; width: 2px; height: 2px; }\n  .slr-hero__particle:nth-child(8) { left: 60%; animation-duration: 11s; animation-delay: 6s; }\n\n  \/* Arch decorations *\/\n  .slr-hero__arch {\n    position: absolute;\n    bottom: 0; left: 50%;\n    transform: translateX(-50%);\n    width: 600px; height: 300px;\n    border: 1px solid rgba(200,164,92,0.08);\n    border-radius: 300px 300px 0 0;\n    border-bottom: none;\n    z-index: 2;\n  }\n  .slr-hero__arch--inner {\n    width: 400px; height: 200px;\n    border-radius: 200px 200px 0 0;\n    border-color: rgba(200,164,92,0.05);\n  }\n\n  \/* Content *\/\n  .slr-hero__content {\n    position: relative;\n    z-index: 10;\n    text-align: center;\n    max-width: 900px;\n    animation: slr-heroReveal 1.2s ease forwards;\n  }\n\n  .slr-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.3);\n    border-radius: 50px;\n    background: rgba(200,164,92,0.08);\n    backdrop-filter: blur(10px);\n    color: var(--slr-gold);\n    font-family: var(--slr-font-body);\n    font-size: 0.8rem;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 30px;\n    animation: slr-fadeIn 1s ease 0.3s both;\n  }\n  .slr-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-hero__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2.5rem, 6vw, 5rem);\n    font-weight: 700;\n    line-height: 1.1;\n    color: var(--slr-warm-white);\n    margin-bottom: 8px;\n    animation: slr-textReveal 1s ease 0.5s both;\n  }\n  .slr-hero__title em {\n    font-style: italic;\n    color: var(--slr-gold);\n    display: block;\n    font-size: 0.55em;\n    font-weight: 400;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    margin-top: 8px;\n    font-family: var(--slr-font-elegant);\n  }\n\n  .slr-hero__subtitle {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.1rem, 2vw, 1.5rem);\n    font-weight: 300;\n    color: var(--slr-gold-bright);\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n    animation: slr-textReveal 1s ease 0.7s both;\n  }\n\n  .slr-hero__divider {\n    width: 80px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 0 auto 24px;\n    animation: slr-fadeIn 1s ease 0.9s both;\n  }\n\n  .slr-hero__text {\n    font-family: var(--slr-font-body);\n    font-size: clamp(1rem, 1.5vw, 1.15rem);\n    line-height: 1.8;\n    color: var(--slr-text-body);\n    max-width: 680px;\n    margin: 0 auto 40px;\n    animation: slr-fadeUp 1s ease 1s both;\n  }\n\n  .slr-hero__buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n    animation: slr-fadeUp 1s ease 1.2s both;\n  }\n\n  .slr-btn {\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.9rem;\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  }\n  .slr-btn::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\n  .slr-btn--primary {\n    background: linear-gradient(135deg, var(--slr-gold), var(--slr-bronze));\n    color: var(--slr-dark);\n    border: none;\n    box-shadow: 0 4px 20px rgba(200,164,92,0.3);\n  }\n  .slr-btn--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  .slr-btn--outline {\n    background: transparent;\n    color: var(--slr-gold);\n    border: 1.5px solid rgba(200,164,92,0.4);\n  }\n  .slr-btn--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  \/* Scroll indicator *\/\n  .slr-hero__scroll {\n    position: absolute;\n    bottom: 40px; 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.8s both;\n  }\n  .slr-hero__scroll-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.65rem;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--slr-gold);\n    opacity: 0.5;\n  }\n  .slr-hero__scroll-line {\n    width: 1px; height: 40px;\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-hero { min-height: 100svh; }\n    .slr-hero__cross svg { width: 250px; height: 250px; }\n    .slr-hero__rays { width: 500px; height: 500px; }\n    .slr-hero__arch { width: 350px; height: 175px; border-radius: 175px 175px 0 0; }\n    .slr-hero__arch--inner { width: 250px; height: 125px; border-radius: 125px 125px 0 0; }\n    .slr-hero__buttons { flex-direction: column; align-items: center; }\n    .slr-btn { width: 100%; max-width: 300px; justify-content: center; }\n  }\n<\/style>\n\n<section class=\"slr-hero\" role=\"banner\" aria-label=\"San Lorenzo Ruiz De Manila Parish Hero\">\n  <!-- Background elements -->\n  <div class=\"slr-hero__glow slr-hero__glow--1\"><\/div>\n  <div class=\"slr-hero__glow slr-hero__glow--2\"><\/div>\n  <div class=\"slr-hero__glow slr-hero__glow--3\"><\/div>\n  <div class=\"slr-hero__rays\"><\/div>\n  <div class=\"slr-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-hero__arch\"><\/div>\n  <div class=\"slr-hero__arch slr-hero__arch--inner\"><\/div>\n\n  <div class=\"slr-hero__particles\">\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n    <div class=\"slr-hero__particle\"><\/div>\n  <\/div>\n\n  <!-- Content -->\n  <div class=\"slr-hero__content\">\n    <div class=\"slr-hero__badge\">\n      <span class=\"slr-hero__badge-dot\"><\/span>\n      First Filipino Saint\n      <span class=\"slr-hero__badge-dot\"><\/span>\n    <\/div>\n    <h1 class=\"slr-hero__title\">\n      San Lorenzo Ruiz\n      <em>De Manila Parish<\/em>\n    <\/h1>\n    <p class=\"slr-hero__subtitle\">A Community of Faith, Courage &amp; Devotion<\/p>\n    <div class=\"slr-hero__divider\"><\/div>\n    <p class=\"slr-hero__text\">\n      United in the spirit of our beloved patron saint, we welcome you to a parish family\n      rooted in Filipino Catholic heritage, bound by faith, and strengthened through\n      prayer, service, and the celebration of the Holy Sacraments.\n    <\/p>\n    <div class=\"slr-hero__buttons\">\n      <a href=\"#mass-schedule\" class=\"slr-btn slr-btn--primary\">Mass Schedule<\/a>\n      <a href=\"#about\" class=\"slr-btn slr-btn--outline\">About Our Parish<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"slr-hero__scroll\">\n    <span class=\"slr-hero__scroll-text\">Scroll<\/span>\n    <div class=\"slr-hero__scroll-line\"><\/div>\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-a927c0db alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<!-- SECTION 2: WELCOME TO THE PARISH -->\n<style>\n  .slr-welcome {\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-welcome::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 0% 0%, rgba(123,30,45,0.12) 0%, transparent 50%),\n      radial-gradient(ellipse at 100% 100%, rgba(200,164,92,0.06) 0%, transparent 50%);\n  }\n  .slr-welcome::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.02'%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-welcome__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  .slr-welcome__header {\n    text-align: center;\n    margin-bottom: 70px;\n  }\n\n  .slr-welcome__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-welcome__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n\n  .slr-welcome__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-welcome__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n\n  .slr-welcome__title-accent {\n    color: var(--slr-gold);\n    font-style: italic;\n  }\n\n  .slr-welcome__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-welcome__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  \/* Grid layout *\/\n  .slr-welcome__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  \/* Image area *\/\n  .slr-welcome__image-wrap {\n    position: relative;\n    opacity: 0;\n  }\n  .slr-welcome__image-wrap.is-visible { animation: slr-slideLeft 0.8s ease forwards; }\n\n  .slr-welcome__image-frame {\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    aspect-ratio: 4\/3;\n    border: 1px solid rgba(200,164,92,0.15);\n  }\n  .slr-welcome__image-frame::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(200,164,92,0.08), transparent 60%);\n    z-index: 2;\n    pointer-events: none;\n  }\n  .slr-welcome__image-frame::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    box-shadow: inset 0 0 60px rgba(26,16,21,0.3);\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .slr-welcome__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n  .slr-welcome__image-wrap:hover .slr-welcome__image {\n    transform: scale(1.04);\n  }\n\n  .slr-welcome__image-border {\n    position: absolute;\n    top: -12px; left: -12px;\n    right: 12px; bottom: 12px;\n    border: 1px solid rgba(200,164,92,0.2);\n    border-radius: 12px;\n    z-index: -1;\n    animation: slr-borderGlow 4s ease-in-out infinite;\n  }\n\n  .slr-welcome__image-accent {\n    position: absolute;\n    bottom: -20px; right: -20px;\n    width: 100px; height: 100px;\n    border: 2px solid rgba(200,164,92,0.15);\n    border-radius: 50%;\n    animation: slr-floatSlow 6s ease-in-out infinite;\n  }\n\n  \/* Body *\/\n  .slr-welcome__body {\n    opacity: 0;\n  }\n  .slr-welcome__body.is-visible { animation: slr-slideRight 0.8s ease 0.2s forwards; }\n\n  .slr-welcome__intro {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n    font-weight: 400;\n    font-style: italic;\n    color: var(--slr-gold-bright);\n    line-height: 1.6;\n    margin-bottom: 24px;\n    padding-left: 20px;\n    border-left: 3px solid rgba(200,164,92,0.3);\n  }\n\n  .slr-welcome__text {\n    font-family: var(--slr-font-body);\n    font-size: 1rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    margin-bottom: 20px;\n  }\n\n  \/* Info cards *\/\n  .slr-welcome__cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-top: 32px;\n  }\n\n  .slr-welcome__card {\n    padding: 20px;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 8px;\n    transition: all 0.4s ease;\n    backdrop-filter: blur(5px);\n    opacity: 0;\n  }\n  .slr-welcome__card.is-visible { animation: slr-cardReveal 0.6s ease forwards; }\n  .slr-welcome__card:nth-child(2).is-visible { animation-delay: 0.1s; }\n  .slr-welcome__card:nth-child(3).is-visible { animation-delay: 0.2s; }\n  .slr-welcome__card:nth-child(4).is-visible { animation-delay: 0.3s; }\n\n  .slr-welcome__card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(200,164,92,0.3);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.2);\n  }\n\n  .slr-welcome__card-icon {\n    font-size: 1.4rem;\n    margin-bottom: 10px;\n    color: var(--slr-gold);\n  }\n\n  .slr-welcome__card-title {\n    font-family: var(--slr-font-display);\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 6px;\n  }\n\n  .slr-welcome__card-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.82rem;\n    line-height: 1.6;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 768px) {\n    .slr-welcome__grid { grid-template-columns: 1fr; gap: 40px; }\n    .slr-welcome__cards { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"slr-welcome\" id=\"about\" aria-label=\"Welcome to the Parish\">\n  <div class=\"slr-welcome__container\">\n    <div class=\"slr-welcome__header\">\n      <p class=\"slr-welcome__label\" data-slr-reveal>Welcome to Our Parish<\/p>\n      <h2 class=\"slr-welcome__title\" data-slr-reveal>\n        A Home of <span class=\"slr-welcome__title-accent\">Faith<\/span> &amp; <span class=\"slr-welcome__title-accent\">Community<\/span>\n      <\/h2>\n      <div class=\"slr-welcome__divider\" data-slr-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-welcome__grid\">\n      <!-- Image with actual photo -->\n      <div class=\"slr-welcome__image-wrap\" data-slr-reveal>\n        <div class=\"slr-welcome__image-border\"><\/div>\n        <div class=\"slr-welcome__image-frame\">\n          <img decoding=\"async\"\n            class=\"slr-welcome__image\"\n            src=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-content\/uploads\/sites\/14\/2026\/06\/herogenluna.png\"\n            alt=\"San Lorenzo Ruiz De Manila Parish \u2014 Gen. Luna\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/div>\n        <div class=\"slr-welcome__image-accent\"><\/div>\n      <\/div>\n\n      <!-- Text content -->\n      <div class=\"slr-welcome__body\" data-slr-reveal>\n        <p class=\"slr-welcome__intro\">\n          &#8220;We are a parish family united in faith, rooted in the Gospel, and inspired by the courageous witness of San Lorenzo Ruiz.&#8221;\n        <\/p>\n        <p class=\"slr-welcome__text\">\n          San Lorenzo Ruiz De Manila Parish is a vibrant Catholic community dedicated to nurturing\n          faith, fostering fellowship, and serving others in the name of Christ. Guided by the heroic\n          example of our patron saint \u2014 the first Filipino saint and martyr \u2014 we strive to live out\n          the Gospel values of love, courage, and unwavering devotion.\n        <\/p>\n        <p class=\"slr-welcome__text\">\n          Our parish welcomes all who seek spiritual growth, sacramental life, and a caring community.\n          Whether you are a lifelong parishioner or visiting for the first time, you belong here.\n        <\/p>\n\n        <div class=\"slr-welcome__cards\">\n          <div class=\"slr-welcome__card\" data-slr-reveal>\n            <div class=\"slr-welcome__card-icon\">&#10013;<\/div>\n            <div class=\"slr-welcome__card-title\">Faith<\/div>\n            <div class=\"slr-welcome__card-text\">Rooted in Catholic tradition and the teachings of Christ.<\/div>\n          <\/div>\n          <div class=\"slr-welcome__card\" data-slr-reveal>\n            <div class=\"slr-welcome__card-icon\">&#9734;<\/div>\n            <div class=\"slr-welcome__card-title\">Courage<\/div>\n            <div class=\"slr-welcome__card-text\">Inspired by the fearless witness of San Lorenzo Ruiz.<\/div>\n          <\/div>\n          <div class=\"slr-welcome__card\" data-slr-reveal>\n            <div class=\"slr-welcome__card-icon\">&#10084;<\/div>\n            <div class=\"slr-welcome__card-title\">Community<\/div>\n            <div class=\"slr-welcome__card-text\">A welcoming parish family that walks together in faith.<\/div>\n          <\/div>\n          <div class=\"slr-welcome__card\" data-slr-reveal>\n            <div class=\"slr-welcome__card-icon\">&#9758;<\/div>\n            <div class=\"slr-welcome__card-title\">Service<\/div>\n            <div class=\"slr-welcome__card-text\">Called to serve God and neighbor with joyful generosity.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-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.15});\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-61dfd935 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!-- SECTION 3: MASS SCHEDULE -->\n<style>\n  .slr-schedule {\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-schedule::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.2), transparent);\n  }\n\n  .slr-schedule__bg-shape {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n  }\n  .slr-schedule__bg-shape--1 {\n    width: 400px; height: 400px;\n    top: -100px; right: -100px;\n    background: radial-gradient(circle, rgba(123,30,45,0.1), transparent 70%);\n    animation: slr-floatSlow 10s ease-in-out infinite;\n  }\n  .slr-schedule__bg-shape--2 {\n    width: 300px; height: 300px;\n    bottom: -80px; left: -80px;\n    background: radial-gradient(circle, rgba(200,164,92,0.06), transparent 70%);\n    animation: slr-floatSlow 12s ease-in-out infinite 3s;\n  }\n\n  .slr-schedule__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  .slr-schedule__header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .slr-schedule__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-schedule__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-schedule__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-schedule__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n  .slr-schedule__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-schedule__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  .slr-schedule__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n  }\n\n  .slr-schedule__card {\n    position: relative;\n    padding: 36px 30px;\n    background: rgba(255,255,255,0.02);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 12px;\n    backdrop-filter: blur(10px);\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    overflow: hidden;\n    opacity: 0;\n  }\n  .slr-schedule__card.is-visible { animation: slr-cardReveal 0.7s ease forwards; }\n  .slr-schedule__card:nth-child(2).is-visible { animation-delay: 0.12s; }\n  .slr-schedule__card:nth-child(3).is-visible { animation-delay: 0.24s; }\n  .slr-schedule__card:nth-child(4).is-visible { animation-delay: 0.36s; }\n\n  .slr-schedule__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));\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .slr-schedule__card:hover::before { opacity: 1; }\n\n  .slr-schedule__card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 50% 0%, rgba(200,164,92,0.05), transparent 60%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .slr-schedule__card:hover::after { opacity: 1; }\n\n  .slr-schedule__card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(200,164,92,0.25);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(200,164,92,0.05);\n  }\n\n  .slr-schedule__card-icon {\n    width: 50px; height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    background: rgba(200,164,92,0.08);\n    border: 1px solid rgba(200,164,92,0.15);\n    margin-bottom: 20px;\n    font-size: 1.3rem;\n    color: var(--slr-gold);\n    transition: all 0.4s ease;\n    position: relative;\n    z-index: 1;\n  }\n  .slr-schedule__card:hover .slr-schedule__card-icon {\n    background: rgba(200,164,92,0.15);\n    transform: scale(1.05);\n  }\n\n  .slr-schedule__card-title {\n    font-family: var(--slr-font-display);\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .slr-schedule__card-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n  .slr-schedule__card-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(200,164,92,0.06);\n    font-family: var(--slr-font-body);\n    font-size: 0.9rem;\n  }\n  .slr-schedule__card-item:last-child { border-bottom: none; }\n\n  .slr-schedule__card-day {\n    color: var(--slr-text-body);\n  }\n  .slr-schedule__card-time {\n    color: var(--slr-gold);\n    font-weight: 500;\n    font-size: 0.85rem;\n  }\n\n  .slr-schedule__card-note {\n    font-family: var(--slr-font-body);\n    font-size: 0.8rem;\n    font-style: italic;\n    color: var(--slr-text-muted);\n    margin-top: 16px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(200,164,92,0.08);\n    position: relative;\n    z-index: 1;\n  }\n\n  @media (max-width: 768px) {\n    .slr-schedule__grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"slr-schedule\" id=\"mass-schedule\" aria-label=\"Mass Schedule\">\n  <div class=\"slr-schedule__bg-shape slr-schedule__bg-shape--1\"><\/div>\n  <div class=\"slr-schedule__bg-shape slr-schedule__bg-shape--2\"><\/div>\n\n  <div class=\"slr-schedule__container\">\n    <div class=\"slr-schedule__header\">\n      <p class=\"slr-schedule__label\" data-slr-sched-reveal>Join Us in Prayer<\/p>\n      <h2 class=\"slr-schedule__title\" data-slr-sched-reveal>Holy Mass Schedule<\/h2>\n      <div class=\"slr-schedule__divider\" data-slr-sched-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-schedule__grid\">\n      <!-- Sunday Mass -->\n      <div class=\"slr-schedule__card\" data-slr-sched-reveal>\n        <div class=\"slr-schedule__card-icon\">&#10013;<\/div>\n        <h3 class=\"slr-schedule__card-title\">Sunday Masses<\/h3>\n        <ul class=\"slr-schedule__card-list\">\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Early Morning<\/span>\n            <span class=\"slr-schedule__card-time\">6:00 AM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Morning<\/span>\n            <span class=\"slr-schedule__card-time\">8:00 AM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Mid-Morning<\/span>\n            <span class=\"slr-schedule__card-time\">10:00 AM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Afternoon<\/span>\n            <span class=\"slr-schedule__card-time\">4:00 PM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Evening<\/span>\n            <span class=\"slr-schedule__card-time\">6:00 PM<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Weekday Mass -->\n      <div class=\"slr-schedule__card\" data-slr-sched-reveal>\n        <div class=\"slr-schedule__card-icon\">&#9788;<\/div>\n        <h3 class=\"slr-schedule__card-title\">Weekday Masses<\/h3>\n        <ul class=\"slr-schedule__card-list\">\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Monday \u2013 Friday<\/span>\n            <span class=\"slr-schedule__card-time\">6:30 AM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Monday \u2013 Friday<\/span>\n            <span class=\"slr-schedule__card-time\">5:30 PM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Saturday<\/span>\n            <span class=\"slr-schedule__card-time\">7:00 AM<\/span>\n          <\/li>\n        <\/ul>\n        <p class=\"slr-schedule__card-note\">Schedule may vary on Holy Days of Obligation.<\/p>\n      <\/div>\n\n      <!-- Confession -->\n      <div class=\"slr-schedule__card\" data-slr-sched-reveal>\n        <div class=\"slr-schedule__card-icon\">&#10014;<\/div>\n        <h3 class=\"slr-schedule__card-title\">Confession<\/h3>\n        <ul class=\"slr-schedule__card-list\">\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Saturday<\/span>\n            <span class=\"slr-schedule__card-time\">4:00 \u2013 5:00 PM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Sunday<\/span>\n            <span class=\"slr-schedule__card-time\">Before each Mass<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">By Appointment<\/span>\n            <span class=\"slr-schedule__card-time\">Contact Office<\/span>\n          <\/li>\n        <\/ul>\n        <p class=\"slr-schedule__card-note\">Additional confession times during Lent and Advent.<\/p>\n      <\/div>\n\n      <!-- Special Services -->\n      <div class=\"slr-schedule__card\" data-slr-sched-reveal>\n        <div class=\"slr-schedule__card-icon\">&#10025;<\/div>\n        <h3 class=\"slr-schedule__card-title\">Special Services<\/h3>\n        <ul class=\"slr-schedule__card-list\">\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Baptism<\/span>\n            <span class=\"slr-schedule__card-time\">Sundays 11:30 AM<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Weddings<\/span>\n            <span class=\"slr-schedule__card-time\">By Appointment<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Anointing of the Sick<\/span>\n            <span class=\"slr-schedule__card-time\">First Fridays<\/span>\n          <\/li>\n          <li class=\"slr-schedule__card-item\">\n            <span class=\"slr-schedule__card-day\">Adoration<\/span>\n            <span class=\"slr-schedule__card-time\">Thursdays 7\u20138 PM<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-sched-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-c411a907 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\n<!-- SECTION 4: MEET OUR PARISH PRIEST -->\n<style>\n  .slr-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-priest::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 30% 50%, rgba(123,30,45,0.08) 0%, transparent 60%),\n      radial-gradient(ellipse at 70% 50%, rgba(200,164,92,0.04) 0%, transparent 60%);\n  }\n\n  .slr-priest__container {\n    position: relative;\n    z-index: 2;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  .slr-priest__header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n  .slr-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-priest__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-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-priest__title.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n  .slr-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-priest__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.2s forwards; }\n\n  .slr-priest__card {\n    display: grid;\n    grid-template-columns: 380px 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-priest__card.is-visible { animation: slr-zoomIn 0.8s ease forwards; }\n\n  .slr-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\n  .slr-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 area *\/\n  .slr-priest__photo-wrap {\n    position: relative;\n    opacity: 0;\n  }\n  .slr-priest__photo-wrap.is-visible { animation: slr-slideLeft 0.8s ease 0.2s forwards; }\n\n  .slr-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    overflow: hidden;\n    position: relative;\n    border: 1px solid rgba(200,164,92,0.15);\n  }\n  .slr-priest__photo::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(26,16,21,0.6), transparent 40%);\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .slr-priest__photo-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    position: relative;\n    z-index: 1;\n    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n  .slr-priest__card:hover .slr-priest__photo-img {\n    transform: scale(1.04);\n  }\n\n  .slr-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-priest__card:hover .slr-priest__photo-frame {\n    top: -14px; left: -14px;\n    border-color: rgba(200,164,92,0.25);\n  }\n\n  .slr-priest__photo-name {\n    position: absolute;\n    bottom: 20px; left: 20px; right: 20px;\n    z-index: 3;\n    font-family: var(--slr-font-display);\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n  }\n  .slr-priest__photo-role {\n    display: block;\n    font-family: var(--slr-font-body);\n    font-size: 0.78rem;\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 area *\/\n  .slr-priest__content {\n    opacity: 0;\n  }\n  .slr-priest__content.is-visible { animation: slr-slideRight 0.8s ease 0.3s forwards; }\n\n  .slr-priest__quote {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.2rem, 2vw, 1.5rem);\n    font-weight: 400;\n    font-style: italic;\n    color: var(--slr-gold-bright);\n    line-height: 1.7;\n    margin-bottom: 28px;\n    padding-left: 24px;\n    border-left: 3px solid rgba(200,164,92,0.3);\n    position: relative;\n    z-index: 1;\n  }\n  .slr-priest__quote::before {\n    content: '\\201C';\n    position: absolute;\n    top: -20px; left: 20px;\n    font-size: 4rem;\n    color: rgba(200,164,92,0.1);\n    font-family: var(--slr-font-display);\n    line-height: 1;\n  }\n\n  .slr-priest__bio {\n    font-family: var(--slr-font-body);\n    font-size: 1rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    margin-bottom: 16px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .slr-priest__vision {\n    margin-top: 28px;\n    padding: 24px;\n    background: rgba(200,164,92,0.04);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 10px;\n    position: relative;\n    z-index: 1;\n  }\n  .slr-priest__vision-title {\n    font-family: var(--slr-font-display);\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--slr-gold);\n    margin-bottom: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n  .slr-priest__vision-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.92rem;\n    line-height: 1.8;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 900px) {\n    .slr-priest__card {\n      grid-template-columns: 1fr;\n      padding: 30px;\n      gap: 30px;\n    }\n    .slr-priest__photo-wrap { max-width: 300px; margin: 0 auto; }\n  }\n<\/style>\n\n<section class=\"slr-priest\" id=\"parish-priest\" aria-label=\"Meet Our Parish Priest\">\n  <div class=\"slr-priest__container\">\n    <div class=\"slr-priest__header\">\n      <p class=\"slr-priest__label\" data-slr-priest-reveal>Spiritual Shepherd<\/p>\n      <h2 class=\"slr-priest__title\" data-slr-priest-reveal>Meet Our Parish Priest<\/h2>\n      <div class=\"slr-priest__divider\" data-slr-priest-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-priest__card\" data-slr-priest-reveal>\n      <div class=\"slr-priest__photo-wrap\" data-slr-priest-reveal>\n        <div class=\"slr-priest__photo-frame\"><\/div>\n        <div class=\"slr-priest__photo\">\n          <img 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            loading=\"lazy\"\n            width=\"380\"\n            height=\"507\"\n          >\n          <div class=\"slr-priest__photo-name\">\n            Rev. Fr. Jose Nino A. de Leon\n            <span class=\"slr-priest__photo-role\">Parish Priest<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"slr-priest__content\" data-slr-priest-reveal>\n        <p class=\"slr-priest__quote\">\n          Let us walk together in faith, inspired by the courage of San Lorenzo Ruiz, as we build a parish community rooted in love, prayer, and service to one another.\n        <\/p>\n        <p class=\"slr-priest__bio\">\n          Rev. Fr. Jose Nino A. de Leon was ordained to the priesthood in [year] and has faithfully served\n          in various parishes throughout the diocese. With a deep love for the sacraments and a\n          shepherd&#8217;s heart, he has been instrumental in growing our parish community and fostering\n          a spirit of unity and devotion among parishioners.\n        <\/p>\n        <p class=\"slr-priest__bio\">\n          Under his pastoral leadership, San Lorenzo Ruiz De Manila Parish has flourished as a\n          beacon of faith, embracing families, youth, and the wider community with open arms and\n          the transforming love of Christ.\n        <\/p>\n\n        <div class=\"slr-priest__vision\">\n          <h4 class=\"slr-priest__vision-title\">Pastoral Vision<\/h4>\n          <p class=\"slr-priest__vision-text\">\n            To build a vibrant, Christ-centered parish where every member grows in holiness,\n            experiences the joy of community, and is empowered to be a missionary disciple \u2014\n            following the courageous example of San Lorenzo Ruiz.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-priest-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-0d9b07bb alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\n<!-- SECTION 5: PATRON SAINT SPOTLIGHT -->\n<style>\n  .slr-patron {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: linear-gradient(135deg, var(--slr-cardinal-deep) 0%, var(--slr-burgundy-dark) 40%, var(--slr-dark) 100%);\n    background-size: 200% 200%;\n    animation: slr-gradientShift 20s ease infinite;\n    overflow: hidden;\n  }\n\n  .slr-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 60%),\n      radial-gradient(ellipse at 20% 80%, rgba(139,34,82,0.1) 0%, transparent 50%);\n    z-index: 1;\n  }\n\n  .slr-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.025'%3E%3Cpath fill-rule='evenodd' d='M0 20L20 0l20 20-20 20z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n    z-index: 1;\n  }\n\n  \/* Background cross *\/\n  .slr-patron__bg-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 10s ease-in-out infinite;\n  }\n  .slr-patron__bg-cross svg {\n    width: 600px; height: 600px;\n    fill: var(--slr-gold);\n  }\n\n  \/* Arch decorations *\/\n  .slr-patron__arch-left,\n  .slr-patron__arch-right {\n    position: absolute;\n    top: 50%;\n    width: 200px; height: 400px;\n    border: 1px solid rgba(200,164,92,0.05);\n    border-radius: 200px 0 0 200px;\n    border-right: none;\n    transform: translateY(-50%);\n    z-index: 1;\n  }\n  .slr-patron__arch-left { left: -80px; }\n  .slr-patron__arch-right {\n    right: -80px;\n    border-radius: 0 200px 200px 0;\n    border-left: none;\n    border-right: 1px solid rgba(200,164,92,0.05);\n  }\n\n  \/* Glows *\/\n  .slr-patron__glow {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  .slr-patron__glow--1 {\n    width: 500px; height: 500px;\n    top: -10%; left: 20%;\n    background: radial-gradient(circle, rgba(200,164,92,0.08), transparent 60%);\n    animation: slr-goldenGlow 10s ease-in-out infinite;\n  }\n  .slr-patron__glow--2 {\n    width: 350px; height: 350px;\n    bottom: -5%; right: 10%;\n    background: radial-gradient(circle, rgba(123,30,45,0.1), transparent 60%);\n    animation: slr-goldenGlow 8s ease-in-out infinite 4s;\n  }\n\n  .slr-patron__container {\n    position: relative;\n    z-index: 10;\n    max-width: var(--slr-container-max);\n    margin: 0 auto;\n  }\n\n  .slr-patron__header {\n    text-align: center;\n    margin-bottom: 70px;\n  }\n  .slr-patron__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-patron__label.is-visible { animation: slr-fadeUp 0.8s ease forwards; }\n  .slr-patron__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 5vw, 3.5rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 8px;\n    opacity: 0;\n  }\n  .slr-patron__title.is-visible { animation: slr-textReveal 1s ease 0.1s forwards; }\n  .slr-patron__title em {\n    display: block;\n    font-style: italic;\n    color: var(--slr-gold);\n    font-size: 0.45em;\n    font-weight: 400;\n    font-family: var(--slr-font-elegant);\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    margin-top: 6px;\n  }\n  .slr-patron__subtitle {\n    font-family: var(--slr-font-elegant);\n    font-size: 1.1rem;\n    font-weight: 300;\n    color: var(--slr-text-muted);\n    margin-top: 12px;\n    opacity: 0;\n  }\n  .slr-patron__subtitle.is-visible { animation: slr-fadeUp 0.8s ease 0.3s forwards; }\n  .slr-patron__header-divider {\n    width: 80px; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--slr-gold), transparent);\n    margin: 24px auto 0;\n    opacity: 0;\n  }\n  .slr-patron__header-divider.is-visible { animation: slr-fadeIn 0.8s ease 0.4s forwards; }\n\n  \/* Main content grid *\/\n  .slr-patron__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n  }\n\n  \/* Left: Story *\/\n  .slr-patron__story {\n    opacity: 0;\n  }\n  .slr-patron__story.is-visible { animation: slr-slideLeft 0.8s ease forwards; }\n\n  .slr-patron__story-intro {\n    font-family: var(--slr-font-elegant);\n    font-size: clamp(1.2rem, 2vw, 1.5rem);\n    font-style: italic;\n    font-weight: 400;\n    color: var(--slr-gold-bright);\n    line-height: 1.7;\n    margin-bottom: 28px;\n    padding-left: 20px;\n    border-left: 3px solid rgba(200,164,92,0.3);\n  }\n\n  .slr-patron__story-text {\n    font-family: var(--slr-font-body);\n    font-size: 1rem;\n    line-height: 1.9;\n    color: var(--slr-text-body);\n    margin-bottom: 16px;\n  }\n\n  .slr-patron__story-highlight {\n    padding: 24px;\n    background: rgba(200,164,92,0.05);\n    border: 1px solid rgba(200,164,92,0.12);\n    border-radius: 10px;\n    margin-top: 24px;\n  }\n  .slr-patron__story-highlight-title {\n    font-family: var(--slr-font-display);\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: var(--slr-gold);\n    margin-bottom: 10px;\n  }\n  .slr-patron__story-highlight-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.92rem;\n    line-height: 1.8;\n    color: var(--slr-text-muted);\n    font-style: italic;\n  }\n\n  \/* Right: Virtues + Info *\/\n  .slr-patron__info {\n    opacity: 0;\n  }\n  .slr-patron__info.is-visible { animation: slr-slideRight 0.8s ease 0.2s forwards; }\n\n  \/* Saint portrait area *\/\n  .slr-patron__portrait {\n    width: 100%;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--slr-burgundy-dark), var(--slr-cardinal-deep));\n    overflow: hidden;\n    margin-bottom: 40px;\n    position: relative;\n    border: 2px solid rgba(200,164,92,0.15);\n    animation: slr-pulseGlow 6s ease-in-out infinite;\n    max-width: 280px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .slr-patron__portrait::before {\n    content: '';\n    position: absolute;\n    inset: -8px;\n    border-radius: 50%;\n    border: 1px solid rgba(200,164,92,0.08);\n    animation: slr-rotateSlow 30s linear infinite;\n    z-index: 3;\n    pointer-events: none;\n  }\n  .slr-patron__portrait::after {\n    content: '';\n    position: absolute;\n    inset: -16px;\n    border-radius: 50%;\n    border: 1px dashed rgba(200,164,92,0.06);\n    animation: slr-rotateSlow 45s linear infinite reverse;\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .slr-patron__portrait-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    position: relative;\n    z-index: 1;\n    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n  .slr-patron__info:hover .slr-patron__portrait-img {\n    transform: scale(1.06);\n  }\n\n  \/* Subtle gold overlay to blend image with theme *\/\n  .slr-patron__portrait-overlay {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 50% 50%, transparent 40%, rgba(26,16,21,0.3) 100%);\n    z-index: 2;\n    pointer-events: none;\n    border-radius: 50%;\n  }\n\n  \/* Virtues *\/\n  .slr-patron__virtues-title {\n    font-family: var(--slr-font-display);\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    text-align: center;\n    margin-bottom: 24px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .slr-patron__virtues {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  .slr-patron__virtue {\n    padding: 20px;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(200,164,92,0.1);\n    border-radius: 10px;\n    text-align: center;\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .slr-patron__virtue::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-patron__virtue:hover::before { width: 60px; opacity: 1; }\n  .slr-patron__virtue: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\n  .slr-patron__virtue-icon {\n    font-size: 1.6rem;\n    margin-bottom: 10px;\n    display: block;\n    color: var(--slr-gold);\n  }\n  .slr-patron__virtue-name {\n    font-family: var(--slr-font-display);\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 6px;\n  }\n  .slr-patron__virtue-desc {\n    font-family: var(--slr-font-body);\n    font-size: 0.78rem;\n    line-height: 1.6;\n    color: var(--slr-text-muted);\n  }\n\n  @media (max-width: 900px) {\n    .slr-patron__grid { grid-template-columns: 1fr; gap: 40px; }\n    .slr-patron__portrait { max-width: 220px; }\n    .slr-patron__arch-left, .slr-patron__arch-right { display: none; }\n  }\n<\/style>\n\n<section class=\"slr-patron\" id=\"patron-saint\" aria-label=\"Patron Saint Spotlight\">\n  <div class=\"slr-patron__bg-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-patron__arch-left\"><\/div>\n  <div class=\"slr-patron__arch-right\"><\/div>\n  <div class=\"slr-patron__glow slr-patron__glow--1\"><\/div>\n  <div class=\"slr-patron__glow slr-patron__glow--2\"><\/div>\n\n  <div class=\"slr-patron__container\">\n    <div class=\"slr-patron__header\">\n      <p class=\"slr-patron__label\" data-slr-patron-reveal>Our Beloved Patron<\/p>\n      <h2 class=\"slr-patron__title\" data-slr-patron-reveal>\n        San Lorenzo Ruiz\n        <em>First Filipino Saint &amp; Martyr<\/em>\n      <\/h2>\n      <p class=\"slr-patron__subtitle\" data-slr-patron-reveal>\n        1600 \u2013 1637 &nbsp;|&nbsp; Canonized October 18, 1987 by Pope John Paul II\n      <\/p>\n      <div class=\"slr-patron__header-divider\" data-slr-patron-reveal><\/div>\n    <\/div>\n\n    <div class=\"slr-patron__grid\">\n      <!-- Left: Biography -->\n      <div class=\"slr-patron__story\" data-slr-patron-reveal>\n        <p class=\"slr-patron__story-intro\">\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        <\/p>\n        <p class=\"slr-patron__story-text\">\n          Lorenzo Ruiz was born in Binondo, Manila, around the year 1600. The son of a Chinese father\n          and a Filipino mother, he grew up in the vibrant heart of Manila&#8217;s Chinese-Filipino community.\n          He served as a sacristan at the Binondo Church, where his deep love for the faith was nurtured.\n        <\/p>\n        <p class=\"slr-patron__story-text\">\n          In 1636, Lorenzo was falsely accused of a crime and, seeking refuge, joined a missionary group\n          heading to Japan. The group arrived during a period of intense Christian persecution. When\n          discovered as Catholics, they were arrested, tortured, and pressured to renounce their faith.\n        <\/p>\n        <p class=\"slr-patron__story-text\">\n          Despite unimaginable suffering, Lorenzo refused to deny Christ. On September 27, 1637,\n          he was executed by hanging upside down over a pit in Nagasaki \u2014 enduring this agony for\n          three days before dying. His final words remain one of the most powerful testimonies\n          of faith in Filipino Catholic history.\n        <\/p>\n\n        <div class=\"slr-patron__story-highlight\">\n          <h4 class=\"slr-patron__story-highlight-title\">His Legacy<\/h4>\n          <p class=\"slr-patron__story-highlight-text\">\n            San Lorenzo Ruiz was beatified by Pope John Paul II in Manila on February 18, 1981,\n            and canonized on October 18, 1987 in Rome. He is the patron saint of Filipino youth,\n            the Philippines, and overseas Filipino workers \u2014 a timeless symbol of courage, faith,\n            and Filipino identity.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Right: Portrait & Virtues -->\n      <div class=\"slr-patron__info\" data-slr-patron-reveal>\n        <div class=\"slr-patron__portrait\">\n          <img decoding=\"async\"\n            class=\"slr-patron__portrait-img\"\n            src=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-content\/uploads\/sites\/14\/2026\/06\/sanlornz.jpg\"\n            alt=\"San Lorenzo Ruiz \u2014 First Filipino Saint and Martyr\"\n            loading=\"lazy\"\n            width=\"280\"\n            height=\"280\"\n          >\n          <div class=\"slr-patron__portrait-overlay\"><\/div>\n        <\/div>\n\n        <h3 class=\"slr-patron__virtues-title\">Key Virtues<\/h3>\n\n        <div class=\"slr-patron__virtues\">\n          <div class=\"slr-patron__virtue\">\n            <span class=\"slr-patron__virtue-icon\">&#10013;<\/span>\n            <div class=\"slr-patron__virtue-name\">Faith<\/div>\n            <div class=\"slr-patron__virtue-desc\">Unwavering trust in God through the darkest trials.<\/div>\n          <\/div>\n          <div class=\"slr-patron__virtue\">\n            <span class=\"slr-patron__virtue-icon\">&#9733;<\/span>\n            <div class=\"slr-patron__virtue-name\">Courage<\/div>\n            <div class=\"slr-patron__virtue-desc\">Fearless witness even unto death.<\/div>\n          <\/div>\n          <div class=\"slr-patron__virtue\">\n            <span class=\"slr-patron__virtue-icon\">&#10084;<\/span>\n            <div class=\"slr-patron__virtue-name\">Devotion<\/div>\n            <div class=\"slr-patron__virtue-desc\">Deep love for Christ and the Blessed Mother.<\/div>\n          <\/div>\n          <div class=\"slr-patron__virtue\">\n            <span class=\"slr-patron__virtue-icon\">&#9758;<\/span>\n            <div class=\"slr-patron__virtue-name\">Perseverance<\/div>\n            <div class=\"slr-patron__virtue-desc\">Endurance in suffering for the sake of the Gospel.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-patron-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-33167a7e alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-6'>\n<!-- ============================================================\n     SAN LORENZO RUIZ DE MANILA PARISH \u2014 LATEST POSTS\n     WordPress Custom HTML Block \u2014 fully self-contained\n     Adapted from Sta. Barbara Mission Center pattern\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&#038;family=Cormorant+Garamond:wght@300;400;500;600;700&#038;family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 SCOPED TO #slr-posts \u2014 zero global bleed \u2500\u2500 *\/\n#slr-posts {\n  --sp-cardinal: #7B1E2D;\n  --sp-cardinal-deep: #5E1522;\n  --sp-burgundy: #6B1A2A;\n  --sp-burgundy-dark: #4A1220;\n  --sp-gold: #C8A45C;\n  --sp-gold-bright: #D4B76A;\n  --sp-gold-dark: #8B6914;\n  --sp-bronze: #A07830;\n  --sp-ivory: #F5F0E8;\n  --sp-cream: #FAF7F2;\n  --sp-warm-white: #FFFDF8;\n  --sp-charcoal: #2D2D2D;\n  --sp-dark: #1A1015;\n  --sp-dark-surface: #231518;\n  --sp-text-body: #E8E0D8;\n  --sp-text-muted: #B0A89C;\n  --sp-red-light: #A84C5C;\n\n  position: relative !important;\n  width: 100% !important;\n  padding: 100px 0 120px !important;\n  background: var(--sp-dark) !important;\n  overflow: hidden !important;\n  color: var(--sp-warm-white) !important;\n  font-family: 'Lora', serif !important;\n  box-sizing: border-box !important;\n}\n#slr-posts *, #slr-posts *::before, #slr-posts *::after { box-sizing: border-box; }\n#slr-posts a  { color: inherit; text-decoration: none; }\n#slr-posts p  { margin: 0; padding: 0; }\n#slr-posts h2, #slr-posts h3, #slr-posts h4 { margin: 0; padding: 0; font-weight: inherit; }\n\n\/* \u2500\u2500 Top divider \u2500\u2500 *\/\n#slr-posts::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  z-index: 5;\n}\n\n\/* \u2500\u2500 Ambient radial glows \u2500\u2500 *\/\n#slr-posts::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 80% 15%, rgba(123,30,45,0.08) 0%, transparent 50%),\n    radial-gradient(ellipse at 20% 85%, rgba(200,164,92,0.04) 0%, transparent 50%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500 Canvas mosaic \u2500\u2500 *\/\n#slr-canvas {\n  position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n  width: 100%; height: 100%;\n  pointer-events: none; opacity: .18; z-index: 1;\n}\n\n\/* \u2500\u2500 Gold side borders \u2500\u2500 *\/\n.sp-border {\n  position: absolute; top: 0; bottom: 0; width: 4px;\n  background: linear-gradient(180deg, transparent, var(--sp-gold), var(--sp-gold-dark), transparent);\n  animation: spBShimmer 4s ease-in-out infinite alternate;\n  z-index: 2;\n}\n.sp-border.l { left: 0; }\n.sp-border.r { right: 0; animation-delay: 2s; }\n@keyframes spBShimmer { from { opacity: .25; } to { opacity: .8; } }\n\n\/* \u2500\u2500 Light rays \u2500\u2500 *\/\n.sp-rays {\n  position: absolute; top: 0; left: 0;\n  width: 100%; height: 100%;\n  pointer-events: none; overflow: hidden; z-index: 1;\n}\n.sp-rays span {\n  position: absolute; top: -60px; width: 1px; height: 130%;\n  background: linear-gradient(180deg, rgba(200,164,92,0.15), transparent);\n  transform-origin: top center;\n  animation: spRayFlicker 5s ease-in-out infinite;\n}\n@keyframes spRayFlicker { 0%, 100% { opacity: .15; } 50% { opacity: .65; } }\n\n\/* \u2500\u2500 Rose window \u2500\u2500 *\/\n.sp-rose {\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 700px; height: 700px;\n  opacity: .04; pointer-events: none; z-index: 1;\n  animation: spRoseRot 120s linear infinite;\n}\n@keyframes spRoseRot {\n  from { transform: translate(-50%, -50%) rotate(0deg); }\n  to   { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n\/* \u2500\u2500 Particles \u2500\u2500 *\/\n#slr-particles {\n  position: absolute; inset: 0;\n  pointer-events: none; overflow: hidden; z-index: 2;\n}\n.sp-particle {\n  position: absolute; border-radius: 50%; pointer-events: none;\n  animation: spParticleDrift linear infinite;\n}\n@keyframes spParticleDrift {\n  0%   { transform: translateY(0) rotate(0deg); opacity: 0; }\n  10%  { opacity: 1; }\n  90%  { opacity: .35; }\n  100% { transform: translateY(-110vh) rotate(360deg); opacity: 0; }\n}\n\n\/* \u2500\u2500 Arch decoration \u2500\u2500 *\/\n.sp-arch {\n  position: absolute; top: 40px; left: 50%;\n  transform: translateX(-50%);\n  width: 300px; height: 56px;\n  pointer-events: none; z-index: 3;\n}\n\n\/* \u2500\u2500 Cross watermark \u2500\u2500 *\/\n.sp-cross-bg {\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1; opacity: .03;\n  animation: spCrossPulse 9s ease-in-out infinite;\n}\n@keyframes spCrossPulse {\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: .03; }\n  50%      { transform: translate(-50%, -50%) scale(1.04); opacity: .05; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   INNER WRAP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-wrap {\n  max-width: 1180px; margin: 0 auto;\n  padding: 0 36px; position: relative; z-index: 10;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n.sp-eyebrow {\n  display: flex; align-items: center; justify-content: center; gap: 16px;\n  margin-bottom: 24px;\n  opacity: 0; animation: spFadeDown .9s ease forwards .2s;\n}\n.sp-eline { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--sp-gold)); }\n.sp-eline.r { background: linear-gradient(90deg, var(--sp-gold), transparent); }\n.sp-etext {\n  font-family: 'Lora', serif; font-size: 11px; font-weight: 500;\n  letter-spacing: .38em; text-transform: uppercase; color: var(--sp-gold);\n}\n\n\/* \u2500\u2500 Header row \u2500\u2500 *\/\n.sp-header {\n  display: flex; justify-content: space-between; align-items: flex-end;\n  gap: 24px; flex-wrap: wrap; margin-bottom: 48px;\n  opacity: 0; animation: spFadeDown 1s ease forwards .4s;\n}\n.sp-headline {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 4vw, 3.2rem);\n  font-weight: 700; color: var(--sp-warm-white); line-height: 1.15;\n}\n.sp-headline em {\n  font-style: italic; color: var(--sp-gold);\n}\n.sp-sub {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 300;\n  color: var(--sp-text-body); margin-top: 10px !important; line-height: 1.7;\n}\n\n\/* \u2500\u2500 Category Tabs \u2500\u2500 *\/\n.sp-tabs {\n  display: flex; flex-wrap: wrap; gap: 10px; align-self: flex-end;\n}\n.sp-tab {\n  padding: 10px 20px;\n  font-family: 'Lora', serif; font-size: 10px;\n  letter-spacing: .22em; text-transform: uppercase;\n  background: rgba(123, 30, 45, 0.2);\n  border: 1px solid rgba(200, 164, 92, 0.2);\n  color: var(--sp-text-muted); cursor: pointer;\n  border-radius: 30px;\n  transition: color .3s, border-color .3s, transform .3s, box-shadow .3s, background .3s;\n}\n.sp-tab:hover {\n  color: var(--sp-gold); border-color: var(--sp-gold);\n  transform: translateY(-2px);\n}\n.sp-tab.active {\n  background: linear-gradient(135deg, var(--sp-cardinal), var(--sp-burgundy-dark));\n  color: var(--sp-gold); border-color: var(--sp-gold);\n  box-shadow: 0 0 18px rgba(200, 164, 92, 0.25);\n  transform: scale(1.05);\n}\n\n\/* \u2500\u2500 Ornament \u2500\u2500 *\/\n.sp-ornament {\n  display: flex; align-items: center; justify-content: center; gap: 14px;\n  margin-bottom: 46px;\n  opacity: 0; animation: spFadeIn 1s ease forwards .8s;\n}\n.sp-ornament span { font-size: 16px; color: var(--sp-gold); line-height: 1; }\n.sp-orn-line { width: 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--sp-gold-dark)); }\n.sp-orn-line.r { background: linear-gradient(90deg, var(--sp-gold-dark), transparent); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GRID & CARDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.sp-card {\n  position: relative;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(200, 164, 92, 0.1);\n  border-radius: 12px; overflow: hidden;\n  transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease, background .4s ease;\n  opacity: 0; transform: translateY(30px);\n}\n#slr-posts.sp-js-ready .sp-card              { opacity: 0; transform: translateY(30px); }\n#slr-posts.sp-js-ready .sp-card.sp-visible   { opacity: 1; transform: translateY(0); }\n\n.sp-card:hover {\n  transform: translateY(-8px) !important;\n  border-color: rgba(200, 164, 92, 0.35);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3), 0 0 30px rgba(200, 164, 92, 0.05);\n  background: rgba(200, 164, 92, 0.04);\n}\n\n\/* shimmer sweep *\/\n.sp-card::before {\n  content: ''; position: absolute; top: 0; left: -120%;\n  width: 60%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(200, 164, 92, 0.06), transparent);\n  transition: left .6s ease; z-index: 1;\n}\n.sp-card:hover::before { left: 160%; }\n\n\/* top accent line on hover *\/\n.sp-card::after {\n  content: ''; position: absolute; top: 0; left: 15%; right: 15%; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--sp-gold), transparent);\n  opacity: 0; transition: opacity .4s ease; z-index: 2;\n}\n.sp-card:hover::after { opacity: 1; }\n\n\/* corner brackets *\/\n.sp-corner-tl, .sp-corner-br {\n  position: absolute; width: 14px; height: 14px;\n  border-color: rgba(200, 164, 92, 0.2); border-style: solid; z-index: 3;\n}\n.sp-corner-tl { top: 8px; left: 8px; border-width: 1px 0 0 1px; }\n.sp-corner-br { bottom: 8px; right: 8px; border-width: 0 1px 1px 0; }\n\n\/* \u2500\u2500 Card image \u2500\u2500 *\/\n.sp-card-img {\n  height: 190px; position: relative; overflow: hidden;\n  background: linear-gradient(135deg, var(--sp-burgundy-dark), var(--sp-cardinal-deep));\n}\n.sp-card-img img {\n  width: 100%; height: 100%; object-fit: cover;\n  transition: transform .45s ease;\n  display: block;\n}\n.sp-card:hover .sp-card-img img { transform: scale(1.08); }\n\n\/* gradient fade over image bottom *\/\n.sp-card-img::after {\n  content: '';\n  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;\n  background: linear-gradient(to top, rgba(26, 16, 21, 0.5), transparent);\n  z-index: 1; pointer-events: none;\n}\n\n\/* placeholder when no image *\/\n.sp-card-img-placeholder {\n  width: 100%; height: 100%;\n  display: flex; align-items: center; justify-content: center;\n  background: linear-gradient(135deg, rgba(75, 20, 35, 0.8), rgba(30, 16, 21, 0.9));\n}\n.sp-card-img-placeholder span {\n  font-size: 2.5rem;\n  filter: drop-shadow(0 0 14px rgba(200, 164, 92, 0.6));\n  animation: spIconPulse 3s ease-in-out infinite alternate;\n}\n@keyframes spIconPulse {\n  from { filter: drop-shadow(0 0 5px rgba(200, 164, 92, 0.3)); }\n  to   { filter: drop-shadow(0 0 18px rgba(200, 164, 92, 0.9)); }\n}\n\n\/* category badge *\/\n.sp-cat-badge {\n  position: absolute; top: 12px; left: 12px;\n  font-family: 'Lora', serif; font-size: 9px;\n  letter-spacing: .2em; text-transform: uppercase;\n  background: rgba(26, 16, 21, 0.88); border: 1px solid var(--sp-gold);\n  color: var(--sp-gold); padding: 4px 12px; border-radius: 20px;\n  z-index: 4;\n  backdrop-filter: blur(4px);\n}\n\n\/* \u2500\u2500 Card body \u2500\u2500 *\/\n.sp-card-body { padding: 26px 22px 22px; position: relative; z-index: 3; }\n\n.sp-card-date {\n  font-family: 'Lora', serif; font-size: 10px;\n  letter-spacing: .25em; text-transform: uppercase;\n  color: var(--sp-gold); margin-bottom: 10px; display: block;\n}\n\n.sp-card-title {\n  font-family: 'Playfair Display', serif; font-size: 1.1rem;\n  font-weight: 600; color: var(--sp-warm-white); margin-bottom: 10px;\n  line-height: 1.4;\n}\n\n.sp-card-excerpt {\n  font-family: 'Cormorant Garamond', serif; font-size: 1rem;\n  font-weight: 300; color: var(--sp-text-muted); line-height: 1.72;\n  margin-bottom: 18px;\n}\n\n.sp-card-link {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Lora', serif; font-size: 10px;\n  letter-spacing: .25em; text-transform: uppercase;\n  color: var(--sp-gold); text-decoration: none !important;\n  border-bottom: 1px solid rgba(200, 164, 92, 0.3);\n  padding-bottom: 4px;\n  transition: border-color .3s, gap .3s, color .3s;\n}\n.sp-card-link:hover { border-color: var(--sp-gold); gap: 12px; color: var(--sp-gold-bright); }\n\n\/* \u2500\u2500 Loading state \u2500\u2500 *\/\n.sp-loading {\n  grid-column: 1 \/ -1; text-align: center;\n  padding: 60px 20px;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.2rem; color: var(--sp-gold);\n  animation: spFadeIn .8s ease forwards;\n}\n.sp-loading::before {\n  content: '\\2726';\n  display: block; font-size: 2rem; margin-bottom: 16px;\n  animation: spIconPulse 2s ease-in-out infinite alternate;\n}\n\n\/* \u2500\u2500 Empty state \u2500\u2500 *\/\n.sp-empty {\n  grid-column: 1 \/ -1; text-align: center; padding: 60px 20px;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.1rem; color: var(--sp-text-muted);\n}\n\n\/* \u2500\u2500 Error state \u2500\u2500 *\/\n.sp-error {\n  grid-column: 1 \/ -1; text-align: center; padding: 60px 20px;\n  font-family: 'Lora', serif; font-size: 0.95rem; color: var(--sp-text-muted);\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(200, 164, 92, 0.08);\n  border-radius: 12px;\n}\n.sp-error-emoji { font-size: 2rem; display: block; margin-bottom: 12px; opacity: .4; }\n.sp-error-url {\n  font-family: monospace; font-size: 0.72rem;\n  color: rgba(200, 164, 92, 0.3); margin-top: 10px;\n  word-break: break-all;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-footer {\n  margin-top: 40px; padding: 24px 32px;\n  display: flex; justify-content: space-between; align-items: center; gap: 20px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(200, 164, 92, 0.1);\n  border-radius: 12px;\n  backdrop-filter: blur(8px);\n  opacity: 0; animation: spFadeIn 1.2s ease forwards 1.2s;\n  flex-wrap: wrap;\n}\n\n#sp-count {\n  font-family: 'Lora', serif; font-size: 13px;\n  font-weight: 600; color: var(--sp-warm-white);\n  display: flex; align-items: center; gap: 10px;\n}\n#sp-count::before { content: '\\2726'; color: var(--sp-gold); }\n\n.sp-all-link {\n  padding: 13px 30px;\n  background: linear-gradient(135deg, var(--sp-gold), var(--sp-bronze));\n  color: var(--sp-dark) !important; font-family: 'Lora', serif;\n  font-size: 10px; font-weight: 700; letter-spacing: .2em;\n  text-transform: uppercase; text-decoration: none !important;\n  border-radius: 50px;\n  transition: transform .3s, box-shadow .3s;\n  box-shadow: 0 6px 24px rgba(200, 164, 92, 0.25);\n  position: relative; overflow: hidden;\n}\n.sp-all-link::after {\n  content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n  transition: left .5s ease;\n}\n.sp-all-link:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(200, 164, 92, 0.45); }\n.sp-all-link:hover::after { left: 100%; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes spFadeDown { from { opacity: 0; transform: translateY(-22px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes spFadeIn   { from { opacity: 0; } to { opacity: 1; } }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n  .sp-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 768px) {\n  .sp-header { flex-direction: column; align-items: flex-start; }\n  .sp-grid   { grid-template-columns: 1fr; }\n  #slr-posts { padding: 70px 0 90px !important; }\n  .sp-footer { flex-direction: column; text-align: center; }\n  .sp-all-link { width: 100%; text-align: center; display: block; }\n  .sp-wrap { padding: 0 20px; }\n}\n@media (max-width: 540px) {\n  .sp-headline { font-size: 1.8rem !important; }\n  .sp-rose { width: 300px !important; height: 300px !important; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HTML\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"slr-posts\" aria-label=\"Latest Parish Posts\">\n\n  <!-- Arch decoration -->\n  <div class=\"sp-arch\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 300 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <defs>\n        <linearGradient id=\"sp-arch-g\" x1=\"0\" y1=\"0\" x2=\"300\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n          <stop offset=\"0\" stop-color=\"#8B6914\" stop-opacity=\"0\"><\/stop>\n          <stop offset=\"0.5\" stop-color=\"#C8A45C\"><\/stop>\n          <stop offset=\"1\" stop-color=\"#8B6914\" stop-opacity=\"0\"><\/stop>\n        <\/linearGradient>\n      <\/defs>\n      <path d=\"M0 0C75 0 110 56 150 56C190 56 225 0 300 0\" stroke=\"url(#sp-arch-g)\" stroke-width=\"1.5\" opacity=\"0.5\"><\/path>\n    <\/svg>\n  <\/div>\n\n  <!-- Canvas -->\n  <canvas id=\"slr-canvas\" aria-hidden=\"true\"><\/canvas>\n\n  <!-- Rays -->\n  <div class=\"sp-rays\" id=\"sp-rays\" aria-hidden=\"true\"><\/div>\n\n  <!-- Rose window -->\n  <svg class=\"sp-rose\" viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"200\" cy=\"200\" r=\"192\" stroke=\"#C8A45C\" stroke-width=\"1\"><\/circle>\n    <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#C8A45C\" stroke-width=\".7\"><\/circle>\n    <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#C8A45C\" stroke-width=\".7\"><\/circle>\n    <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#C8A45C\" stroke-width=\".7\"><\/circle>\n    <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#C8A45C\" stroke-width=\".9\"><\/circle>\n    <g stroke=\"#C8A45C\" stroke-width=\".6\">\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(15 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(45 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(75 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(105 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(135 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"><\/line>\n      <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(165 200 200)\"><\/line>\n    <\/g>\n    <g fill=\"rgba(200,164,92,0.04)\" stroke=\"#C8A45C\" stroke-width=\".6\">\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(0 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(30 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(60 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(90 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(120 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(150 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(180 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(210 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(240 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(270 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(300 200 200)\"><\/ellipse>\n      <ellipse cx=\"200\" cy=\"122\" rx=\"14\" ry=\"36\" transform=\"rotate(330 200 200)\"><\/ellipse>\n    <\/g>\n  <\/svg>\n\n  <!-- Cross watermark -->\n  <svg class=\"sp-cross-bg\" width=\"300\" height=\"420\" viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#C8A45C\" aria-hidden=\"true\">\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\n  <div class=\"sp-border l\" aria-hidden=\"true\"><\/div>\n  <div class=\"sp-border r\" aria-hidden=\"true\"><\/div>\n  <div id=\"slr-particles\" aria-hidden=\"true\"><\/div>\n\n  <!-- \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500 -->\n  <div class=\"sp-wrap\">\n\n    <!-- Eyebrow -->\n    <div class=\"sp-eyebrow\" aria-hidden=\"true\">\n      <span class=\"sp-eline\"><\/span>\n      <span class=\"sp-etext\">Stay Connected<\/span>\n      <span class=\"sp-eline r\"><\/span>\n    <\/div>\n\n    <!-- Header row -->\n    <div class=\"sp-header\">\n      <div class=\"sp-headline-wrap\">\n        <h2 class=\"sp-headline\">Latest <em>Parish Updates<\/em><\/h2>\n        <p class=\"sp-sub\">News, events, and stories from our community of faith.<\/p>\n      <\/div>\n      <div class=\"sp-tabs\" id=\"sp-tabs\" role=\"tablist\" aria-label=\"Filter posts by category\"><\/div>\n    <\/div>\n\n    <!-- Ornament -->\n    <div class=\"sp-ornament\" aria-hidden=\"true\">\n      <span class=\"sp-orn-line\"><\/span>\n      <span>&#10022;<\/span><span>&#10013;<\/span><span>&#10022;<\/span>\n      <span class=\"sp-orn-line r\"><\/span>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"sp-grid\" id=\"sp-grid\" role=\"list\">\n      <div class=\"sp-loading\">Loading latest updates&#8230;<\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <div class=\"sp-footer\">\n      <span id=\"sp-count\">Loading&#8230;<\/span>\n      <a class=\"sp-all-link\" id=\"sp-all-link\" href=\"#\">View All Posts &#8594;<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CONFIG \u2014 update SITE_URL only\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var SITE_URL = 'https:\/\/demo6.yinwoodweb.com\/pidacsan';\n  var API      = SITE_URL + '\/wp-json\/wp\/v2';\n  var BLOG     = SITE_URL + '\/blog\/';\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     INIT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  function init() {\n    var section = document.getElementById('slr-posts');\n    if (!section) return;\n\n    section.classList.add('sp-js-ready');\n\n    var grid    = document.getElementById('sp-grid');\n    var tabsEl  = document.getElementById('sp-tabs');\n    var countEl = document.getElementById('sp-count');\n    var allLink = document.getElementById('sp-all-link');\n\n    if (allLink) allLink.href = BLOG;\n\n    \/* \u2500\u2500 helpers \u2500\u2500 *\/\n    function cleanText(html) {\n      var d = document.createElement('div');\n      d.innerHTML = html;\n      return (d.textContent || d.innerText || '').trim();\n    }\n\n    function formatDate(iso) {\n      var d = new Date(iso);\n      return d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });\n    }\n\n    function setActiveTab(btn) {\n      var allBtns = tabsEl.querySelectorAll('.sp-tab');\n      for (var i = 0; i < allBtns.length; i++) allBtns[i].classList.remove('active');\n      btn.classList.add('active');\n    }\n\n    \/* \u2500\u2500 category icon mapping \u2500\u2500 *\/\n    var CAT_ICONS = {\n      'news':        '\\uD83D\\uDCF0',\n      'events':      '\\uD83C\\uDF89',\n      'ministry':    '\\uD83D\\uDE4F',\n      'announcement':'\\uD83D\\uDCE2',\n      'mission':     '\\u271D\\uFE0F',\n      'community':   '\\uD83E\\uDD1D',\n      'feast':       '\\u2726',\n      'prayer':      '\\uD83D\\uDD6F\\uFE0F',\n      'general':     '\\u2728'\n    };\n    function catIcon(name) {\n      var key = name.toLowerCase();\n      for (var k in CAT_ICONS) {\n        if (key.indexOf(k) !== -1) return CAT_ICONS[k];\n      }\n      return '\\u2728';\n    }\n\n    \/* \u2500\u2500 render posts \u2500\u2500 *\/\n    function render(posts) {\n      grid.innerHTML = '';\n\n      if (!posts || posts.length === 0) {\n        grid.innerHTML = '<div class=\"sp-empty\">No posts found in this category.<\/div>';\n        if (countEl) countEl.textContent = 'No posts found';\n        return;\n      }\n\n      posts.forEach(function (p, idx) {\n        \/* category *\/\n        var cat = 'General';\n        if (p._embedded && p._embedded['wp:term']) {\n          p._embedded['wp:term'].forEach(function (termGroup) {\n            termGroup.forEach(function (term) {\n              if (term.taxonomy === 'category' && term.name.toLowerCase() !== 'uncategorized') {\n                cat = term.name;\n              }\n            });\n          });\n        }\n\n        \/* featured image *\/\n        var imgSrc = '';\n        if (p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0]) {\n          var media = p._embedded['wp:featuredmedia'][0];\n          if (media.media_details && media.media_details.sizes) {\n            var s = media.media_details.sizes;\n            imgSrc = (s.medium_large && s.medium_large.source_url)\n                  || (s.large && s.large.source_url)\n                  || (s.medium && s.medium.source_url)\n                  || media.source_url || '';\n          } else {\n            imgSrc = media.source_url || '';\n          }\n        }\n\n        \/* excerpt *\/\n        var excerpt = cleanText(p.excerpt ? p.excerpt.rendered : '');\n        if (excerpt.length > 130) excerpt = excerpt.substring(0, 130).replace(\/\\s+\\S*$\/, '') + '\\u2026';\n\n        \/* card *\/\n        var card = document.createElement('article');\n        card.className = 'sp-card';\n        card.setAttribute('role', 'listitem');\n\n        var imgHtml = imgSrc\n          ? '<img decoding=\"async\" src=\"' + imgSrc + '\" alt=\"' + cleanText(p.title.rendered).replace(\/\"\/g, '&quot;') + '\" loading=\"lazy\">'\n          : '<div class=\"sp-card-img-placeholder\"><span>' + catIcon(cat) + '<\/span><\/div>';\n\n        card.innerHTML =\n          '<div class=\"sp-corner-tl\" aria-hidden=\"true\"><\/div>' +\n          '<div class=\"sp-corner-br\" aria-hidden=\"true\"><\/div>' +\n          '<div class=\"sp-card-img\">' +\n            imgHtml +\n            '<span class=\"sp-cat-badge\">' + cat + '<\/span>' +\n          '<\/div>' +\n          '<div class=\"sp-card-body\">' +\n            '<span class=\"sp-card-date\">' + formatDate(p.date) + '<\/span>' +\n            '<h3 class=\"sp-card-title\">' + p.title.rendered + '<\/h3>' +\n            '<p class=\"sp-card-excerpt\">' + excerpt + '<\/p>' +\n            '<a class=\"sp-card-link\" href=\"' + p.link + '\">Read More \\u2192<\/a>' +\n          '<\/div>';\n\n        grid.appendChild(card);\n\n        \/* staggered scroll-reveal *\/\n        (function (el, delay) {\n          setTimeout(function () {\n            if ('IntersectionObserver' in window) {\n              var io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (e) {\n                  if (e.isIntersecting) {\n                    e.target.classList.add('sp-visible');\n                    io.unobserve(e.target);\n                  }\n                });\n              }, { threshold: 0.1 });\n              io.observe(el);\n            } else {\n              el.classList.add('sp-visible');\n            }\n          }, delay);\n        })(card, idx * 120);\n      });\n\n      if (countEl) countEl.textContent = 'Showing ' + posts.length + ' post' + (posts.length !== 1 ? 's' : '');\n    }\n\n    \/* \u2500\u2500 fetch helpers \u2500\u2500 *\/\n    function fetchPosts(url) {\n      grid.innerHTML = '<div class=\"sp-loading\">Loading latest updates\\u2026<\/div>';\n      if (countEl) countEl.textContent = 'Loading\\u2026';\n      fetch(url)\n        .then(function (r) {\n          if (!r.ok) throw new Error('HTTP ' + r.status);\n          return r.json();\n        })\n        .then(render)\n        .catch(function (err) {\n          console.error('[SLR Posts]', err);\n          grid.innerHTML =\n            '<div class=\"sp-error\">' +\n              '<span class=\"sp-error-emoji\">\\u26A0\\uFE0F<\/span>' +\n              '<p>Unable to load posts. Please try again later.<\/p>' +\n              '<p class=\"sp-error-url\">Tried: ' + url + '<\/p>' +\n            '<\/div>';\n          if (countEl) countEl.textContent = '';\n        });\n    }\n\n    function loadAll() {\n      fetchPosts(API + '\/posts?_embed=1&per_page=6');\n    }\n\n    \/* \u2500\u2500 fetch categories & build tabs \u2500\u2500 *\/\n    fetch(API + '\/categories?per_page=20')\n      .then(function (r) {\n        if (!r.ok) throw new Error('HTTP ' + r.status);\n        return r.json();\n      })\n      .then(function (cats) {\n        tabsEl.innerHTML = '';\n\n        \/* \"All\" tab *\/\n        var allBtn = document.createElement('button');\n        allBtn.className = 'sp-tab active';\n        allBtn.textContent = 'All';\n        allBtn.setAttribute('role', 'tab');\n        allBtn.setAttribute('aria-selected', 'true');\n        allBtn.addEventListener('click', function () {\n          setActiveTab(allBtn);\n          loadAll();\n        });\n        tabsEl.appendChild(allBtn);\n\n        \/* category tabs *\/\n        cats.forEach(function (c) {\n          if (c.count === 0) return;\n          var btn = document.createElement('button');\n          btn.className = 'sp-tab';\n          btn.textContent = c.name;\n          btn.setAttribute('role', 'tab');\n          btn.setAttribute('aria-selected', 'false');\n          btn.addEventListener('click', function () {\n            setActiveTab(btn);\n            fetchPosts(API + '\/posts?categories=' + c.id + '&_embed=1&per_page=6');\n          });\n          tabsEl.appendChild(btn);\n        });\n      })\n      .catch(function (err) {\n        console.warn('[SLR Posts] Could not load categories:', err);\n      });\n\n    \/* \u2500\u2500 initial load \u2500\u2500 *\/\n    loadAll();\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BACKGROUND ANIMATIONS\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n    \/* 1. MOSAIC CANVAS *\/\n    (function () {\n      var c = document.getElementById('slr-canvas');\n      if (!c) return;\n      var ctx = c.getContext('2d');\n      var W = 0, H = 0, tiles = [], rafId;\n\n      var COLS = [\n        'rgba(123,30,45,',  'rgba(107,26,42,',\n        'rgba(200,164,92,', 'rgba(160,120,48,',\n        'rgba(139,105,20,', 'rgba(75,18,32,',\n        'rgba(90,40,60,',   'rgba(140,60,80,'\n      ];\n\n      function Tile(x, y, s) {\n        this.x = x; this.y = y; this.s = s;\n        this.col   = COLS[Math.floor(Math.random() * COLS.length)];\n        this.phase = Math.random() * Math.PI * 2;\n        this.spd   = Math.random() * 0.003 + 0.001;\n      }\n      Tile.prototype.draw = function (t) {\n        var a = 0.03 + 0.35 * (0.5 + 0.5 * Math.sin(t * this.spd + this.phase));\n        ctx.fillStyle = this.col + a + ')';\n        ctx.fillRect(this.x + 1, this.y + 1, this.s - 2, this.s - 2);\n      };\n\n      function buildTiles() {\n        tiles = [];\n        var S = 54;\n        for (var x = 0; x < W; x += S)\n          for (var y = 0; y < H; y += S)\n            tiles.push(new Tile(x, y, S));\n      }\n\n      function resize() {\n        W = c.width  = section.offsetWidth  || window.innerWidth;\n        H = c.height = section.offsetHeight || 800;\n        buildTiles();\n      }\n\n      var pollCount = 0;\n      function waitForSize() {\n        if (section.offsetWidth > 0 && section.offsetHeight > 0) {\n          resize();\n          var t = 0;\n          (function loop() {\n            ctx.clearRect(0, 0, W, H);\n            t++;\n            for (var i = 0; i < tiles.length; i++) tiles[i].draw(t);\n            rafId = requestAnimationFrame(loop);\n          })();\n        } else if (pollCount++ < 30) {\n          setTimeout(waitForSize, 100);\n        }\n      }\n      waitForSize();\n      window.addEventListener('resize', function () {\n        cancelAnimationFrame(rafId);\n        resize();\n      });\n    })();\n\n    \/* 2. LIGHT RAYS *\/\n    (function () {\n      var wrap = document.getElementById('sp-rays');\n      if (!wrap) return;\n      for (var i = 0; i < 14; i++) {\n        var s = document.createElement('span');\n        var angle = -40 + (80 \/ 14) * i;\n        var left  = 25 + (50 \/ 14) * i;\n        s.style.cssText =\n          'left:' + left.toFixed(1) + '%;' +\n          'transform:rotate(' + angle.toFixed(1) + 'deg);' +\n          'animation-delay:' + (i * 0.35).toFixed(2) + 's;' +\n          'animation-duration:' + (4 + Math.random() * 4).toFixed(1) + 's;' +\n          'opacity:' + (0.08 + Math.random() * 0.15).toFixed(2) + ';';\n        wrap.appendChild(s);\n      }\n    })();\n\n    \/* 3. FLOATING PARTICLES *\/\n    (function () {\n      var wrap = document.getElementById('slr-particles');\n      if (!wrap) return;\n      var colors = ['rgba(200,164,92,', 'rgba(123,30,45,', 'rgba(160,120,48,', 'rgba(255,255,255,'];\n\n      function spawn() {\n        var p = document.createElement('div');\n        p.className = 'sp-particle';\n        var sz    = 2 + Math.random() * 5;\n        var col   = colors[Math.floor(Math.random() * colors.length)];\n        var alpha = (0.25 + Math.random() * 0.45).toFixed(2);\n        p.style.cssText =\n          'width:'  + sz.toFixed(1) + 'px;' +\n          'height:' + sz.toFixed(1) + 'px;' +\n          'left:'   + (Math.random() * 100).toFixed(1) + '%;' +\n          'bottom:-10px;' +\n          'background:' + col + alpha + ');' +\n          'animation-duration:' + (8 + Math.random() * 12).toFixed(1) + 's;' +\n          'animation-delay:'    + (Math.random() * 3).toFixed(2) + 's;' +\n          'box-shadow:0 0 ' + (sz * 2).toFixed(0) + 'px ' + col + '0.5);';\n        wrap.appendChild(p);\n        setTimeout(function () {\n          if (p.parentNode) p.parentNode.removeChild(p);\n        }, 20000);\n      }\n\n      for (var i = 0; i < 14; i++) {\n        (function (n) { setTimeout(spawn, n * 350); })(i);\n      }\n      setInterval(spawn, 1400);\n    })();\n\n  } \/* end init() *\/\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-03076c79 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-7'>\n<!-- SECTION 7: DONATE & SUPPORT -->\n<style>\n  .slr-donate {\n    position: relative;\n    padding: var(--slr-section-pad-y) var(--slr-section-pad-x);\n    background: linear-gradient(135deg, var(--slr-burgundy-dark) 0%, var(--slr-cardinal-deep) 50%, var(--slr-dark) 100%);\n    background-size: 200% 200%;\n    animation: slr-gradientShift 16s ease infinite;\n    overflow: hidden;\n  }\n  .slr-donate::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 50% 50%, rgba(200,164,92,0.06) 0%, transparent 60%);\n    z-index: 1;\n  }\n  .slr-donate::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='%23C8A45C' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n    z-index: 1;\n  }\n\n  .slr-donate__glow {\n    position: absolute;\n    width: 600px; height: 600px;\n    top: -20%; left: 50%;\n    transform: translateX(-50%);\n    background: radial-gradient(circle, rgba(200,164,92,0.08), 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  .slr-donate__container {\n    position: relative;\n    z-index: 10;\n    max-width: 800px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .slr-donate__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px; height: 80px;\n    margin: 0 auto 30px;\n    border-radius: 50%;\n    background: rgba(200,164,92,0.08);\n    border: 1px solid rgba(200,164,92,0.15);\n    font-size: 2rem;\n    color: var(--slr-gold);\n    animation: slr-pulseGlow 4s ease-in-out infinite;\n    opacity: 0;\n  }\n  .slr-donate__icon.is-visible { animation: slr-scaleIn 0.6s ease forwards; }\n\n  .slr-donate__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-donate__label.is-visible { animation: slr-fadeUp 0.8s ease 0.1s forwards; }\n\n  .slr-donate__title {\n    font-family: var(--slr-font-display);\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 700;\n    color: var(--slr-warm-white);\n    margin-bottom: 24px;\n    opacity: 0;\n  }\n  .slr-donate__title.is-visible { animation: slr-fadeUp 0.8s ease 0.2s forwards; }\n\n  .slr-donate__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-donate__divider.is-visible { animation: slr-fadeIn 0.8s ease 0.3s forwards; }\n\n  .slr-donate__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    margin-bottom: 20px;\n    opacity: 0;\n  }\n  .slr-donate__text.is-visible { animation: slr-fadeUp 0.8s ease 0.4s forwards; }\n\n  .slr-donate__quote {\n    font-family: var(--slr-font-elegant);\n    font-size: 1.2rem;\n    font-style: italic;\n    font-weight: 400;\n    color: var(--slr-gold-bright);\n    margin-bottom: 40px;\n    padding: 24px;\n    border-left: 3px solid rgba(200,164,92,0.3);\n    border-right: 3px solid rgba(200,164,92,0.3);\n    text-align: center;\n    opacity: 0;\n  }\n  .slr-donate__quote.is-visible { animation: slr-fadeUp 0.8s ease 0.5s forwards; }\n\n  .slr-donate__buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n    opacity: 0;\n  }\n  .slr-donate__buttons.is-visible { animation: slr-fadeUp 0.8s ease 0.6s forwards; }\n\n  .slr-donate__methods {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 50px;\n    opacity: 0;\n  }\n  .slr-donate__methods.is-visible { animation: slr-fadeUp 0.8s ease 0.7s forwards; }\n\n  .slr-donate__method {\n    padding: 24px 20px;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(200,164,92,0.08);\n    border-radius: 10px;\n    transition: all 0.4s ease;\n  }\n  .slr-donate__method:hover {\n    transform: translateY(-4px);\n    border-color: rgba(200,164,92,0.2);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n  }\n\n  .slr-donate__method-icon {\n    font-size: 1.5rem;\n    color: var(--slr-gold);\n    margin-bottom: 12px;\n  }\n  .slr-donate__method-title {\n    font-family: var(--slr-font-display);\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--slr-warm-white);\n    margin-bottom: 6px;\n  }\n  .slr-donate__method-text {\n    font-family: var(--slr-font-body);\n    font-size: 0.8rem;\n    color: var(--slr-text-muted);\n    line-height: 1.5;\n  }\n\n  @media (max-width: 600px) {\n    .slr-donate__methods { grid-template-columns: 1fr; }\n    .slr-donate__buttons { flex-direction: column; align-items: center; }\n    .slr-btn { width: 100%; max-width: 300px; justify-content: center; }\n  }\n<\/style>\n\n<section class=\"slr-donate\" id=\"donate\" aria-label=\"Donate and Support\">\n  <div class=\"slr-donate__glow\"><\/div>\n\n  <div class=\"slr-donate__container\">\n    <div class=\"slr-donate__icon\" data-slr-donate-reveal>&#10084;<\/div>\n    <p class=\"slr-donate__label\" data-slr-donate-reveal>Support Our Mission<\/p>\n    <h2 class=\"slr-donate__title\" data-slr-donate-reveal>Give with a Joyful Heart<\/h2>\n    <div class=\"slr-donate__divider\" data-slr-donate-reveal><\/div>\n\n    <p class=\"slr-donate__text\" data-slr-donate-reveal>\n      Your generous contributions sustain the life and mission of our parish \u2014 from the\n      celebration of the Sacraments, to the maintenance of our sacred worship space, to our\n      outreach programs that serve those most in need. Every gift, no matter the size, makes\n      a meaningful difference.\n    <\/p>\n\n    <p class=\"slr-donate__quote\" data-slr-donate-reveal>\n      \"Each of you should give what you have decided in your heart to give, not reluctantly\n      or under compulsion, for God loves a cheerful giver.\"<br>\n      <small style=\"color: var(--slr-text-muted); font-style: normal; font-size: 0.8rem;\">\u2014 2 Corinthians 9:7<\/small>\n    <\/p>\n\n    <div class=\"slr-donate__buttons\" data-slr-donate-reveal>\n      <a href=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/donate\/#donate-methods\" class=\"slr-btn slr-btn--primary\">Donate Now<\/a>\n      <a href=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/donate\/#donate-dif\" class=\"slr-btn slr-btn--outline\">Learn About Giving<\/a>\n    <\/div>\n\n    <div class=\"slr-donate__methods\" data-slr-donate-reveal>\n      <div class=\"slr-donate__method\">\n        <div class=\"slr-donate__method-icon\">&#9733;<\/div>\n        <div class=\"slr-donate__method-title\">Sunday Offering<\/div>\n        <div class=\"slr-donate__method-text\">Contribute during Mass through the collection baskets.<\/div>\n      <\/div>\n      <div class=\"slr-donate__method\">\n        <div class=\"slr-donate__method-icon\">&#9993;<\/div>\n        <div class=\"slr-donate__method-title\">Online Giving<\/div>\n        <div class=\"slr-donate__method-text\">Make secure donations through our online platform.<\/div>\n      <\/div>\n      <div class=\"slr-donate__method\">\n        <div class=\"slr-donate__method-icon\">&#10010;<\/div>\n        <div class=\"slr-donate__method-title\">Parish Office<\/div>\n        <div class=\"slr-donate__method-text\">Visit the office for envelopes, pledges, and special gifts.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('[data-slr-donate-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.15});\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":"@media only screen and (max-width: 767px) {\n.uagb-slider-container .swiper-button-prev, .uagb-slider-container .swiper-button-next, .uagb-slick-carousel button.slick-arrow {\n    display: none;\n}\n}","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":"San Lorenzo Ruiz De Manila Parish - San Isidro Ilaya","description":""},"footnotes":""},"class_list":["post-15","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\/15","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=15"}],"version-history":[{"count":183,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/15\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}