Support Our Mission \u2014 Hero \u00b7 Sta. Barbara Mission Center<\/title>\n<\/head>\n<body style=\"margin:0;padding:0;background:#0d0120;\">\n\n\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Inter:wght@300;400;500;600&display=swap\">\n\n<style>\n#sbmc-hero {\n --h-pd: #1e0a3c; --h-pm: #3b1278; --h-pg: #6b35b8;\n --h-gb: #f0c040; --h-gw: #d4982a; --h-gm: #9a6f2a;\n --h-cr: #f9f2e3; --h-wh: #ffffff;\n --h-tl: rgba(255,255,255,0.88); --h-tm: rgba(255,255,255,0.55);\n\n position: relative !important; width: 100% !important;\n padding: 120px 0 130px !important;\n background: linear-gradient(160deg, #0d0120 0%, #1e0a3c 30%, #2a0d52 60%, #0e0120 100%) !important;\n overflow: hidden !important; color: var(--h-wh) !important;\n font-family: 'Inter', sans-serif !important; box-sizing: border-box !important;\n}\n#sbmc-hero *, #sbmc-hero *::before, #sbmc-hero *::after { box-sizing: border-box; }\n#sbmc-hero p { margin: 0; padding: 0; }\n#sbmc-hero h1, #sbmc-hero h2 { margin: 0; padding: 0; font-weight: inherit; }\n\n\/* Ambient glow *\/\n#sbmc-hero::before {\n content: ''; position: absolute; top: -100px; left: 50%;\n transform: translateX(-50%); width: 1200px; height: 800px;\n background: radial-gradient(ellipse at 50% 25%, rgba(240,192,64,.15) 0%, rgba(107,53,184,.09) 40%, transparent 70%);\n pointer-events: none; z-index: 0;\n animation: hCrownGlow 7s ease-in-out infinite;\n}\n@keyframes hCrownGlow {\n 0%,100%{ opacity:.7; transform:translateX(-50%) scale(1); }\n 50% { opacity:1; transform:translateX(-50%) scale(1.12); }\n}\n\n\/* Second ambient \u2014 bottom warmth *\/\n#sbmc-hero::after {\n content: ''; position: absolute; bottom: -60px; right: 10%;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(107,53,184,.18), transparent 70%);\n pointer-events: none; z-index: 0;\n animation: hBottomGlow 9s ease-in-out infinite alternate;\n}\n@keyframes hBottomGlow { from{opacity:.4} to{opacity:.9} }\n\n\/* Canvas *\/\n#h-canvas { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; opacity:.25; z-index:1; }\n\n\/* Gold borders *\/\n.h-bd { position:absolute; top:0; bottom:0; width:5px; z-index:3;\n background:linear-gradient(180deg,transparent,var(--h-gb),var(--h-gw),transparent);\n animation:hBdShimmer 4s ease-in-out infinite alternate; }\n.h-bd.l{left:0;} .h-bd.r{right:0;animation-delay:2s;}\n@keyframes hBdShimmer{from{opacity:.3}to{opacity:1}}\n\n\/* Rays *\/\n.h-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.h-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.2),transparent);\n transform-origin:top center; animation:hRayF 5s ease-in-out infinite;}\n@keyframes hRayF{0%,100%{opacity:.15}50%{opacity:.75}}\n\n\/* Rose window *\/\n.h-rose{position:absolute;top:50%;left:50%;\n transform:translate(-50%,-50%);width:820px;height:820px;\n opacity:.055;pointer-events:none;z-index:1;\n animation:hRoseR 90s linear infinite;}\n@keyframes hRoseR{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n\n\/* Particles *\/\n#h-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.h-pt{position:absolute;border-radius:50%;pointer-events:none;animation:hPtD linear infinite;}\n@keyframes hPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* Cross particles *\/\n.h-cross{position:absolute;color:var(--h-gb);pointer-events:none;opacity:0;\n animation:hCrossFloat linear infinite;}\n@keyframes hCrossFloat{0%{opacity:0;transform:translateY(20px)}15%{opacity:.4}85%{opacity:.1}100%{opacity:0;transform:translateY(-90px)}}\n\n\/* Arch *\/\n.h-arch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:320px;height:60px;pointer-events:none;z-index:3;}\n\n\/* \u2500\u2500 INNER WRAP \u2500\u2500 *\/\n.h-wrap{max-width:900px;margin:0 auto;padding:0 36px;position:relative;z-index:10;text-align:center;}\n\n\/* Eyebrow *\/\n.h-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px;\n opacity:0;animation:hFadeDown .9s ease forwards .2s;}\n.h-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--h-gb));}\n.h-eline.r{background:linear-gradient(90deg,var(--h-gb),transparent);}\n.h-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--h-gb);}\n\n\/* Main heading *\/\n.h-title{margin-bottom:20px;opacity:0;animation:hFadeDown 1s ease forwards .4s;}\n.h-title .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:400;color:var(--h-gb);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;}\n.h-title .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(3rem,6.5vw,5.2rem);font-weight:900;color:var(--h-wh);line-height:1.05;letter-spacing:-.01em;}\n.h-title .l3{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:700;font-style:italic;color:var(--h-gb);line-height:1.15;}\n\n\/* Subtitle *\/\n.h-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:300;\n color:var(--h-tl);line-height:1.85;max-width:680px;margin:0 auto 16px !important;\n opacity:0;animation:hFadeDown 1s ease forwards .6s;}\n\n\/* Inspiring statement *\/\n.h-stmt{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:300;\n font-style:italic;color:var(--h-tm);line-height:1.75;max-width:580px;margin:0 auto 44px !important;\n opacity:0;animation:hFadeDown 1s ease forwards .75s;}\n\n\/* Ornament *\/\n.h-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:44px;\n opacity:0;animation:hFadeIn 1s ease forwards .9s;}\n.h-orn span{font-size:17px;color:var(--h-gb);line-height:1;}\n.h-orn-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--h-gm));}\n.h-orn-line.r{background:linear-gradient(90deg,var(--h-gm),transparent);}\n\n\/* CTA buttons *\/\n.h-ctas{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;\n opacity:0;animation:hFadeUp 1s ease forwards 1.1s;}\n.h-btn-gold{display:inline-block;padding:16px 44px;\n background:linear-gradient(135deg,var(--h-gw),var(--h-gb));color:var(--h-pd) !important;\n font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;\n text-transform:uppercase;text-decoration:none !important;border:none;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 5px 28px rgba(240,192,64,.4);\n position:relative;overflow:hidden;}\n.h-btn-gold::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);\n transition:left .5s ease;}\n.h-btn-gold:hover{transform:translateY(-3px);box-shadow:0 10px 38px rgba(240,192,64,.58);}\n.h-btn-gold:hover::after{left:100%;}\n.h-btn-outline{display:inline-block;padding:15px 44px;background:transparent;\n color:var(--h-wh) !important;font-family:'Inter',sans-serif;font-size:.8rem;\n font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none !important;\n border:1px solid rgba(255,255,255,.38);border-radius:50px;\n transition:border-color .3s,background .3s,transform .3s;}\n.h-btn-outline:hover{border-color:var(--h-gb);background:rgba(240,192,64,.09);transform:translateY(-3px);}\n\n\/* Saint Barbara quote block *\/\n.h-patron{position:relative;margin-top:56px;padding:38px 50px 34px;\n border:1px solid rgba(240,192,64,.2);background:rgba(240,192,64,.04);\n opacity:0;animation:hFadeIn 1.2s ease forwards 1.3s;overflow:hidden;\n transition:background .4s;}\n.h-patron:hover{background:rgba(240,192,64,.07);}\n.h-patron::before,.h-patron::after{content:'';position:absolute;width:32px;height:32px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.h-patron::before{top:12px;left:12px;border-width:2px 0 0 2px;}\n.h-patron::after{bottom:12px;right:12px;border-width:0 2px 2px 0;}\n.h-patron-line{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--h-gb),transparent);\n animation:hBarP 3s ease-in-out infinite;}\n@keyframes hBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.h-patron-icon{font-size:1.8rem;display:block;margin-bottom:12px;\n filter:drop-shadow(0 0 12px rgba(240,192,64,.6));\n animation:hIconG 3s ease-in-out infinite alternate;}\n@keyframes hIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 20px rgba(240,192,64,.9))}}\n.h-patron-qmark{font-family:'Playfair Display',serif;font-size:4rem;line-height:0;\n vertical-align:-.4em;color:var(--h-gb);opacity:.2;display:inline;}\n.h-patron-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.9vw,1.3rem);\n font-style:italic;font-weight:300;color:var(--h-cr);line-height:1.8;margin:0 0 14px !important;}\n.h-patron-attr{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.28em;\n text-transform:uppercase;color:var(--h-gm);}\n\n@keyframes hFadeDown{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes hFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes hFadeIn{from{opacity:0}to{opacity:1}}\n\n@media(max-width:768px){\n .h-wrap{padding:0 24px;}\n .h-patron{padding:28px 22px;}\n .h-ctas{flex-direction:column;align-items:center;}\n}\n@media(max-width:480px){\n #sbmc-hero{padding:80px 0 90px !important;}\n .h-title .l2{font-size:2.6rem !important;}\n .h-title .l3{font-size:2.2rem !important;}\n .h-rose{width:320px !important;height:320px !important;}\n}\n<\/style>\n\n<section id=\"sbmc-hero\" aria-label=\"Support Our Mission \u2014 Hero\">\n <div class=\"h-arch\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 320 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs><linearGradient id=\"hag\" x1=\"0\" y1=\"0\" x2=\"320\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#9a6f2a\" stop-opacity=\"0\"\/>\n <stop offset=\".5\" stop-color=\"#f0c040\"\/>\n <stop offset=\"1\" stop-color=\"#9a6f2a\" stop-opacity=\"0\"\/>\n <\/linearGradient><\/defs>\n <path d=\"M0 0C80 0 120 60 160 60C200 60 240 0 320 0\" stroke=\"url(#hag)\" stroke-width=\"2\" opacity=\".6\"\/>\n <\/svg>\n <\/div>\n <canvas id=\"h-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"h-rays\" id=\"h-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"h-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(15 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(45 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(75 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(105 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(135 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(165 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(30 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(90 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(150 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(210 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(270 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(330 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"h-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"h-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"h-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"h-wrap\">\n <div class=\"h-eyebrow\" aria-hidden=\"true\">\n <span class=\"h-eline\"><\/span>\n <span class=\"h-etext\">Sta. Barbara Mission Center<\/span>\n <span class=\"h-eline r\"><\/span>\n <\/div>\n\n <h1 class=\"h-title\">\n <span class=\"l1\">Be Part of Something Sacred<\/span>\n <span class=\"l2\">Support Our<\/span>\n <span class=\"l3\">Mission<\/span>\n <\/h1>\n\n <p class=\"h-sub\">\n Your support \u2014 whether through prayer, service, or generosity \u2014 sustains the living\n mission of Christ in our community. Together, we build a stronger parish, a deeper\n faith, and a more compassionate world.\n <\/p>\n <p class=\"h-stmt\">\n Every act of giving is an act of worship. Every sacrifice of time is a prayer lived out.\n Every peso offered is a seed planted for the Kingdom of God.\n <\/p>\n\n <div class=\"h-orn\" aria-hidden=\"true\">\n <span class=\"h-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"h-orn-line r\"><\/span>\n <\/div>\n\n <div class=\"h-ctas\">\n <a href=\"#sbmc-ways\" class=\"h-btn-gold\">Support the Mission<\/a>\n <a href=\"#sbmc-impact\" class=\"h-btn-outline\">See Our Impact<\/a>\n <\/div>\n\n <blockquote class=\"h-patron\">\n <div class=\"h-patron-line\" aria-hidden=\"true\"><\/div>\n <span class=\"h-patron-icon\" aria-hidden=\"true\">\ud83c\udf39<\/span>\n <p class=\"h-patron-text\">\n <span class=\"h-patron-qmark\" aria-hidden=\"true\">“<\/span>\n Who shall separate us from the love of Christ? Neither tribulation, nor distress,\n nor danger \u2014 for in all these things we are more than conquerors through\n Him who loved us.\n <\/p>\n <footer class=\"h-patron-attr\">\u2014 Romans 8:35, 37 \u00b7 Patroness: Saint Barbara, Martyr<\/footer>\n <\/blockquote>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initHero(){\n var sec=document.getElementById('sbmc-hero'); if(!sec) return;\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('h-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=54;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||700;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){\n var w=document.getElementById('h-rays'); if(!w) return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.32).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){\n var w=document.getElementById('h-ptcl'); if(!w) return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n var syms=['\u2726','\u271d','\u2727','\u25c6','\u2720'];\n function spawn(type){\n var p=document.createElement('div');\n if(type==='cross'){p.className='h-cross';p.textContent=syms[Math.floor(Math.random()*syms.length)];p.style.cssText='left:'+(Math.random()*95).toFixed(1)+'%;bottom:-20px;font-size:'+(9+Math.random()*11).toFixed(0)+'px;animation-duration:'+(10+Math.random()*8).toFixed(1)+'s;animation-delay:'+(Math.random()*4).toFixed(2)+'s;';}\n else{p.className='h-pt';var sz=2+Math.random()*5,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*9).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';}\n w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},19000);\n }\n for(var i=0;i<14;i++)(function(n){setTimeout(function(){spawn(n%4===0?'cross':'dot');},n*280);})(i);\n setInterval(function(){spawn(Math.random()>.75?'cross':'dot');},1100);\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initHero);else initHero();\n})();\n<\/script>\n\n\n\n\n<style>\n#sbmc-ways {\n --w-pd: #1e0a3c; --w-pm: #3b1278; --w-gb: #f0c040;\n --w-gw: #d4982a; --w-gm: #9a6f2a; --w-cr: #f9f2e3;\n --w-wh: #ffffff; --w-tl: rgba(255,255,255,0.85); --w-tm: rgba(255,255,255,0.55);\n\n position:relative !important; width:100% !important;\n padding:110px 0 130px !important;\n background:linear-gradient(175deg,#120228 0%,#2a0d52 35%,#1a0435 65%,#0e0120 100%) !important;\n overflow:hidden !important; color:var(--w-wh) !important;\n font-family:'Inter',sans-serif !important; box-sizing:border-box !important;\n}\n#sbmc-ways *,#sbmc-ways *::before,#sbmc-ways *::after{box-sizing:border-box;}\n#sbmc-ways p{margin:0;padding:0;}\n#sbmc-ways h2,#sbmc-ways h3,#sbmc-ways h4{margin:0;padding:0;font-weight:inherit;}\n#sbmc-ways a{color:inherit;text-decoration:none;}\n\n#sbmc-ways::before{content:'';position:absolute;top:-80px;left:50%;\n transform:translateX(-50%);width:1100px;height:700px;\n background:radial-gradient(ellipse at 50% 20%,rgba(240,192,64,.13) 0%,rgba(107,53,184,.08) 40%,transparent 70%);\n pointer-events:none;z-index:0;animation:wGlow 7s ease-in-out infinite;}\n@keyframes wGlow{0%,100%{opacity:.7}50%{opacity:1}}\n\n#w-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.25;z-index:1;}\n.w-bd{position:absolute;top:0;bottom:0;width:5px;z-index:3;\n background:linear-gradient(180deg,transparent,var(--w-gb),var(--w-gw),transparent);\n animation:wBd 4s ease-in-out infinite alternate;}\n.w-bd.l{left:0}.w-bd.r{right:0;animation-delay:2s;}\n@keyframes wBd{from{opacity:.3}to{opacity:1}}\n.w-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.w-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.17),transparent);\n transform-origin:top center;animation:wRay 5s ease-in-out infinite;}\n@keyframes wRay{0%,100%{opacity:.18}50%{opacity:.78}}\n.w-rose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:780px;height:780px;opacity:.055;pointer-events:none;z-index:1;\n animation:wRose 100s linear infinite;}\n@keyframes wRose{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n#w-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.w-pt{position:absolute;border-radius:50%;pointer-events:none;animation:wPtD linear infinite;}\n@keyframes wPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* WRAP *\/\n.w-wrap{max-width:1140px;margin:0 auto;padding:0 36px;position:relative;z-index:10;}\n\n\/* Standard header elements *\/\n.w-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;opacity:0;animation:wFD .9s ease forwards .2s;}\n.w-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--w-gb));}\n.w-eline.r{background:linear-gradient(90deg,var(--w-gb),transparent);}\n.w-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--w-gb);}\n.w-headline{text-align:center;margin-bottom:14px;opacity:0;animation:wFD 1s ease forwards .4s;}\n.w-headline .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--w-wh);line-height:1.1;}\n.w-headline .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--w-gb);line-height:1.2;}\n.w-lead{text-align:center;max-width:680px;margin:0 auto 60px !important;font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);font-weight:300;color:var(--w-tl);line-height:1.85;opacity:0;animation:wFD 1s ease forwards .6s;}\n.w-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:64px;opacity:0;animation:wFI 1s ease forwards .8s;}\n.w-orn span{font-size:17px;color:var(--w-gb);line-height:1;}\n.w-orn-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--w-gm));}\n.w-orn-line.r{background:linear-gradient(90deg,var(--w-gm),transparent);}\n\n\/* SUPPORT OPTIONS \u2014 3-col grid *\/\n.w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:70px;}\n.w-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.16);\n padding:34px 26px 30px;overflow:hidden;\n opacity:0;transform:translateY(30px);\n transition:opacity .7s ease,transform .7s ease,background .4s,border-color .4s,box-shadow .4s;}\n#sbmc-ways.w-js .w-card{opacity:0;transform:translateY(30px);}\n#sbmc-ways.w-js .w-card.w-show{opacity:1;transform:translateY(0);}\n.w-card:hover{background:rgba(240,192,64,.07);border-color:rgba(240,192,64,.5);\n box-shadow:0 0 38px rgba(240,192,64,.14),inset 0 0 28px rgba(240,192,64,.04);\n transform:translateY(-6px) !important;}\n.w-card::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(240,192,64,.07),transparent);\n transition:left .6s ease;}\n.w-card:hover::before{left:160%;}\n.w-card::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);\n opacity:0;transition:opacity .4s;}\n.w-card:hover::after{opacity:1;}\n.w-cc-tl,.w-cc-br{position:absolute;width:14px;height:14px;border-color:rgba(240,192,64,.3);border-style:solid;}\n.w-cc-tl{top:8px;left:8px;border-width:1px 0 0 1px;}\n.w-cc-br{bottom:8px;right:8px;border-width:0 1px 1px 0;}\n.w-card-icon{display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.25);\n border-radius:50%;font-size:1.3rem;margin-bottom:16px;\n filter:drop-shadow(0 0 8px rgba(240,192,64,.45));animation:wIconG 3s ease-in-out infinite alternate;}\n@keyframes wIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 18px rgba(240,192,64,.85))}}\n.w-card-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--w-wh);margin-bottom:10px;line-height:1.3;}\n.w-card-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:300;color:var(--w-tl);line-height:1.75;}\n\n\/* GIVING INFO \u2014 2-col panel *\/\n.w-giving{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;}\n.w-giving-panel{position:relative;padding:40px 34px 36px;\n background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.2);overflow:hidden;\n opacity:0;transform:translateY(30px);\n transition:opacity .7s ease,transform .7s ease,background .4s;}\n#sbmc-ways.w-js .w-giving-panel{opacity:0;transform:translateY(30px);}\n#sbmc-ways.w-js .w-giving-panel.w-show{opacity:1;transform:translateY(0);}\n.w-giving-panel:hover{background:rgba(240,192,64,.06);}\n.w-giving-panel::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);opacity:0;transition:opacity .4s;}\n.w-giving-panel:hover::after{opacity:1;}\n.w-gp-tl,.w-gp-br{position:absolute;width:18px;height:18px;border-color:rgba(240,192,64,.35);border-style:solid;}\n.w-gp-tl{top:10px;left:10px;border-width:1px 0 0 1px;}\n.w-gp-br{bottom:10px;right:10px;border-width:0 1px 1px 0;}\n.w-panel-icon{font-size:1.6rem;display:block;margin-bottom:14px;filter:drop-shadow(0 0 10px rgba(240,192,64,.5));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-panel-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--w-gb);margin-bottom:16px;line-height:1.25;}\n.w-panel-row{display:flex;flex-direction:column;gap:12px;}\n.w-info-item{padding:14px 18px;background:rgba(240,192,64,.07);border:1px solid rgba(240,192,64,.18);position:relative;}\n.w-info-item::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--w-gb);opacity:.6;}\n.w-info-label{font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--w-gm);margin-bottom:4px;display:block;}\n.w-info-value{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--w-wh);}\n.w-info-note{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-weight:300;color:var(--w-tm);margin-top:2px !important;}\n.w-panel-contact{margin-top:16px;padding:16px 18px;border:1px solid rgba(240,192,64,.15);background:rgba(240,192,64,.04);}\n.w-panel-contact p{font-family:'Cormorant Garamond',serif;font-size:.98rem;font-weight:300;color:var(--w-tl);line-height:1.7;}\n.w-panel-contact a{color:var(--w-gb);border-bottom:1px solid rgba(240,192,64,.35);transition:border-color .3s;}\n.w-panel-contact a:hover{border-color:var(--w-gb);}\n.w-online-btn{display:inline-block;margin-top:18px;padding:12px 30px;\n background:linear-gradient(135deg,var(--w-gw),var(--w-gb));color:var(--w-pd) !important;\n font-family:'Inter',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;\n text-transform:uppercase;text-decoration:none !important;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px rgba(240,192,64,.3);}\n.w-online-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(240,192,64,.5);}\n\n\/* GRATITUDE BANNER *\/\n.w-gratitude{position:relative;text-align:center;padding:52px 60px 48px;\n border:1px solid rgba(240,192,64,.22);background:rgba(240,192,64,.04);\n margin-bottom:56px;overflow:hidden;\n opacity:0;animation:wFI 1.2s ease forwards 1.8s;\n transition:background .4s,transform .4s;}\n.w-gratitude:hover{background:rgba(240,192,64,.07);transform:translateY(-3px);}\n.w-gratitude::before,.w-gratitude::after{content:'';position:absolute;width:42px;height:42px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.w-gratitude::before{top:14px;left:14px;border-width:2px 0 0 2px;}\n.w-gratitude::after{bottom:14px;right:14px;border-width:0 2px 2px 0;}\n.w-grat-line{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);\n animation:wBarP 3s ease-in-out infinite;}\n@keyframes wBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.w-grat-icon{font-size:2rem;display:block;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(240,192,64,.6));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-grat-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--w-gb);margin-bottom:16px;}\n.w-grat-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);font-weight:300;color:var(--w-tl);line-height:1.85;max-width:680px;margin:0 auto !important;}\n\n\/* CLOSING QUOTE + FINAL CTA *\/\n.w-closing{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px;}\n.w-close-quote{position:relative;padding:44px 40px 40px;\n border:1px solid rgba(240,192,64,.18);background:rgba(240,192,64,.03);overflow:hidden;\n opacity:0;animation:wFI 1.3s ease forwards 2s;\n transition:background .4s,transform .4s;}\n.w-close-quote:hover{background:rgba(240,192,64,.06);transform:translateY(-3px);}\n.w-close-quote::before,.w-close-quote::after{content:'';position:absolute;width:30px;height:30px;border-color:rgba(240,192,64,.4);border-style:solid;}\n.w-close-quote::before{top:10px;left:10px;border-width:1px 0 0 1px;}\n.w-close-quote::after{bottom:10px;right:10px;border-width:0 1px 1px 0;}\n.w-cq-mark{font-family:'Playfair Display',serif;font-size:4.5rem;line-height:0;vertical-align:-.42em;color:var(--w-gb);opacity:.2;display:block;margin-bottom:-2px;}\n.w-cq-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.25rem);font-style:italic;font-weight:300;color:var(--w-cr);line-height:1.78;margin-bottom:14px !important;}\n.w-cq-attr{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--w-gm);}\n.w-close-cta{padding:44px 40px;border:1px solid rgba(240,192,64,.18);background:rgba(240,192,64,.04);\n display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;\n opacity:0;animation:wFI 1.4s ease forwards 2.1s;\n transition:background .4s;}\n.w-close-cta:hover{background:rgba(240,192,64,.07);}\n.w-cta-icon{font-size:2rem;margin-bottom:16px;display:block;filter:drop-shadow(0 0 10px rgba(240,192,64,.6));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-cta-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,1.6vw,1.12rem);font-weight:300;color:var(--w-tl);line-height:1.78;margin-bottom:24px !important;}\n.w-cta-btn{display:inline-block;padding:15px 40px;\n background:linear-gradient(135deg,var(--w-gw),var(--w-gb));color:var(--w-pd) !important;\n font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;\n text-transform:uppercase;text-decoration:none !important;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 5px 24px rgba(240,192,64,.38);\n position:relative;overflow:hidden;}\n.w-cta-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;}\n.w-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(240,192,64,.55);}\n.w-cta-btn:hover::after{left:100%;}\n\n\/* FINAL CLOSING STATEMENT *\/\n.w-final{text-align:center;padding:40px 30px;\n border-top:1px solid rgba(240,192,64,.12);\n opacity:0;animation:wFI 1.4s ease forwards 2.3s;}\n.w-final-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:300;font-style:italic;color:var(--w-tm);line-height:1.85;max-width:700px;margin:0 auto !important;}\n.w-final-text em{color:var(--w-gb);font-style:normal;}\n\n@keyframes wFD{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes wFI{from{opacity:0}to{opacity:1}}\n\n@media(max-width:1024px){.w-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:860px){.w-giving,.w-closing{grid-template-columns:1fr;}}\n@media(max-width:640px){.w-grid{grid-template-columns:1fr;}.w-gratitude{padding:36px 22px;}.w-wrap{padding:0 20px;}}\n@media(max-width:480px){#sbmc-ways{padding:80px 0 90px !important;}.w-rose{width:320px !important;height:320px !important;}}\n<\/style>\n\n<section id=\"sbmc-ways\" aria-label=\"Ways to Support Sta. Barbara Mission Center\">\n <canvas id=\"w-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"w-rays\" id=\"w-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"w-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(15 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(45 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(75 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(105 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(135 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(165 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(30 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(90 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(150 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(210 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(270 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(330 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"w-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"w-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"w-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"w-wrap\">\n <div class=\"w-eyebrow\" aria-hidden=\"true\">\n <span class=\"w-eline\"><\/span>\n <span class=\"w-etext\">Every Gift Matters. Every Soul Counts.<\/span>\n <span class=\"w-eline r\"><\/span>\n <\/div>\n <h2 class=\"w-headline\">\n <span class=\"l1\">Ways to Support<\/span>\n <span class=\"l2\">Sta. Barbara Mission Center<\/span>\n <\/h2>\n <p class=\"w-lead\">\n You can be part of this mission in many beautiful ways. Whether through generous giving,\n faithful prayer, volunteer service, or active ministry \u2014 every contribution\n strengthens the Body of Christ here in Casasahan.\n <\/p>\n <div class=\"w-orn\" aria-hidden=\"true\">\n <span class=\"w-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"w-orn-line r\"><\/span>\n <\/div>\n\n \n <div class=\"w-grid\" id=\"w-grid\">\n <article class=\"w-card\" data-delay=\"0\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\udc9b<\/div>\n <h3 class=\"w-card-title\">Financial Contributions<\/h3>\n <p class=\"w-card-text\">Your monetary gifts sustain our liturgical celebrations, formation programs, outreach activities, and church upkeep. Every peso is a prayer offered for the mission of Christ.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"120\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\ude4c<\/div>\n <h3 class=\"w-card-title\">Volunteer Service<\/h3>\n <p class=\"w-card-text\">Share your time and energy with our parish. From setting up for Mass to assisting in feeding programs, every hour of service given in love is a powerful witness of faith in action.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"240\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\u271d\ufe0f<\/div>\n <h3 class=\"w-card-title\">Ministry Participation<\/h3>\n <p class=\"w-card-text\">Join one of our active ministries \u2014 from the Liturgical Choir to the Legion of Mary, from the Youth Group to the Basic Ecclesial Communities \u2014 and use your gifts to serve God’s people.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"360\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83c\udf1f<\/div>\n <h3 class=\"w-card-title\">Event Sponsorship<\/h3>\n <p class=\"w-card-text\">Sponsor a parish feast, a youth retreat, a community feeding, or a catechetical seminar. Your generosity as a sponsor directly enables these life-changing events to take place.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"480\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83c\udfd8\ufe0f<\/div>\n <h3 class=\"w-card-title\">Community Outreach Assistance<\/h3>\n <p class=\"w-card-text\">Help us reach those at the margins \u2014 contribute goods, resources, or skills to our outreach programs. Your assistance puts the mercy of Christ into the hands of those who need it most.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"600\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\ude4f<\/div>\n <h3 class=\"w-card-title\">Prayer Support<\/h3>\n <p class=\"w-card-text\">The most powerful thing you can offer is prayer. Lift up our mission, our ministers, and our community in your daily prayers \u2014 for the mission of the Church advances on its knees.<\/p>\n <\/article>\n <\/div>\n\n \n <div class=\"w-giving\" id=\"w-giving\">\n <div class=\"w-giving-panel\" data-gdelay=\"0\">\n <div class=\"w-gp-tl\" aria-hidden=\"true\"><\/div><div class=\"w-gp-br\" aria-hidden=\"true\"><\/div>\n <span class=\"w-panel-icon\" aria-hidden=\"true\">\ud83d\udcf1<\/span>\n <h3 class=\"w-panel-title\">Give via GCash & Online<\/h3>\n <div class=\"w-panel-row\">\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">GCash Number<\/span>\n <span class=\"w-info-value\"><a href=\"tel:+639562616212\">0956 261 6212<\/a><\/span>\n <p class=\"w-info-note\">Name: Jose Jay \u00b7 Sta. Barbara Mission Center<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Bank Account<\/span>\n <span class=\"w-info-value\">Account No: XXXX \u2014 XXXX \u2014 XXXX<\/span>\n <p class=\"w-info-note\">Bank: [Your Bank Name Here] \u00b7 Account Name: [Parish Name]<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Online Giving<\/span>\n <span class=\"w-info-value\">Visit our Online Giving Page<\/span>\n <p class=\"w-info-note\">Secure, fast, and convenient.<\/p>\n <\/div>\n <\/div>\n <a href=\"#\" class=\"w-online-btn\">Give Online Now<\/a>\n <\/div>\n\n <div class=\"w-giving-panel\" data-gdelay=\"150\">\n <div class=\"w-gp-tl\" aria-hidden=\"true\"><\/div><div class=\"w-gp-br\" aria-hidden=\"true\"><\/div>\n <span class=\"w-panel-icon\" aria-hidden=\"true\">\ud83d\udcde<\/span>\n <h3 class=\"w-panel-title\">Contact the Parish Office<\/h3>\n <div class=\"w-panel-row\">\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Parish Address<\/span>\n <span class=\"w-info-value\">Brgy. Casasahan, Gumaca, Quezon<\/span>\n <p class=\"w-info-note\">Sta. Barbara Mission Center<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Office Hours<\/span>\n <span class=\"w-info-value\">Mon \u2013 Sat \u00b7 8:00 AM \u2013 5:00 PM<\/span>\n <p class=\"w-info-note\">Closed on Sundays & Holy Days of Obligation<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Contact Person<\/span>\n <span class=\"w-info-value\">Jose Jay<\/span>\n <p class=\"w-info-note\">For inquiries, donations, and ministry matters<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Mobile Number<\/span>\n <span class=\"w-info-value\"><a href=\"tel:+639562616212\">0956 261 6212<\/a><\/span>\n <p class=\"w-info-note\">Call or text for assistance<\/p>\n <\/div>\n <\/div>\n <div class=\"w-panel-contact\">\n <p>For in-kind donations, volunteer coordination, or sponsorship inquiries,\n please reach our parish office directly or email us at\n <a href=\"mailto:info@stabarbara.org\">info@stabarbara.org<\/a>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-gratitude\">\n <div class=\"w-grat-line\" aria-hidden=\"true\"><\/div>\n <span class=\"w-grat-icon\" aria-hidden=\"true\">\ud83c\udf39<\/span>\n <h3 class=\"w-grat-title\">With Gratitude and Blessings<\/h3>\n <p class=\"w-grat-text\">\n To every parishioner who prays, every volunteer who serves, every donor who gives,\n and every partner who walks with us in mission \u2014 <em>salamat po<\/em>. Your generosity\n is not just a gift to us; it is a gift offered to God, returned to you a hundredfold\n in grace, joy, and the quiet joy of knowing you are part of something eternal.\n The entire Sta. Barbara Mission Center community holds you in prayer with deep\n gratitude and love.\n <\/p>\n <\/div>\n\n \n <div class=\"w-closing\">\n <blockquote class=\"w-close-quote\">\n <span class=\"w-cq-mark\" aria-hidden=\"true\">“<\/span>\n <p class=\"w-cq-text\">\n The generous will themselves be blessed,\n for they share their food with the poor.<br>\n Whoever sows generously will also reap generously \u2014\n and God is able to bless you abundantly.\n <\/p>\n <footer class=\"w-cq-attr\">\u2014 Proverbs 22:9 & 2 Corinthians 9:6, 8<\/footer>\n <\/blockquote>\n <div class=\"w-close-cta\">\n <span class=\"w-cta-icon\" aria-hidden=\"true\">\u271d\ufe0f<\/span>\n <p class=\"w-cta-text\">\n Every act of generosity, every hour of service, every whispered prayer\n helps further the mission of Christ through Sta. Barbara Mission Center.\n You are not just a supporter \u2014 you are a co-worker in the vineyard of the Lord.\n <\/p>\n <a href=\"#sbmc-hero\" class=\"w-cta-btn\">Be Part of the Mission<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"w-final\">\n <p class=\"w-final-text\">\n May Saint Barbara, courageous martyr and faithful witness, intercede for all who\n support this mission \u2014 and may God, who sees every act of love done in secret,\n reward you with <em>peace, grace, and eternal life<\/em>.\n <br><br>\n <em>Ad Majorem Dei Gloriam \u2014 For the Greater Glory of God.<\/em>\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initWays(){\n var sec=document.getElementById('sbmc-ways'); if(!sec) return;\n sec.classList.add('w-js');\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('w-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=52;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||1000;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){var w=document.getElementById('w-rays');if(!w)return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.3).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){var w=document.getElementById('w-ptcl');if(!w)return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n function spawn(){var p=document.createElement('div');p.className='w-pt';var sz=2+Math.random()*6,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*10).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},18000);}\n for(var i=0;i<14;i++)(function(n){setTimeout(spawn,n*300);})(i);\n setInterval(spawn,1200);\n })();\n \/* Scroll reveal \u2014 support cards *\/\n (function(){\n var items=sec.querySelectorAll('.w-card');if(!items.length)return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-delay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('w-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n items.forEach(function(c){io.observe(c);});\n }else{items.forEach(function(c){c.classList.add('w-show');});}\n })();\n \/* Scroll reveal \u2014 giving panels *\/\n (function(){\n var panels=sec.querySelectorAll('.w-giving-panel');if(!panels.length)return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-gdelay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('w-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n panels.forEach(function(p){io.observe(p);});\n }else{panels.forEach(function(p){p.classList.add('w-show');});}\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initWays);else initWays();\n})();\n<\/script>\n<\/body>\n<\/html><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-0f5f716b alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Building Faith, Strengthening Community \u00b7 Sta. Barbara Mission Center<\/title>\n<\/head>\n<body style=\"margin:0;padding:0;background:#0e0120;\">\n SECTION 2 OF 3 \u2014 BUILDING FAITH, STRENGTHENING COMMUNITY\n Paste this entire block into Elementor Custom HTML Widget 2\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n#sbmc-impact {\n --i-pd: #1e0a3c; --i-pm: #3b1278; --i-gb: #f0c040;\n --i-gw: #d4982a; --i-gm: #9a6f2a; --i-cr: #f9f2e3;\n --i-wh: #ffffff; --i-tl: rgba(255,255,255,0.85); --i-tm: rgba(255,255,255,0.55);\n\n position:relative !important; width:100% !important;\n padding:110px 0 130px !important;\n background:linear-gradient(170deg,#0e0120 0%,#1a0435 30%,#2a0d52 60%,#120228 100%) !important;\n overflow:hidden !important; color:var(--i-wh) !important;\n font-family:'Inter',sans-serif !important; box-sizing:border-box !important;\n}\n#sbmc-impact *,#sbmc-impact *::before,#sbmc-impact *::after{box-sizing:border-box;}\n#sbmc-impact p{margin:0;padding:0;}\n#sbmc-impact h2,#sbmc-impact h3{margin:0;padding:0;font-weight:inherit;}\n\n#sbmc-impact::before{content:'';position:absolute;top:-60px;left:50%;\n transform:translateX(-50%);width:1000px;height:600px;\n background:radial-gradient(ellipse at 50% 20%,rgba(240,192,64,.11) 0%,rgba(107,53,184,.07) 40%,transparent 70%);\n pointer-events:none;z-index:0;animation:iGlow 8s ease-in-out infinite;}\n@keyframes iGlow{0%,100%{opacity:.6}50%{opacity:1}}\n\n#i-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.22;z-index:1;}\n.i-bd{position:absolute;top:0;bottom:0;width:5px;z-index:3;\n background:linear-gradient(180deg,transparent,var(--i-gb),var(--i-gw),transparent);\n animation:iBd 4s ease-in-out infinite alternate;}\n.i-bd.l{left:0}.i-bd.r{right:0;animation-delay:2s;}\n@keyframes iBd{from{opacity:.3}to{opacity:1}}\n.i-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.i-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.16),transparent);\n transform-origin:top center;animation:iRay 5s ease-in-out infinite;}\n@keyframes iRay{0%,100%{opacity:.15}50%{opacity:.7}}\n.i-rose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:750px;height:750px;opacity:.05;pointer-events:none;z-index:1;\n animation:iRose 110s linear infinite;}\n@keyframes iRose{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n#i-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.i-pt{position:absolute;border-radius:50%;pointer-events:none;animation:iPtD linear infinite;}\n@keyframes iPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* WRAP *\/\n.i-wrap{max-width:1140px;margin:0 auto;padding:0 36px;position:relative;z-index:10;}\n\n\/* Eyebrow *\/\n.i-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;\n opacity:0;animation:iFD .9s ease forwards .2s;}\n.i-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--i-gb));}\n.i-eline.r{background:linear-gradient(90deg,var(--i-gb),transparent);}\n.i-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--i-gb);}\n\n.i-headline{text-align:center;margin-bottom:14px;opacity:0;animation:iFD 1s ease forwards .4s;}\n.i-headline .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--i-wh);line-height:1.1;}\n.i-headline .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--i-gb);line-height:1.2;}\n.i-lead{text-align:center;max-width:700px;margin:0 auto 60px !important;\n font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);\n font-weight:300;color:var(--i-tl);line-height:1.85;\n opacity:0;animation:iFD 1s ease forwards .6s;}\n.i-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:64px;\n opacity:0;animation:iFI 1s ease forwards .8s;}\n.i-orn span{font-size:17px;color:var(--i-gb);line-height:1;}\n.i-orn-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--i-gm));}\n.i-orn-line.r{background:linear-gradient(90deg,var(--i-gm),transparent);}\n\n\/* CARDS GRID *\/\n.i-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:70px;}\n.i-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.16);\n padding:36px 28px 32px;overflow:hidden;\n opacity:0;transform:translateY(32px);\n transition:opacity .7s ease,transform .7s ease,background .4s,border-color .4s,box-shadow .4s;}\n#sbmc-impact.i-js .i-card{opacity:0;transform:translateY(32px);}\n#sbmc-impact.i-js .i-card.i-show{opacity:1;transform:translateY(0);}\n.i-card:hover{background:rgba(240,192,64,.07);border-color:rgba(240,192,64,.5);\n box-shadow:0 0 40px rgba(240,192,64,.14),inset 0 0 28px rgba(240,192,64,.04);\n transform:translateY(-6px) !important;}\n.i-card::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(240,192,64,.07),transparent);\n transition:left .6s ease;}\n.i-card:hover::before{left:160%;}\n.i-card::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--i-gb),transparent);\n opacity:0;transition:opacity .4s;}\n.i-card:hover::after{opacity:1;}\n.i-cc-tl,.i-cc-br{position:absolute;width:14px;height:14px;border-color:rgba(240,192,64,.3);border-style:solid;}\n.i-cc-tl{top:8px;left:8px;border-width:1px 0 0 1px;}\n.i-cc-br{bottom:8px;right:8px;border-width:0 1px 1px 0;}\n.i-card-icon{display:inline-flex;align-items:center;justify-content:center;\n width:50px;height:50px;background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.25);\n border-radius:50%;font-size:1.4rem;margin-bottom:18px;\n filter:drop-shadow(0 0 8px rgba(240,192,64,.45));\n animation:iIconG 3s ease-in-out infinite alternate;}\n@keyframes iIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 18px rgba(240,192,64,.85))}}\n.i-card-title{font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:700;\n color:var(--i-wh);margin-bottom:12px;line-height:1.3;}\n.i-card-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:300;\n color:var(--i-tl);line-height:1.75;}\n.i-card-impact{display:inline-block;margin-top:14px;font-family:'Inter',sans-serif;\n font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--i-gb);}\n\n\/* FEATURED QUOTE *\/\n.i-quote{position:relative;text-align:center;padding:54px 60px 50px;\n border:1px solid rgba(240,192,64,.22);background:rgba(240,192,64,.04);\n margin-bottom:0;overflow:hidden;\n opacity:0;animation:iFI 1.2s ease forwards 1.6s;\n transition:background .4s,transform .4s;}\n.i-quote:hover{background:rgba(240,192,64,.07);transform:translateY(-3px);}\n.i-quote::before,.i-quote::after{content:'';position:absolute;width:44px;height:44px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.i-quote::before{top:14px;left:14px;border-width:2px 0 0 2px;}\n.i-quote::after{bottom:14px;right:14px;border-width:0 2px 2px 0;}\n.i-quote-top{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--i-gb),transparent);\n animation:iBarP 3s ease-in-out infinite;}\n@keyframes iBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.i-qmark{font-family:'Playfair Display',serif;font-size:5rem;line-height:0;\n vertical-align:-.42em;color:var(--i-gb);opacity:.2;display:block;margin-bottom:-4px;}\n.i-qtext{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.6rem);\n font-style:italic;font-weight:300;color:var(--i-cr);line-height:1.78;margin-bottom:18px !important;}\n.i-qattr{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--i-gm);}\n\n@keyframes iFD{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes iFI{from{opacity:0}to{opacity:1}}\n\n@media(max-width:1024px){.i-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:640px){.i-grid{grid-template-columns:1fr;}.i-quote{padding:36px 22px;}.i-wrap{padding:0 20px;}}\n@media(max-width:480px){#sbmc-impact{padding:80px 0 90px !important;}.i-rose{width:320px !important;height:320px !important;}}\n<\/style>\n\n<section id=\"sbmc-impact\" aria-label=\"Building Faith, Strengthening Community\">\n <canvas id=\"i-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"i-rays\" id=\"i-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"i-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"i-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"i-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"i-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"i-wrap\">\n <div class=\"i-eyebrow\" aria-hidden=\"true\">\n <span class=\"i-eline\"><\/span>\n <span class=\"i-etext\">Your Impact in Our Community<\/span>\n <span class=\"i-eline r\"><\/span>\n <\/div>\n <h2 class=\"i-headline\">\n <span class=\"l1\">Building Faith,<\/span>\n <span class=\"l2\">Strengthening Community<\/span>\n <\/h2>\n <p class=\"i-lead\">\n Every act of support \u2014 your time, talent, and treasure \u2014 breathes life into\n the ministries and programs that make Sta. Barbara Mission Center a true home\n of faith, service, and belonging for every soul in our community.\n <\/p>\n <div class=\"i-orn\" aria-hidden=\"true\">\n <span class=\"i-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"i-orn-line r\"><\/span>\n <\/div>\n\n <div class=\"i-grid\" id=\"i-grid\">\n <article class=\"i-card\" data-delay=\"0\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\u26ea<\/div>\n <h3 class=\"i-card-title\">Worship & Liturgical Celebrations<\/h3>\n <p class=\"i-card-text\">From daily Mass to the great feasts of the liturgical year, your support ensures that every celebration of the Eucharist is worthy, reverent, and open to all parishioners \u2014 especially the most vulnerable.<\/p>\n <span class=\"i-card-impact\">Uplifts the entire parish community<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"120\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n <h3 class=\"i-card-title\">Youth & Family Formation<\/h3>\n <p class=\"i-card-text\">Our formation programs nurture the faith of children, teens, and families \u2014 equipping the next generation with the values, knowledge, and love of God they need to thrive in today's world.<\/p>\n <span class=\"i-card-impact\">Shapes hearts for a lifetime<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"240\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83e\udd1d<\/div>\n <h3 class=\"i-card-title\">Community Outreach Programs<\/h3>\n <p class=\"i-card-text\">We reach beyond the chapel walls to serve the hungry, the sick, and the marginalized through feeding missions, medical outreach, and community assistance programs grounded in the love of Christ.<\/p>\n <span class=\"i-card-impact\">Serves the least of our brothers<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"360\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83c\udfd7\ufe0f<\/div>\n <h3 class=\"i-card-title\">Church Development Projects<\/h3>\n <p class=\"i-card-text\">The Mission Center is a living structure that must grow with its community. Your generosity funds maintenance, improvements, and expansion projects that give God a worthy dwelling place among us.<\/p>\n <span class=\"i-card-impact\">Builds a home for generations<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"480\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83d\udcd6<\/div>\n <h3 class=\"i-card-title\">Catechetical Activities<\/h3>\n <p class=\"i-card-text\">Catechism classes, Bible studies, and sacramental preparation programs form disciples at every stage of life \u2014 from the very young receiving First Communion to adults deepening their faith journey.<\/p>\n <span class=\"i-card-impact\">Roots faith in truth and love<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"600\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83c\udf8a<\/div>\n <h3 class=\"i-card-title\">Parish Events & Gatherings<\/h3>\n <p class=\"i-card-text\">From fiesta celebrations to prayer nights and community meals, our parish events foster bonds of friendship and fellowship that transform a group of neighbors into a true family of faith.<\/p>\n <span class=\"i-card-impact\">Unites us as one family<\/span>\n <\/article>\n <\/div>\n\n <blockquote class=\"i-quote\">\n <div class=\"i-quote-top\" aria-hidden=\"true\"><\/div>\n <span class=\"i-qmark\" aria-hidden=\"true\">\"<\/span>\n <p class=\"i-qtext\">\n Like living stones, let yourselves be built into a spiritual house,\n to be a holy priesthood offering spiritual sacrifices acceptable to God\n through Jesus Christ.\n <\/p>\n <footer class=\"i-qattr\">\u2014 1 Peter 2:5 \u00b7 The Heart of Our Mission<\/footer>\n <\/blockquote>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initImpact(){\n var sec=document.getElementById('sbmc-impact'); if(!sec) return;\n sec.classList.add('i-js');\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('i-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=52;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||900;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){var w=document.getElementById('i-rays'); if(!w) return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.3).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){var w=document.getElementById('i-ptcl'); if(!w) return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n function spawn(){var p=document.createElement('div');p.className='i-pt';var sz=2+Math.random()*6,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*10).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},18000);}\n for(var i=0;i<14;i++)(function(n){setTimeout(spawn,n*300);})(i);\n setInterval(spawn,1200);\n })();\n \/* Scroll reveal cards *\/\n (function(){\n var cards=sec.querySelectorAll('.i-card'); if(!cards.length) return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-delay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('i-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n cards.forEach(function(c){io.observe(c);});\n }else{cards.forEach(function(c){c.classList.add('i-show');});}\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initImpact);else initImpact();\n})();\n<\/script>\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\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<\/body>\n<\/html><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Donate - STA Barbara Mission Center","description":""},"footnotes":""},"class_list":["post-24","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\/casasahanibaba\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":7,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":727,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24\/revisions\/727"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n\nSupport Our Mission \u2014 Hero \u00b7 Sta. Barbara Mission Center<\/title>\n<\/head>\n<body style=\"margin:0;padding:0;background:#0d0120;\">\n\n\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Inter:wght@300;400;500;600&display=swap\">\n\n<style>\n#sbmc-hero {\n --h-pd: #1e0a3c; --h-pm: #3b1278; --h-pg: #6b35b8;\n --h-gb: #f0c040; --h-gw: #d4982a; --h-gm: #9a6f2a;\n --h-cr: #f9f2e3; --h-wh: #ffffff;\n --h-tl: rgba(255,255,255,0.88); --h-tm: rgba(255,255,255,0.55);\n\n position: relative !important; width: 100% !important;\n padding: 120px 0 130px !important;\n background: linear-gradient(160deg, #0d0120 0%, #1e0a3c 30%, #2a0d52 60%, #0e0120 100%) !important;\n overflow: hidden !important; color: var(--h-wh) !important;\n font-family: 'Inter', sans-serif !important; box-sizing: border-box !important;\n}\n#sbmc-hero *, #sbmc-hero *::before, #sbmc-hero *::after { box-sizing: border-box; }\n#sbmc-hero p { margin: 0; padding: 0; }\n#sbmc-hero h1, #sbmc-hero h2 { margin: 0; padding: 0; font-weight: inherit; }\n\n\/* Ambient glow *\/\n#sbmc-hero::before {\n content: ''; position: absolute; top: -100px; left: 50%;\n transform: translateX(-50%); width: 1200px; height: 800px;\n background: radial-gradient(ellipse at 50% 25%, rgba(240,192,64,.15) 0%, rgba(107,53,184,.09) 40%, transparent 70%);\n pointer-events: none; z-index: 0;\n animation: hCrownGlow 7s ease-in-out infinite;\n}\n@keyframes hCrownGlow {\n 0%,100%{ opacity:.7; transform:translateX(-50%) scale(1); }\n 50% { opacity:1; transform:translateX(-50%) scale(1.12); }\n}\n\n\/* Second ambient \u2014 bottom warmth *\/\n#sbmc-hero::after {\n content: ''; position: absolute; bottom: -60px; right: 10%;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(107,53,184,.18), transparent 70%);\n pointer-events: none; z-index: 0;\n animation: hBottomGlow 9s ease-in-out infinite alternate;\n}\n@keyframes hBottomGlow { from{opacity:.4} to{opacity:.9} }\n\n\/* Canvas *\/\n#h-canvas { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; opacity:.25; z-index:1; }\n\n\/* Gold borders *\/\n.h-bd { position:absolute; top:0; bottom:0; width:5px; z-index:3;\n background:linear-gradient(180deg,transparent,var(--h-gb),var(--h-gw),transparent);\n animation:hBdShimmer 4s ease-in-out infinite alternate; }\n.h-bd.l{left:0;} .h-bd.r{right:0;animation-delay:2s;}\n@keyframes hBdShimmer{from{opacity:.3}to{opacity:1}}\n\n\/* Rays *\/\n.h-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.h-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.2),transparent);\n transform-origin:top center; animation:hRayF 5s ease-in-out infinite;}\n@keyframes hRayF{0%,100%{opacity:.15}50%{opacity:.75}}\n\n\/* Rose window *\/\n.h-rose{position:absolute;top:50%;left:50%;\n transform:translate(-50%,-50%);width:820px;height:820px;\n opacity:.055;pointer-events:none;z-index:1;\n animation:hRoseR 90s linear infinite;}\n@keyframes hRoseR{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n\n\/* Particles *\/\n#h-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.h-pt{position:absolute;border-radius:50%;pointer-events:none;animation:hPtD linear infinite;}\n@keyframes hPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* Cross particles *\/\n.h-cross{position:absolute;color:var(--h-gb);pointer-events:none;opacity:0;\n animation:hCrossFloat linear infinite;}\n@keyframes hCrossFloat{0%{opacity:0;transform:translateY(20px)}15%{opacity:.4}85%{opacity:.1}100%{opacity:0;transform:translateY(-90px)}}\n\n\/* Arch *\/\n.h-arch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:320px;height:60px;pointer-events:none;z-index:3;}\n\n\/* \u2500\u2500 INNER WRAP \u2500\u2500 *\/\n.h-wrap{max-width:900px;margin:0 auto;padding:0 36px;position:relative;z-index:10;text-align:center;}\n\n\/* Eyebrow *\/\n.h-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px;\n opacity:0;animation:hFadeDown .9s ease forwards .2s;}\n.h-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--h-gb));}\n.h-eline.r{background:linear-gradient(90deg,var(--h-gb),transparent);}\n.h-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--h-gb);}\n\n\/* Main heading *\/\n.h-title{margin-bottom:20px;opacity:0;animation:hFadeDown 1s ease forwards .4s;}\n.h-title .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:400;color:var(--h-gb);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;}\n.h-title .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(3rem,6.5vw,5.2rem);font-weight:900;color:var(--h-wh);line-height:1.05;letter-spacing:-.01em;}\n.h-title .l3{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:700;font-style:italic;color:var(--h-gb);line-height:1.15;}\n\n\/* Subtitle *\/\n.h-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:300;\n color:var(--h-tl);line-height:1.85;max-width:680px;margin:0 auto 16px !important;\n opacity:0;animation:hFadeDown 1s ease forwards .6s;}\n\n\/* Inspiring statement *\/\n.h-stmt{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:300;\n font-style:italic;color:var(--h-tm);line-height:1.75;max-width:580px;margin:0 auto 44px !important;\n opacity:0;animation:hFadeDown 1s ease forwards .75s;}\n\n\/* Ornament *\/\n.h-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:44px;\n opacity:0;animation:hFadeIn 1s ease forwards .9s;}\n.h-orn span{font-size:17px;color:var(--h-gb);line-height:1;}\n.h-orn-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--h-gm));}\n.h-orn-line.r{background:linear-gradient(90deg,var(--h-gm),transparent);}\n\n\/* CTA buttons *\/\n.h-ctas{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;\n opacity:0;animation:hFadeUp 1s ease forwards 1.1s;}\n.h-btn-gold{display:inline-block;padding:16px 44px;\n background:linear-gradient(135deg,var(--h-gw),var(--h-gb));color:var(--h-pd) !important;\n font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;\n text-transform:uppercase;text-decoration:none !important;border:none;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 5px 28px rgba(240,192,64,.4);\n position:relative;overflow:hidden;}\n.h-btn-gold::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);\n transition:left .5s ease;}\n.h-btn-gold:hover{transform:translateY(-3px);box-shadow:0 10px 38px rgba(240,192,64,.58);}\n.h-btn-gold:hover::after{left:100%;}\n.h-btn-outline{display:inline-block;padding:15px 44px;background:transparent;\n color:var(--h-wh) !important;font-family:'Inter',sans-serif;font-size:.8rem;\n font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none !important;\n border:1px solid rgba(255,255,255,.38);border-radius:50px;\n transition:border-color .3s,background .3s,transform .3s;}\n.h-btn-outline:hover{border-color:var(--h-gb);background:rgba(240,192,64,.09);transform:translateY(-3px);}\n\n\/* Saint Barbara quote block *\/\n.h-patron{position:relative;margin-top:56px;padding:38px 50px 34px;\n border:1px solid rgba(240,192,64,.2);background:rgba(240,192,64,.04);\n opacity:0;animation:hFadeIn 1.2s ease forwards 1.3s;overflow:hidden;\n transition:background .4s;}\n.h-patron:hover{background:rgba(240,192,64,.07);}\n.h-patron::before,.h-patron::after{content:'';position:absolute;width:32px;height:32px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.h-patron::before{top:12px;left:12px;border-width:2px 0 0 2px;}\n.h-patron::after{bottom:12px;right:12px;border-width:0 2px 2px 0;}\n.h-patron-line{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--h-gb),transparent);\n animation:hBarP 3s ease-in-out infinite;}\n@keyframes hBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.h-patron-icon{font-size:1.8rem;display:block;margin-bottom:12px;\n filter:drop-shadow(0 0 12px rgba(240,192,64,.6));\n animation:hIconG 3s ease-in-out infinite alternate;}\n@keyframes hIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 20px rgba(240,192,64,.9))}}\n.h-patron-qmark{font-family:'Playfair Display',serif;font-size:4rem;line-height:0;\n vertical-align:-.4em;color:var(--h-gb);opacity:.2;display:inline;}\n.h-patron-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.9vw,1.3rem);\n font-style:italic;font-weight:300;color:var(--h-cr);line-height:1.8;margin:0 0 14px !important;}\n.h-patron-attr{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.28em;\n text-transform:uppercase;color:var(--h-gm);}\n\n@keyframes hFadeDown{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes hFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes hFadeIn{from{opacity:0}to{opacity:1}}\n\n@media(max-width:768px){\n .h-wrap{padding:0 24px;}\n .h-patron{padding:28px 22px;}\n .h-ctas{flex-direction:column;align-items:center;}\n}\n@media(max-width:480px){\n #sbmc-hero{padding:80px 0 90px !important;}\n .h-title .l2{font-size:2.6rem !important;}\n .h-title .l3{font-size:2.2rem !important;}\n .h-rose{width:320px !important;height:320px !important;}\n}\n<\/style>\n\n<section id=\"sbmc-hero\" aria-label=\"Support Our Mission \u2014 Hero\">\n <div class=\"h-arch\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 320 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs><linearGradient id=\"hag\" x1=\"0\" y1=\"0\" x2=\"320\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#9a6f2a\" stop-opacity=\"0\"\/>\n <stop offset=\".5\" stop-color=\"#f0c040\"\/>\n <stop offset=\"1\" stop-color=\"#9a6f2a\" stop-opacity=\"0\"\/>\n <\/linearGradient><\/defs>\n <path d=\"M0 0C80 0 120 60 160 60C200 60 240 0 320 0\" stroke=\"url(#hag)\" stroke-width=\"2\" opacity=\".6\"\/>\n <\/svg>\n <\/div>\n <canvas id=\"h-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"h-rays\" id=\"h-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"h-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(15 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(45 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(75 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(105 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(135 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(165 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(30 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(90 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(150 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(210 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(270 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(330 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"h-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"h-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"h-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"h-wrap\">\n <div class=\"h-eyebrow\" aria-hidden=\"true\">\n <span class=\"h-eline\"><\/span>\n <span class=\"h-etext\">Sta. Barbara Mission Center<\/span>\n <span class=\"h-eline r\"><\/span>\n <\/div>\n\n <h1 class=\"h-title\">\n <span class=\"l1\">Be Part of Something Sacred<\/span>\n <span class=\"l2\">Support Our<\/span>\n <span class=\"l3\">Mission<\/span>\n <\/h1>\n\n <p class=\"h-sub\">\n Your support \u2014 whether through prayer, service, or generosity \u2014 sustains the living\n mission of Christ in our community. Together, we build a stronger parish, a deeper\n faith, and a more compassionate world.\n <\/p>\n <p class=\"h-stmt\">\n Every act of giving is an act of worship. Every sacrifice of time is a prayer lived out.\n Every peso offered is a seed planted for the Kingdom of God.\n <\/p>\n\n <div class=\"h-orn\" aria-hidden=\"true\">\n <span class=\"h-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"h-orn-line r\"><\/span>\n <\/div>\n\n <div class=\"h-ctas\">\n <a href=\"#sbmc-ways\" class=\"h-btn-gold\">Support the Mission<\/a>\n <a href=\"#sbmc-impact\" class=\"h-btn-outline\">See Our Impact<\/a>\n <\/div>\n\n <blockquote class=\"h-patron\">\n <div class=\"h-patron-line\" aria-hidden=\"true\"><\/div>\n <span class=\"h-patron-icon\" aria-hidden=\"true\">\ud83c\udf39<\/span>\n <p class=\"h-patron-text\">\n <span class=\"h-patron-qmark\" aria-hidden=\"true\">“<\/span>\n Who shall separate us from the love of Christ? Neither tribulation, nor distress,\n nor danger \u2014 for in all these things we are more than conquerors through\n Him who loved us.\n <\/p>\n <footer class=\"h-patron-attr\">\u2014 Romans 8:35, 37 \u00b7 Patroness: Saint Barbara, Martyr<\/footer>\n <\/blockquote>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initHero(){\n var sec=document.getElementById('sbmc-hero'); if(!sec) return;\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('h-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=54;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||700;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){\n var w=document.getElementById('h-rays'); if(!w) return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.32).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){\n var w=document.getElementById('h-ptcl'); if(!w) return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n var syms=['\u2726','\u271d','\u2727','\u25c6','\u2720'];\n function spawn(type){\n var p=document.createElement('div');\n if(type==='cross'){p.className='h-cross';p.textContent=syms[Math.floor(Math.random()*syms.length)];p.style.cssText='left:'+(Math.random()*95).toFixed(1)+'%;bottom:-20px;font-size:'+(9+Math.random()*11).toFixed(0)+'px;animation-duration:'+(10+Math.random()*8).toFixed(1)+'s;animation-delay:'+(Math.random()*4).toFixed(2)+'s;';}\n else{p.className='h-pt';var sz=2+Math.random()*5,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*9).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';}\n w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},19000);\n }\n for(var i=0;i<14;i++)(function(n){setTimeout(function(){spawn(n%4===0?'cross':'dot');},n*280);})(i);\n setInterval(function(){spawn(Math.random()>.75?'cross':'dot');},1100);\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initHero);else initHero();\n})();\n<\/script>\n\n\n\n\n<style>\n#sbmc-ways {\n --w-pd: #1e0a3c; --w-pm: #3b1278; --w-gb: #f0c040;\n --w-gw: #d4982a; --w-gm: #9a6f2a; --w-cr: #f9f2e3;\n --w-wh: #ffffff; --w-tl: rgba(255,255,255,0.85); --w-tm: rgba(255,255,255,0.55);\n\n position:relative !important; width:100% !important;\n padding:110px 0 130px !important;\n background:linear-gradient(175deg,#120228 0%,#2a0d52 35%,#1a0435 65%,#0e0120 100%) !important;\n overflow:hidden !important; color:var(--w-wh) !important;\n font-family:'Inter',sans-serif !important; box-sizing:border-box !important;\n}\n#sbmc-ways *,#sbmc-ways *::before,#sbmc-ways *::after{box-sizing:border-box;}\n#sbmc-ways p{margin:0;padding:0;}\n#sbmc-ways h2,#sbmc-ways h3,#sbmc-ways h4{margin:0;padding:0;font-weight:inherit;}\n#sbmc-ways a{color:inherit;text-decoration:none;}\n\n#sbmc-ways::before{content:'';position:absolute;top:-80px;left:50%;\n transform:translateX(-50%);width:1100px;height:700px;\n background:radial-gradient(ellipse at 50% 20%,rgba(240,192,64,.13) 0%,rgba(107,53,184,.08) 40%,transparent 70%);\n pointer-events:none;z-index:0;animation:wGlow 7s ease-in-out infinite;}\n@keyframes wGlow{0%,100%{opacity:.7}50%{opacity:1}}\n\n#w-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.25;z-index:1;}\n.w-bd{position:absolute;top:0;bottom:0;width:5px;z-index:3;\n background:linear-gradient(180deg,transparent,var(--w-gb),var(--w-gw),transparent);\n animation:wBd 4s ease-in-out infinite alternate;}\n.w-bd.l{left:0}.w-bd.r{right:0;animation-delay:2s;}\n@keyframes wBd{from{opacity:.3}to{opacity:1}}\n.w-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.w-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.17),transparent);\n transform-origin:top center;animation:wRay 5s ease-in-out infinite;}\n@keyframes wRay{0%,100%{opacity:.18}50%{opacity:.78}}\n.w-rose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:780px;height:780px;opacity:.055;pointer-events:none;z-index:1;\n animation:wRose 100s linear infinite;}\n@keyframes wRose{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n#w-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.w-pt{position:absolute;border-radius:50%;pointer-events:none;animation:wPtD linear infinite;}\n@keyframes wPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* WRAP *\/\n.w-wrap{max-width:1140px;margin:0 auto;padding:0 36px;position:relative;z-index:10;}\n\n\/* Standard header elements *\/\n.w-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;opacity:0;animation:wFD .9s ease forwards .2s;}\n.w-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--w-gb));}\n.w-eline.r{background:linear-gradient(90deg,var(--w-gb),transparent);}\n.w-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--w-gb);}\n.w-headline{text-align:center;margin-bottom:14px;opacity:0;animation:wFD 1s ease forwards .4s;}\n.w-headline .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--w-wh);line-height:1.1;}\n.w-headline .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--w-gb);line-height:1.2;}\n.w-lead{text-align:center;max-width:680px;margin:0 auto 60px !important;font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);font-weight:300;color:var(--w-tl);line-height:1.85;opacity:0;animation:wFD 1s ease forwards .6s;}\n.w-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:64px;opacity:0;animation:wFI 1s ease forwards .8s;}\n.w-orn span{font-size:17px;color:var(--w-gb);line-height:1;}\n.w-orn-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--w-gm));}\n.w-orn-line.r{background:linear-gradient(90deg,var(--w-gm),transparent);}\n\n\/* SUPPORT OPTIONS \u2014 3-col grid *\/\n.w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:70px;}\n.w-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.16);\n padding:34px 26px 30px;overflow:hidden;\n opacity:0;transform:translateY(30px);\n transition:opacity .7s ease,transform .7s ease,background .4s,border-color .4s,box-shadow .4s;}\n#sbmc-ways.w-js .w-card{opacity:0;transform:translateY(30px);}\n#sbmc-ways.w-js .w-card.w-show{opacity:1;transform:translateY(0);}\n.w-card:hover{background:rgba(240,192,64,.07);border-color:rgba(240,192,64,.5);\n box-shadow:0 0 38px rgba(240,192,64,.14),inset 0 0 28px rgba(240,192,64,.04);\n transform:translateY(-6px) !important;}\n.w-card::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(240,192,64,.07),transparent);\n transition:left .6s ease;}\n.w-card:hover::before{left:160%;}\n.w-card::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);\n opacity:0;transition:opacity .4s;}\n.w-card:hover::after{opacity:1;}\n.w-cc-tl,.w-cc-br{position:absolute;width:14px;height:14px;border-color:rgba(240,192,64,.3);border-style:solid;}\n.w-cc-tl{top:8px;left:8px;border-width:1px 0 0 1px;}\n.w-cc-br{bottom:8px;right:8px;border-width:0 1px 1px 0;}\n.w-card-icon{display:inline-flex;align-items:center;justify-content:center;\n width:48px;height:48px;background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.25);\n border-radius:50%;font-size:1.3rem;margin-bottom:16px;\n filter:drop-shadow(0 0 8px rgba(240,192,64,.45));animation:wIconG 3s ease-in-out infinite alternate;}\n@keyframes wIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 18px rgba(240,192,64,.85))}}\n.w-card-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--w-wh);margin-bottom:10px;line-height:1.3;}\n.w-card-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:300;color:var(--w-tl);line-height:1.75;}\n\n\/* GIVING INFO \u2014 2-col panel *\/\n.w-giving{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:70px;}\n.w-giving-panel{position:relative;padding:40px 34px 36px;\n background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.2);overflow:hidden;\n opacity:0;transform:translateY(30px);\n transition:opacity .7s ease,transform .7s ease,background .4s;}\n#sbmc-ways.w-js .w-giving-panel{opacity:0;transform:translateY(30px);}\n#sbmc-ways.w-js .w-giving-panel.w-show{opacity:1;transform:translateY(0);}\n.w-giving-panel:hover{background:rgba(240,192,64,.06);}\n.w-giving-panel::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);opacity:0;transition:opacity .4s;}\n.w-giving-panel:hover::after{opacity:1;}\n.w-gp-tl,.w-gp-br{position:absolute;width:18px;height:18px;border-color:rgba(240,192,64,.35);border-style:solid;}\n.w-gp-tl{top:10px;left:10px;border-width:1px 0 0 1px;}\n.w-gp-br{bottom:10px;right:10px;border-width:0 1px 1px 0;}\n.w-panel-icon{font-size:1.6rem;display:block;margin-bottom:14px;filter:drop-shadow(0 0 10px rgba(240,192,64,.5));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-panel-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--w-gb);margin-bottom:16px;line-height:1.25;}\n.w-panel-row{display:flex;flex-direction:column;gap:12px;}\n.w-info-item{padding:14px 18px;background:rgba(240,192,64,.07);border:1px solid rgba(240,192,64,.18);position:relative;}\n.w-info-item::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--w-gb);opacity:.6;}\n.w-info-label{font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--w-gm);margin-bottom:4px;display:block;}\n.w-info-value{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--w-wh);}\n.w-info-note{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-weight:300;color:var(--w-tm);margin-top:2px !important;}\n.w-panel-contact{margin-top:16px;padding:16px 18px;border:1px solid rgba(240,192,64,.15);background:rgba(240,192,64,.04);}\n.w-panel-contact p{font-family:'Cormorant Garamond',serif;font-size:.98rem;font-weight:300;color:var(--w-tl);line-height:1.7;}\n.w-panel-contact a{color:var(--w-gb);border-bottom:1px solid rgba(240,192,64,.35);transition:border-color .3s;}\n.w-panel-contact a:hover{border-color:var(--w-gb);}\n.w-online-btn{display:inline-block;margin-top:18px;padding:12px 30px;\n background:linear-gradient(135deg,var(--w-gw),var(--w-gb));color:var(--w-pd) !important;\n font-family:'Inter',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;\n text-transform:uppercase;text-decoration:none !important;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px rgba(240,192,64,.3);}\n.w-online-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(240,192,64,.5);}\n\n\/* GRATITUDE BANNER *\/\n.w-gratitude{position:relative;text-align:center;padding:52px 60px 48px;\n border:1px solid rgba(240,192,64,.22);background:rgba(240,192,64,.04);\n margin-bottom:56px;overflow:hidden;\n opacity:0;animation:wFI 1.2s ease forwards 1.8s;\n transition:background .4s,transform .4s;}\n.w-gratitude:hover{background:rgba(240,192,64,.07);transform:translateY(-3px);}\n.w-gratitude::before,.w-gratitude::after{content:'';position:absolute;width:42px;height:42px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.w-gratitude::before{top:14px;left:14px;border-width:2px 0 0 2px;}\n.w-gratitude::after{bottom:14px;right:14px;border-width:0 2px 2px 0;}\n.w-grat-line{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--w-gb),transparent);\n animation:wBarP 3s ease-in-out infinite;}\n@keyframes wBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.w-grat-icon{font-size:2rem;display:block;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(240,192,64,.6));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-grat-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--w-gb);margin-bottom:16px;}\n.w-grat-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);font-weight:300;color:var(--w-tl);line-height:1.85;max-width:680px;margin:0 auto !important;}\n\n\/* CLOSING QUOTE + FINAL CTA *\/\n.w-closing{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px;}\n.w-close-quote{position:relative;padding:44px 40px 40px;\n border:1px solid rgba(240,192,64,.18);background:rgba(240,192,64,.03);overflow:hidden;\n opacity:0;animation:wFI 1.3s ease forwards 2s;\n transition:background .4s,transform .4s;}\n.w-close-quote:hover{background:rgba(240,192,64,.06);transform:translateY(-3px);}\n.w-close-quote::before,.w-close-quote::after{content:'';position:absolute;width:30px;height:30px;border-color:rgba(240,192,64,.4);border-style:solid;}\n.w-close-quote::before{top:10px;left:10px;border-width:1px 0 0 1px;}\n.w-close-quote::after{bottom:10px;right:10px;border-width:0 1px 1px 0;}\n.w-cq-mark{font-family:'Playfair Display',serif;font-size:4.5rem;line-height:0;vertical-align:-.42em;color:var(--w-gb);opacity:.2;display:block;margin-bottom:-2px;}\n.w-cq-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.25rem);font-style:italic;font-weight:300;color:var(--w-cr);line-height:1.78;margin-bottom:14px !important;}\n.w-cq-attr{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--w-gm);}\n.w-close-cta{padding:44px 40px;border:1px solid rgba(240,192,64,.18);background:rgba(240,192,64,.04);\n display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;\n opacity:0;animation:wFI 1.4s ease forwards 2.1s;\n transition:background .4s;}\n.w-close-cta:hover{background:rgba(240,192,64,.07);}\n.w-cta-icon{font-size:2rem;margin-bottom:16px;display:block;filter:drop-shadow(0 0 10px rgba(240,192,64,.6));animation:wIconG 3s ease-in-out infinite alternate;}\n.w-cta-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,1.6vw,1.12rem);font-weight:300;color:var(--w-tl);line-height:1.78;margin-bottom:24px !important;}\n.w-cta-btn{display:inline-block;padding:15px 40px;\n background:linear-gradient(135deg,var(--w-gw),var(--w-gb));color:var(--w-pd) !important;\n font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;\n text-transform:uppercase;text-decoration:none !important;border-radius:50px;\n transition:transform .3s,box-shadow .3s;box-shadow:0 5px 24px rgba(240,192,64,.38);\n position:relative;overflow:hidden;}\n.w-cta-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;}\n.w-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(240,192,64,.55);}\n.w-cta-btn:hover::after{left:100%;}\n\n\/* FINAL CLOSING STATEMENT *\/\n.w-final{text-align:center;padding:40px 30px;\n border-top:1px solid rgba(240,192,64,.12);\n opacity:0;animation:wFI 1.4s ease forwards 2.3s;}\n.w-final-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:300;font-style:italic;color:var(--w-tm);line-height:1.85;max-width:700px;margin:0 auto !important;}\n.w-final-text em{color:var(--w-gb);font-style:normal;}\n\n@keyframes wFD{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes wFI{from{opacity:0}to{opacity:1}}\n\n@media(max-width:1024px){.w-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:860px){.w-giving,.w-closing{grid-template-columns:1fr;}}\n@media(max-width:640px){.w-grid{grid-template-columns:1fr;}.w-gratitude{padding:36px 22px;}.w-wrap{padding:0 20px;}}\n@media(max-width:480px){#sbmc-ways{padding:80px 0 90px !important;}.w-rose{width:320px !important;height:320px !important;}}\n<\/style>\n\n<section id=\"sbmc-ways\" aria-label=\"Ways to Support Sta. Barbara Mission Center\">\n <canvas id=\"w-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"w-rays\" id=\"w-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"w-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(15 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(45 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(75 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(105 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(135 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(165 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(30 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(90 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(150 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(210 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(270 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(330 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"w-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"w-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"w-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"w-wrap\">\n <div class=\"w-eyebrow\" aria-hidden=\"true\">\n <span class=\"w-eline\"><\/span>\n <span class=\"w-etext\">Every Gift Matters. Every Soul Counts.<\/span>\n <span class=\"w-eline r\"><\/span>\n <\/div>\n <h2 class=\"w-headline\">\n <span class=\"l1\">Ways to Support<\/span>\n <span class=\"l2\">Sta. Barbara Mission Center<\/span>\n <\/h2>\n <p class=\"w-lead\">\n You can be part of this mission in many beautiful ways. Whether through generous giving,\n faithful prayer, volunteer service, or active ministry \u2014 every contribution\n strengthens the Body of Christ here in Casasahan.\n <\/p>\n <div class=\"w-orn\" aria-hidden=\"true\">\n <span class=\"w-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"w-orn-line r\"><\/span>\n <\/div>\n\n \n <div class=\"w-grid\" id=\"w-grid\">\n <article class=\"w-card\" data-delay=\"0\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\udc9b<\/div>\n <h3 class=\"w-card-title\">Financial Contributions<\/h3>\n <p class=\"w-card-text\">Your monetary gifts sustain our liturgical celebrations, formation programs, outreach activities, and church upkeep. Every peso is a prayer offered for the mission of Christ.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"120\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\ude4c<\/div>\n <h3 class=\"w-card-title\">Volunteer Service<\/h3>\n <p class=\"w-card-text\">Share your time and energy with our parish. From setting up for Mass to assisting in feeding programs, every hour of service given in love is a powerful witness of faith in action.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"240\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\u271d\ufe0f<\/div>\n <h3 class=\"w-card-title\">Ministry Participation<\/h3>\n <p class=\"w-card-text\">Join one of our active ministries \u2014 from the Liturgical Choir to the Legion of Mary, from the Youth Group to the Basic Ecclesial Communities \u2014 and use your gifts to serve God’s people.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"360\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83c\udf1f<\/div>\n <h3 class=\"w-card-title\">Event Sponsorship<\/h3>\n <p class=\"w-card-text\">Sponsor a parish feast, a youth retreat, a community feeding, or a catechetical seminar. Your generosity as a sponsor directly enables these life-changing events to take place.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"480\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83c\udfd8\ufe0f<\/div>\n <h3 class=\"w-card-title\">Community Outreach Assistance<\/h3>\n <p class=\"w-card-text\">Help us reach those at the margins \u2014 contribute goods, resources, or skills to our outreach programs. Your assistance puts the mercy of Christ into the hands of those who need it most.<\/p>\n <\/article>\n <article class=\"w-card\" data-delay=\"600\">\n <div class=\"w-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"w-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"w-card-icon\" aria-hidden=\"true\">\ud83d\ude4f<\/div>\n <h3 class=\"w-card-title\">Prayer Support<\/h3>\n <p class=\"w-card-text\">The most powerful thing you can offer is prayer. Lift up our mission, our ministers, and our community in your daily prayers \u2014 for the mission of the Church advances on its knees.<\/p>\n <\/article>\n <\/div>\n\n \n <div class=\"w-giving\" id=\"w-giving\">\n <div class=\"w-giving-panel\" data-gdelay=\"0\">\n <div class=\"w-gp-tl\" aria-hidden=\"true\"><\/div><div class=\"w-gp-br\" aria-hidden=\"true\"><\/div>\n <span class=\"w-panel-icon\" aria-hidden=\"true\">\ud83d\udcf1<\/span>\n <h3 class=\"w-panel-title\">Give via GCash & Online<\/h3>\n <div class=\"w-panel-row\">\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">GCash Number<\/span>\n <span class=\"w-info-value\"><a href=\"tel:+639562616212\">0956 261 6212<\/a><\/span>\n <p class=\"w-info-note\">Name: Jose Jay \u00b7 Sta. Barbara Mission Center<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Bank Account<\/span>\n <span class=\"w-info-value\">Account No: XXXX \u2014 XXXX \u2014 XXXX<\/span>\n <p class=\"w-info-note\">Bank: [Your Bank Name Here] \u00b7 Account Name: [Parish Name]<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Online Giving<\/span>\n <span class=\"w-info-value\">Visit our Online Giving Page<\/span>\n <p class=\"w-info-note\">Secure, fast, and convenient.<\/p>\n <\/div>\n <\/div>\n <a href=\"#\" class=\"w-online-btn\">Give Online Now<\/a>\n <\/div>\n\n <div class=\"w-giving-panel\" data-gdelay=\"150\">\n <div class=\"w-gp-tl\" aria-hidden=\"true\"><\/div><div class=\"w-gp-br\" aria-hidden=\"true\"><\/div>\n <span class=\"w-panel-icon\" aria-hidden=\"true\">\ud83d\udcde<\/span>\n <h3 class=\"w-panel-title\">Contact the Parish Office<\/h3>\n <div class=\"w-panel-row\">\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Parish Address<\/span>\n <span class=\"w-info-value\">Brgy. Casasahan, Gumaca, Quezon<\/span>\n <p class=\"w-info-note\">Sta. Barbara Mission Center<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Office Hours<\/span>\n <span class=\"w-info-value\">Mon \u2013 Sat \u00b7 8:00 AM \u2013 5:00 PM<\/span>\n <p class=\"w-info-note\">Closed on Sundays & Holy Days of Obligation<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Contact Person<\/span>\n <span class=\"w-info-value\">Jose Jay<\/span>\n <p class=\"w-info-note\">For inquiries, donations, and ministry matters<\/p>\n <\/div>\n <div class=\"w-info-item\">\n <span class=\"w-info-label\">Mobile Number<\/span>\n <span class=\"w-info-value\"><a href=\"tel:+639562616212\">0956 261 6212<\/a><\/span>\n <p class=\"w-info-note\">Call or text for assistance<\/p>\n <\/div>\n <\/div>\n <div class=\"w-panel-contact\">\n <p>For in-kind donations, volunteer coordination, or sponsorship inquiries,\n please reach our parish office directly or email us at\n <a href=\"mailto:info@stabarbara.org\">info@stabarbara.org<\/a>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-gratitude\">\n <div class=\"w-grat-line\" aria-hidden=\"true\"><\/div>\n <span class=\"w-grat-icon\" aria-hidden=\"true\">\ud83c\udf39<\/span>\n <h3 class=\"w-grat-title\">With Gratitude and Blessings<\/h3>\n <p class=\"w-grat-text\">\n To every parishioner who prays, every volunteer who serves, every donor who gives,\n and every partner who walks with us in mission \u2014 <em>salamat po<\/em>. Your generosity\n is not just a gift to us; it is a gift offered to God, returned to you a hundredfold\n in grace, joy, and the quiet joy of knowing you are part of something eternal.\n The entire Sta. Barbara Mission Center community holds you in prayer with deep\n gratitude and love.\n <\/p>\n <\/div>\n\n \n <div class=\"w-closing\">\n <blockquote class=\"w-close-quote\">\n <span class=\"w-cq-mark\" aria-hidden=\"true\">“<\/span>\n <p class=\"w-cq-text\">\n The generous will themselves be blessed,\n for they share their food with the poor.<br>\n Whoever sows generously will also reap generously \u2014\n and God is able to bless you abundantly.\n <\/p>\n <footer class=\"w-cq-attr\">\u2014 Proverbs 22:9 & 2 Corinthians 9:6, 8<\/footer>\n <\/blockquote>\n <div class=\"w-close-cta\">\n <span class=\"w-cta-icon\" aria-hidden=\"true\">\u271d\ufe0f<\/span>\n <p class=\"w-cta-text\">\n Every act of generosity, every hour of service, every whispered prayer\n helps further the mission of Christ through Sta. Barbara Mission Center.\n You are not just a supporter \u2014 you are a co-worker in the vineyard of the Lord.\n <\/p>\n <a href=\"#sbmc-hero\" class=\"w-cta-btn\">Be Part of the Mission<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"w-final\">\n <p class=\"w-final-text\">\n May Saint Barbara, courageous martyr and faithful witness, intercede for all who\n support this mission \u2014 and may God, who sees every act of love done in secret,\n reward you with <em>peace, grace, and eternal life<\/em>.\n <br><br>\n <em>Ad Majorem Dei Gloriam \u2014 For the Greater Glory of God.<\/em>\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initWays(){\n var sec=document.getElementById('sbmc-ways'); if(!sec) return;\n sec.classList.add('w-js');\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('w-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=52;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||1000;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){var w=document.getElementById('w-rays');if(!w)return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.3).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){var w=document.getElementById('w-ptcl');if(!w)return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n function spawn(){var p=document.createElement('div');p.className='w-pt';var sz=2+Math.random()*6,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*10).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},18000);}\n for(var i=0;i<14;i++)(function(n){setTimeout(spawn,n*300);})(i);\n setInterval(spawn,1200);\n })();\n \/* Scroll reveal \u2014 support cards *\/\n (function(){\n var items=sec.querySelectorAll('.w-card');if(!items.length)return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-delay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('w-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n items.forEach(function(c){io.observe(c);});\n }else{items.forEach(function(c){c.classList.add('w-show');});}\n })();\n \/* Scroll reveal \u2014 giving panels *\/\n (function(){\n var panels=sec.querySelectorAll('.w-giving-panel');if(!panels.length)return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-gdelay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('w-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n panels.forEach(function(p){io.observe(p);});\n }else{panels.forEach(function(p){p.classList.add('w-show');});}\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initWays);else initWays();\n})();\n<\/script>\n<\/body>\n<\/html><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-0f5f716b alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Building Faith, Strengthening Community \u00b7 Sta. Barbara Mission Center<\/title>\n<\/head>\n<body style=\"margin:0;padding:0;background:#0e0120;\">\n SECTION 2 OF 3 \u2014 BUILDING FAITH, STRENGTHENING COMMUNITY\n Paste this entire block into Elementor Custom HTML Widget 2\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n#sbmc-impact {\n --i-pd: #1e0a3c; --i-pm: #3b1278; --i-gb: #f0c040;\n --i-gw: #d4982a; --i-gm: #9a6f2a; --i-cr: #f9f2e3;\n --i-wh: #ffffff; --i-tl: rgba(255,255,255,0.85); --i-tm: rgba(255,255,255,0.55);\n\n position:relative !important; width:100% !important;\n padding:110px 0 130px !important;\n background:linear-gradient(170deg,#0e0120 0%,#1a0435 30%,#2a0d52 60%,#120228 100%) !important;\n overflow:hidden !important; color:var(--i-wh) !important;\n font-family:'Inter',sans-serif !important; box-sizing:border-box !important;\n}\n#sbmc-impact *,#sbmc-impact *::before,#sbmc-impact *::after{box-sizing:border-box;}\n#sbmc-impact p{margin:0;padding:0;}\n#sbmc-impact h2,#sbmc-impact h3{margin:0;padding:0;font-weight:inherit;}\n\n#sbmc-impact::before{content:'';position:absolute;top:-60px;left:50%;\n transform:translateX(-50%);width:1000px;height:600px;\n background:radial-gradient(ellipse at 50% 20%,rgba(240,192,64,.11) 0%,rgba(107,53,184,.07) 40%,transparent 70%);\n pointer-events:none;z-index:0;animation:iGlow 8s ease-in-out infinite;}\n@keyframes iGlow{0%,100%{opacity:.6}50%{opacity:1}}\n\n#i-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.22;z-index:1;}\n.i-bd{position:absolute;top:0;bottom:0;width:5px;z-index:3;\n background:linear-gradient(180deg,transparent,var(--i-gb),var(--i-gw),transparent);\n animation:iBd 4s ease-in-out infinite alternate;}\n.i-bd.l{left:0}.i-bd.r{right:0;animation-delay:2s;}\n@keyframes iBd{from{opacity:.3}to{opacity:1}}\n.i-rays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}\n.i-rays span{position:absolute;top:-60px;width:1px;height:130%;\n background:linear-gradient(180deg,rgba(240,192,64,.16),transparent);\n transform-origin:top center;animation:iRay 5s ease-in-out infinite;}\n@keyframes iRay{0%,100%{opacity:.15}50%{opacity:.7}}\n.i-rose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:750px;height:750px;opacity:.05;pointer-events:none;z-index:1;\n animation:iRose 110s linear infinite;}\n@keyframes iRose{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}\n#i-ptcl{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n.i-pt{position:absolute;border-radius:50%;pointer-events:none;animation:iPtD linear infinite;}\n@keyframes iPtD{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-110vh) rotate(360deg);opacity:0}}\n\n\/* WRAP *\/\n.i-wrap{max-width:1140px;margin:0 auto;padding:0 36px;position:relative;z-index:10;}\n\n\/* Eyebrow *\/\n.i-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;\n opacity:0;animation:iFD .9s ease forwards .2s;}\n.i-eline{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--i-gb));}\n.i-eline.r{background:linear-gradient(90deg,var(--i-gb),transparent);}\n.i-etext{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--i-gb);}\n\n.i-headline{text-align:center;margin-bottom:14px;opacity:0;animation:iFD 1s ease forwards .4s;}\n.i-headline .l1{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--i-wh);line-height:1.1;}\n.i-headline .l2{display:block;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;font-style:italic;color:var(--i-gb);line-height:1.2;}\n.i-lead{text-align:center;max-width:700px;margin:0 auto 60px !important;\n font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.8vw,1.22rem);\n font-weight:300;color:var(--i-tl);line-height:1.85;\n opacity:0;animation:iFD 1s ease forwards .6s;}\n.i-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:64px;\n opacity:0;animation:iFI 1s ease forwards .8s;}\n.i-orn span{font-size:17px;color:var(--i-gb);line-height:1;}\n.i-orn-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--i-gm));}\n.i-orn-line.r{background:linear-gradient(90deg,var(--i-gm),transparent);}\n\n\/* CARDS GRID *\/\n.i-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:70px;}\n.i-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(240,192,64,.16);\n padding:36px 28px 32px;overflow:hidden;\n opacity:0;transform:translateY(32px);\n transition:opacity .7s ease,transform .7s ease,background .4s,border-color .4s,box-shadow .4s;}\n#sbmc-impact.i-js .i-card{opacity:0;transform:translateY(32px);}\n#sbmc-impact.i-js .i-card.i-show{opacity:1;transform:translateY(0);}\n.i-card:hover{background:rgba(240,192,64,.07);border-color:rgba(240,192,64,.5);\n box-shadow:0 0 40px rgba(240,192,64,.14),inset 0 0 28px rgba(240,192,64,.04);\n transform:translateY(-6px) !important;}\n.i-card::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;\n background:linear-gradient(90deg,transparent,rgba(240,192,64,.07),transparent);\n transition:left .6s ease;}\n.i-card:hover::before{left:160%;}\n.i-card::after{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;\n background:linear-gradient(90deg,transparent,var(--i-gb),transparent);\n opacity:0;transition:opacity .4s;}\n.i-card:hover::after{opacity:1;}\n.i-cc-tl,.i-cc-br{position:absolute;width:14px;height:14px;border-color:rgba(240,192,64,.3);border-style:solid;}\n.i-cc-tl{top:8px;left:8px;border-width:1px 0 0 1px;}\n.i-cc-br{bottom:8px;right:8px;border-width:0 1px 1px 0;}\n.i-card-icon{display:inline-flex;align-items:center;justify-content:center;\n width:50px;height:50px;background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.25);\n border-radius:50%;font-size:1.4rem;margin-bottom:18px;\n filter:drop-shadow(0 0 8px rgba(240,192,64,.45));\n animation:iIconG 3s ease-in-out infinite alternate;}\n@keyframes iIconG{from{filter:drop-shadow(0 0 5px rgba(240,192,64,.3))}to{filter:drop-shadow(0 0 18px rgba(240,192,64,.85))}}\n.i-card-title{font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:700;\n color:var(--i-wh);margin-bottom:12px;line-height:1.3;}\n.i-card-text{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:300;\n color:var(--i-tl);line-height:1.75;}\n.i-card-impact{display:inline-block;margin-top:14px;font-family:'Inter',sans-serif;\n font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--i-gb);}\n\n\/* FEATURED QUOTE *\/\n.i-quote{position:relative;text-align:center;padding:54px 60px 50px;\n border:1px solid rgba(240,192,64,.22);background:rgba(240,192,64,.04);\n margin-bottom:0;overflow:hidden;\n opacity:0;animation:iFI 1.2s ease forwards 1.6s;\n transition:background .4s,transform .4s;}\n.i-quote:hover{background:rgba(240,192,64,.07);transform:translateY(-3px);}\n.i-quote::before,.i-quote::after{content:'';position:absolute;width:44px;height:44px;\n border-color:rgba(240,192,64,.5);border-style:solid;}\n.i-quote::before{top:14px;left:14px;border-width:2px 0 0 2px;}\n.i-quote::after{bottom:14px;right:14px;border-width:0 2px 2px 0;}\n.i-quote-top{position:absolute;top:0;left:20%;right:20%;height:2px;\n background:linear-gradient(90deg,transparent,var(--i-gb),transparent);\n animation:iBarP 3s ease-in-out infinite;}\n@keyframes iBarP{0%,100%{opacity:.4}50%{opacity:1}}\n.i-qmark{font-family:'Playfair Display',serif;font-size:5rem;line-height:0;\n vertical-align:-.42em;color:var(--i-gb);opacity:.2;display:block;margin-bottom:-4px;}\n.i-qtext{font-family:'Cormorant Garamond',serif;font-size:clamp(1.2rem,2.2vw,1.6rem);\n font-style:italic;font-weight:300;color:var(--i-cr);line-height:1.78;margin-bottom:18px !important;}\n.i-qattr{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--i-gm);}\n\n@keyframes iFD{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes iFI{from{opacity:0}to{opacity:1}}\n\n@media(max-width:1024px){.i-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:640px){.i-grid{grid-template-columns:1fr;}.i-quote{padding:36px 22px;}.i-wrap{padding:0 20px;}}\n@media(max-width:480px){#sbmc-impact{padding:80px 0 90px !important;}.i-rose{width:320px !important;height:320px !important;}}\n<\/style>\n\n<section id=\"sbmc-impact\" aria-label=\"Building Faith, Strengthening Community\">\n <canvas id=\"i-canvas\" aria-hidden=\"true\"><\/canvas>\n <div class=\"i-rays\" id=\"i-rays\" aria-hidden=\"true\"><\/div>\n <svg class=\"i-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=\"#f0c040\" stroke-width=\"1.2\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"155\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"110\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"66\" stroke=\"#f0c040\" stroke-width=\".8\"\/>\n <circle cx=\"200\" cy=\"200\" r=\"28\" stroke=\"#f0c040\" stroke-width=\"1\"\/>\n <g stroke=\"#f0c040\" stroke-width=\".7\">\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(0 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(30 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(60 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(90 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(120 200 200)\"\/>\n <line x1=\"200\" y1=\"8\" x2=\"200\" y2=\"392\" transform=\"rotate(150 200 200)\"\/>\n <\/g>\n <g fill=\"rgba(240,192,64,0.05)\" stroke=\"#f0c040\" stroke-width=\".7\">\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(0 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(60 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(120 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(180 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(240 200 200)\"\/>\n <ellipse cx=\"200\" cy=\"122\" rx=\"16\" ry=\"40\" transform=\"rotate(300 200 200)\"\/>\n <\/g>\n <\/svg>\n <div class=\"i-bd l\" aria-hidden=\"true\"><\/div>\n <div class=\"i-bd r\" aria-hidden=\"true\"><\/div>\n <div id=\"i-ptcl\" aria-hidden=\"true\"><\/div>\n\n <div class=\"i-wrap\">\n <div class=\"i-eyebrow\" aria-hidden=\"true\">\n <span class=\"i-eline\"><\/span>\n <span class=\"i-etext\">Your Impact in Our Community<\/span>\n <span class=\"i-eline r\"><\/span>\n <\/div>\n <h2 class=\"i-headline\">\n <span class=\"l1\">Building Faith,<\/span>\n <span class=\"l2\">Strengthening Community<\/span>\n <\/h2>\n <p class=\"i-lead\">\n Every act of support \u2014 your time, talent, and treasure \u2014 breathes life into\n the ministries and programs that make Sta. Barbara Mission Center a true home\n of faith, service, and belonging for every soul in our community.\n <\/p>\n <div class=\"i-orn\" aria-hidden=\"true\">\n <span class=\"i-orn-line\"><\/span>\n <span>\u2726<\/span><span>\u271d<\/span><span>\u2726<\/span>\n <span class=\"i-orn-line r\"><\/span>\n <\/div>\n\n <div class=\"i-grid\" id=\"i-grid\">\n <article class=\"i-card\" data-delay=\"0\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\u26ea<\/div>\n <h3 class=\"i-card-title\">Worship & Liturgical Celebrations<\/h3>\n <p class=\"i-card-text\">From daily Mass to the great feasts of the liturgical year, your support ensures that every celebration of the Eucharist is worthy, reverent, and open to all parishioners \u2014 especially the most vulnerable.<\/p>\n <span class=\"i-card-impact\">Uplifts the entire parish community<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"120\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\n <h3 class=\"i-card-title\">Youth & Family Formation<\/h3>\n <p class=\"i-card-text\">Our formation programs nurture the faith of children, teens, and families \u2014 equipping the next generation with the values, knowledge, and love of God they need to thrive in today's world.<\/p>\n <span class=\"i-card-impact\">Shapes hearts for a lifetime<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"240\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83e\udd1d<\/div>\n <h3 class=\"i-card-title\">Community Outreach Programs<\/h3>\n <p class=\"i-card-text\">We reach beyond the chapel walls to serve the hungry, the sick, and the marginalized through feeding missions, medical outreach, and community assistance programs grounded in the love of Christ.<\/p>\n <span class=\"i-card-impact\">Serves the least of our brothers<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"360\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83c\udfd7\ufe0f<\/div>\n <h3 class=\"i-card-title\">Church Development Projects<\/h3>\n <p class=\"i-card-text\">The Mission Center is a living structure that must grow with its community. Your generosity funds maintenance, improvements, and expansion projects that give God a worthy dwelling place among us.<\/p>\n <span class=\"i-card-impact\">Builds a home for generations<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"480\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83d\udcd6<\/div>\n <h3 class=\"i-card-title\">Catechetical Activities<\/h3>\n <p class=\"i-card-text\">Catechism classes, Bible studies, and sacramental preparation programs form disciples at every stage of life \u2014 from the very young receiving First Communion to adults deepening their faith journey.<\/p>\n <span class=\"i-card-impact\">Roots faith in truth and love<\/span>\n <\/article>\n <article class=\"i-card\" data-delay=\"600\">\n <div class=\"i-cc-tl\" aria-hidden=\"true\"><\/div><div class=\"i-cc-br\" aria-hidden=\"true\"><\/div>\n <div class=\"i-card-icon\" aria-hidden=\"true\">\ud83c\udf8a<\/div>\n <h3 class=\"i-card-title\">Parish Events & Gatherings<\/h3>\n <p class=\"i-card-text\">From fiesta celebrations to prayer nights and community meals, our parish events foster bonds of friendship and fellowship that transform a group of neighbors into a true family of faith.<\/p>\n <span class=\"i-card-impact\">Unites us as one family<\/span>\n <\/article>\n <\/div>\n\n <blockquote class=\"i-quote\">\n <div class=\"i-quote-top\" aria-hidden=\"true\"><\/div>\n <span class=\"i-qmark\" aria-hidden=\"true\">\"<\/span>\n <p class=\"i-qtext\">\n Like living stones, let yourselves be built into a spiritual house,\n to be a holy priesthood offering spiritual sacrifices acceptable to God\n through Jesus Christ.\n <\/p>\n <footer class=\"i-qattr\">\u2014 1 Peter 2:5 \u00b7 The Heart of Our Mission<\/footer>\n <\/blockquote>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n 'use strict';\n function initImpact(){\n var sec=document.getElementById('sbmc-impact'); if(!sec) return;\n sec.classList.add('i-js');\n \/* Canvas *\/\n (function(){\n var c=document.getElementById('i-canvas'); if(!c) return;\n var ctx=c.getContext('2d'),W=0,H=0,tiles=[],raf;\n var COLS=['rgba(107,53,184,','rgba(59,18,120,','rgba(240,192,64,','rgba(212,152,42,','rgba(154,111,42,','rgba(180,80,200,','rgba(30,10,60,','rgba(90,20,150,'];\n function Tile(x,y,s){this.x=x;this.y=y;this.s=s;this.col=COLS[Math.floor(Math.random()*COLS.length)];this.ph=Math.random()*Math.PI*2;this.sp=Math.random()*.004+.001;}\n Tile.prototype.draw=function(t){var a=.04+.4*(.5+.5*Math.sin(t*this.sp+this.ph));ctx.fillStyle=this.col+a+')';ctx.fillRect(this.x+1,this.y+1,this.s-2,this.s-2);};\n function build(){tiles=[];var S=52;for(var x=0;x<W;x+=S)for(var y=0;y<H;y+=S)tiles.push(new Tile(x,y,S));}\n function resize(){W=c.width=sec.offsetWidth||window.innerWidth;H=c.height=sec.offsetHeight||900;build();}\n var p=0;function ws(){if(sec.offsetWidth>0&&sec.offsetHeight>0){resize();var t=0;(function l(){ctx.clearRect(0,0,W,H);t++;for(var i=0;i<tiles.length;i++)tiles[i].draw(t);raf=requestAnimationFrame(l);})();}else if(p++<30)setTimeout(ws,100);}\n ws(); window.addEventListener('resize',function(){cancelAnimationFrame(raf);resize();});\n })();\n \/* Rays *\/\n (function(){var w=document.getElementById('i-rays'); if(!w) return;\n for(var i=0;i<16;i++){var s=document.createElement('span');s.style.cssText='left:'+(25+(50\/16)*i).toFixed(1)+'%;transform:rotate('+(-45+(90\/16)*i).toFixed(1)+'deg);animation-delay:'+(i*.3).toFixed(2)+'s;animation-duration:'+(4+Math.random()*4).toFixed(1)+'s;opacity:'+(0.1+Math.random()*.2).toFixed(2)+';';w.appendChild(s);}\n })();\n \/* Particles *\/\n (function(){var w=document.getElementById('i-ptcl'); if(!w) return;\n var cols=['rgba(240,192,64,','rgba(180,80,200,','rgba(107,53,184,','rgba(255,255,255,'];\n function spawn(){var p=document.createElement('div');p.className='i-pt';var sz=2+Math.random()*6,col=cols[Math.floor(Math.random()*cols.length)],al=(0.3+Math.random()*.5).toFixed(2);p.style.cssText='width:'+sz.toFixed(1)+'px;height:'+sz.toFixed(1)+'px;left:'+(Math.random()*100).toFixed(1)+'%;bottom:-10px;background:'+col+al+');animation-duration:'+(8+Math.random()*10).toFixed(1)+'s;animation-delay:'+(Math.random()*3).toFixed(2)+'s;box-shadow:0 0 '+(sz*2).toFixed(0)+'px '+col+'0.6);';w.appendChild(p);setTimeout(function(){if(p.parentNode)p.parentNode.removeChild(p);},18000);}\n for(var i=0;i<14;i++)(function(n){setTimeout(spawn,n*300);})(i);\n setInterval(spawn,1200);\n })();\n \/* Scroll reveal cards *\/\n (function(){\n var cards=sec.querySelectorAll('.i-card'); if(!cards.length) return;\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(!e.isIntersecting)return;var d=parseInt(e.target.getAttribute('data-delay')||'0',10);(function(el,dl){setTimeout(function(){el.classList.add('i-show');},dl);})(e.target,d);io.unobserve(e.target);});},{threshold:.1});\n cards.forEach(function(c){io.observe(c);});\n }else{cards.forEach(function(c){c.classList.add('i-show');});}\n })();\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',initImpact);else initImpact();\n})();\n<\/script>\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\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<\/body>\n<\/html><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Donate - STA Barbara Mission Center","description":""},"footnotes":""},"class_list":["post-24","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\/casasahanibaba\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":7,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":727,"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/pages\/24\/revisions\/727"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/casasahanibaba\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}