{"id":28,"date":"2026-03-13T07:30:08","date_gmt":"2026-03-13T07:30:08","guid":{"rendered":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/?page_id=28"},"modified":"2026-07-11T13:19:21","modified_gmt":"2026-07-11T05:19:21","slug":"home","status":"publish","type":"page","link":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-edfb2241 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.sag-hero * { padding:0; box-sizing:border-box; margin:0; }\n.sag-hero {\n  --cream:#faf8f5; --ivory:#f3ede4; --parchment:#ebe5da;\n  --sky-300:#7ec8e3; --sky-400:#4aabd0; --sky-500:#2980b9;\n  --navy:#1a365d; --navy-dark:#0f2640; --navy-deep:#091c30;\n  --gold:#c9a84c; --gold-light:#e2cc7e;\n  --white:#ffffff; --shadow-lg:0 16px 50px rgba(26,54,93,.12);\n  font-family:'Lora',Georgia,serif; position:relative;\n  width:100%; overflow-x:hidden;\n}\n.sag-hero a { text-decoration:none !important; }\n\n.sag-hero-section {\n  min-height:100vh; min-height:100dvh;\n  display:flex; align-items:center;\n  position:relative; overflow:hidden;\n  background:var(--navy-deep);\n}\n.sag-hero-bg {\n  position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 80% 60% at 30% 40%,rgba(142,200,237,.08) 0%,transparent 60%),\n    radial-gradient(ellipse 60% 80% at 70% 60%,rgba(52,152,219,.06) 0%,transparent 50%),\n    linear-gradient(170deg,#091c30 0%,#0f2640 30%,#1a365d 70%,#2176ae 100%);\n}\n.sag-hero-pattern {\n  position:absolute; inset:0; opacity:.03;\n  background-image:\n    linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);\n  background-size:60px 60px;\n}\n.sag-hero-inner {\n  position:relative; z-index:2;\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:clamp(2rem,4vw,4rem); align-items:center;\n  max-width:1200px; margin:0 auto;\n  padding:clamp(80px,12vh,120px) clamp(1rem,4vw,2rem) clamp(60px,10vh,100px);\n}\n.sag-hero-content { max-width:520px; }\n.sag-hero-eyebrow {\n  font-family:'Cinzel',serif; font-size:clamp(.55rem,.7vw,.65rem); font-weight:500;\n  letter-spacing:.4em; text-transform:uppercase; color:var(--gold-light);\n  margin-bottom:1.4rem; opacity:0; animation:sagH-slideIn .7s ease forwards .3s;\n}\n.sag-hero-title {\n  font-family:'Cinzel',serif; font-weight:700;\n  font-size:clamp(2rem,5vw,3.8rem);\n  color:var(--white); line-height:1.1; letter-spacing:.02em;\n  opacity:0; animation:sagH-slideIn .9s ease forwards .5s;\n}\n.sag-hero-title em { font-style:italic; color:var(--sky-300); display:block; }\n.sag-hero-desc {\n  font-size:clamp(.92rem,1.1vw,1.05rem); font-style:italic;\n  color:rgba(255,255,255,.55); line-height:1.8;\n  margin:1.8rem 0 2.4rem;\n  opacity:0; animation:sagH-slideIn .7s ease forwards .7s;\n}\n.sag-hero-btns {\n  display:flex; gap:12px; flex-wrap:wrap;\n  opacity:0; animation:sagH-slideIn .7s ease forwards .9s;\n}\n.sag-hero-btn-primary {\n  font-family:'Cinzel',serif; font-size:clamp(.6rem,.75vw,.72rem); font-weight:600;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--navy-dark); background:var(--gold);\n  padding:clamp(10px,1.4vw,14px) clamp(20px,3vw,32px);\n  border-radius:4px; border:none; cursor:pointer; display:inline-block;\n  transition:background .3s, transform .2s, box-shadow .3s;\n  box-shadow:0 4px 14px rgba(201,168,76,.3);\n}\n.sag-hero-btn-primary:hover {\n  background:var(--gold-light); transform:translateY(-2px);\n  box-shadow:0 8px 24px rgba(201,168,76,.4); color:var(--navy-dark) !important;\n}\n.sag-hero-btn-ghost {\n  font-family:'Cinzel',serif; font-size:clamp(.6rem,.75vw,.72rem); font-weight:500;\n  letter-spacing:.1em; text-transform:uppercase;\n  color:var(--white); border:1.5px solid rgba(255,255,255,.35);\n  padding:clamp(9px,1.3vw,13px) clamp(18px,2.5vw,28px);\n  border-radius:4px; display:inline-block; transition:all .3s; cursor:pointer; background:transparent;\n}\n.sag-hero-btn-ghost:hover {\n  background:rgba(255,255,255,.1); border-color:var(--white); color:var(--white) !important;\n}\n.sag-hero-image-wrap {\n  position:relative; border-radius:12px; overflow:hidden;\n  box-shadow:var(--shadow-lg);\n  opacity:0; animation:sagH-scaleIn 1s ease forwards .5s;\n}\n.sag-hero-image-wrap img {\n  width:100%; height:auto; aspect-ratio:4\/5;\n  object-fit:cover; display:block;\n  transition:transform .6s ease;\n}\n.sag-hero-image-wrap:hover img { transform:scale(1.03); }\n.sag-hero-image-wrap::after {\n  content:''; position:absolute; inset:0;\n  background:linear-gradient(to top,rgba(9,28,48,.45) 0%,transparent 50%);\n  pointer-events:none;\n}\n.sag-hero-badge {\n  position:absolute; bottom:clamp(14px,2vw,20px); right:clamp(14px,2vw,20px);\n  background:rgba(201,168,76,.92); color:var(--navy-dark);\n  padding:clamp(8px,1vw,10px) clamp(12px,1.8vw,18px);\n  border-radius:8px; z-index:3;\n  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);\n}\n.sag-hero-badge strong {\n  font-family:'Cinzel',serif; font-size:clamp(.55rem,.7vw,.65rem); font-weight:600;\n  letter-spacing:.1em; text-transform:uppercase; display:block;\n}\n.sag-hero-badge small { font-size:clamp(.65rem,.8vw,.78rem); opacity:.7; }\n\n@keyframes sagH-slideIn { from{opacity:0;transform:translateX(-30px)} to{opacity:1;transform:translateX(0)} }\n@keyframes sagH-scaleIn  { from{opacity:0;transform:scale(.92)} to{opacity:1;transform:scale(1)} }\n\n@media(max-width:968px) {\n  .sag-hero-inner {\n    grid-template-columns:1fr; text-align:center;\n    padding-top:clamp(100px,14vh,140px);\n    padding-bottom:clamp(60px,8vh,100px);\n  }\n  .sag-hero-content { max-width:100%; display:flex; flex-direction:column; align-items:center; }\n  .sag-hero-btns { justify-content:center; }\n  .sag-hero-image-wrap { max-width:420px; width:85%; margin:0 auto; order:-1; }\n  .sag-hero-image-wrap img { aspect-ratio:16\/10; }\n}\n@media(max-width:640px) {\n  .sag-hero-inner { gap:1.8rem; padding:clamp(80px,12vh,110px) 1.2rem 60px; }\n  .sag-hero-title { font-size:1.75rem; }\n  .sag-hero-desc { font-size:.88rem; margin:1.2rem 0 1.8rem; }\n  .sag-hero-eyebrow { font-size:.52rem; letter-spacing:.3em; margin-bottom:1rem; }\n  .sag-hero-btns { flex-direction:column; align-items:stretch; gap:10px; }\n  .sag-hero-btn-primary, .sag-hero-btn-ghost { text-align:center; width:100%; }\n  .sag-hero-image-wrap { width:90%; max-width:340px; }\n  .sag-hero-image-wrap img { aspect-ratio:3\/4; }\n}\n@media(max-width:380px) {\n  .sag-hero-inner { padding:70px 1rem 50px; gap:1.4rem; }\n  .sag-hero-title { font-size:1.5rem; }\n  .sag-hero-desc { font-size:.82rem; }\n  .sag-hero-image-wrap { width:92%; max-width:280px; }\n}\n@media(max-height:500px) and (orientation:landscape) {\n  .sag-hero-section { min-height:auto; }\n  .sag-hero-inner { grid-template-columns:1fr 1fr; padding:60px 2rem 50px; gap:2rem; text-align:left; }\n  .sag-hero-content { align-items:flex-start; }\n  .sag-hero-btns { justify-content:flex-start; }\n  .sag-hero-image-wrap { max-width:none; width:100%; order:0; }\n  .sag-hero-image-wrap img { aspect-ratio:4\/3; }\n  .sag-hero-title { font-size:1.6rem; }\n  .sag-hero-desc { font-size:.85rem; margin:1rem 0 1.4rem; }\n  .sag-hero-eyebrow { font-size:.5rem; margin-bottom:.8rem; }\n}\n@media(min-width:1400px) {\n  .sag-hero-inner { max-width:1360px; gap:5rem; }\n  .sag-hero-content { max-width:560px; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-hero *, .sag-hero *::before, .sag-hero *::after {\n    animation-duration:.01ms !important; animation-delay:0ms !important; transition-duration:.01ms !important;\n  }\n}\n<\/style>\n\n<div class=\"sag-hero\">\n  <section class=\"sag-hero-section\">\n    <div class=\"sag-hero-bg\"><\/div>\n    <div class=\"sag-hero-pattern\"><\/div>\n    <div class=\"sag-hero-inner\">\n      <div class=\"sag-hero-content\">\n        <p class=\"sag-hero-eyebrow\">Welcoming all in the name of Christ<\/p>\n        <h1 class=\"sag-hero-title\">St. Aloysius<em>Gonzaga Parish<\/em><\/h1>\n        <p class=\"sag-hero-desc\">A community rooted in faith, united in prayer, and devoted to serving one another through the grace of the sacraments. All are welcome at the Lord&#8217;s table.<\/p>\n        <div class=\"sag-hero-btns\">\n          <a href=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/contact-us\/\" class=\"sag-hero-btn-primary\">Join Us for Mass<\/a>\n          <a href=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/about-us\/\" class=\"sag-hero-btn-ghost\">Learn More<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"sag-hero-image-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/church-history.png\" alt=\"St. Aloysius Gonzaga Parish church history\" loading=\"eager\" \/>\n        <div class=\"sag-hero-badge\"><strong>Est. 1904<\/strong><small>Guinayangan, Quezon<\/small><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-e246cc13 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.sag-about * { margin:0; padding:0; box-sizing:border-box; }\n.sag-about {\n  --cream:#faf8f5; --ivory:#f3ede4; --parchment:#ebe5da;\n  --sky-50:#f0f7fc; --sky-100:#dceef8; --sky-200:#b8dff0;\n  --sky-300:#7ec8e3; --sky-400:#4aabd0; --sky-500:#2980b9;\n  --navy:#1a365d; --gold:#c9a84c; --gold-light:#e2cc7e;\n  --text:#2d3748; --text-muted:#6b7c8f; --white:#ffffff;\n  --shadow-sm:0 2px 8px rgba(26,54,93,.06);\n  --shadow-md:0 8px 30px rgba(26,54,93,.1);\n  font-family:'Lora',Georgia,serif; color:var(--text); position:relative;\n}\n.sag-about a { text-decoration:none !important; }\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.sag-about-section {\n  background:var(--white);\n  padding:clamp(60px,10vw,100px) 0;\n}\n.sag-about-container {\n  max-width:1200px; margin:0 auto; padding:0 clamp(1rem,3vw,2rem);\n}\n.sag-about-grid {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:clamp(2rem,4vw,4rem); align-items:center;\n}\n\n\/* \u2500\u2500 Carousel \u2500\u2500 *\/\n.sag-about-carousel {\n  position:relative; overflow:hidden; border-radius:12px;\n  box-shadow:var(--shadow-md);\n}\n.sag-about-track {\n  display:flex; transition:transform .5s ease;\n}\n.sag-about-slide {\n  min-width:100%; aspect-ratio:4\/3;\n  position:relative; cursor:pointer; overflow:hidden;\n}\n.sag-about-slide img {\n  width:100%; height:100%; object-fit:cover; display:block;\n  transition:transform .6s ease;\n}\n.sag-about-slide:hover img { transform:scale(1.04); }\n\n\/* Zoom hint overlay *\/\n.sag-about-slide::after {\n  content:'';\n  position:absolute; inset:0;\n  background:rgba(9,28,48,0);\n  transition:background .3s;\n  pointer-events:none;\n}\n.sag-about-slide:hover::after {\n  background:rgba(9,28,48,.15);\n}\n.sag-about-zoom-icon {\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%,-50%) scale(0);\n  width:48px; height:48px; border-radius:50%;\n  background:rgba(255,255,255,.92);\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 4px 20px rgba(0,0,0,.2);\n  transition:transform .3s ease;\n  z-index:3;\n}\n.sag-about-slide:hover .sag-about-zoom-icon {\n  transform:translate(-50%,-50%) scale(1);\n}\n.sag-about-zoom-icon svg { width:20px; height:20px; color:var(--navy); }\n\n\/* Carousel Nav *\/\n.sag-about-dots { display:flex; gap:8px; justify-content:center; padding:14px 0; }\n.sag-about-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--parchment); border:none; cursor:pointer;\n  transition:background .3s, transform .3s; padding:0;\n}\n.sag-about-dot.sag-active { background:var(--sky-500); transform:scale(1.2); }\n.sag-about-nav {\n  position:absolute; top:50%; transform:translateY(-50%);\n  width:36px; height:36px; border-radius:50%;\n  background:rgba(255,255,255,.9); border:none; cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:var(--shadow-sm); transition:background .3s, transform .2s; z-index:4;\n}\n.sag-about-nav:hover {\n  background:var(--white); transform:translateY(-50%) scale(1.08);\n}\n.sag-about-nav svg { width:16px; height:16px; color:var(--navy); }\n.sag-about-prev { left:12px; }\n.sag-about-next { right:12px; }\n\n\/* \u2500\u2500 Content \u2500\u2500 *\/\n.sag-about-content h2 {\n  font-family:'Cinzel',serif;\n  font-size:clamp(1.4rem,3vw,2rem);\n  font-weight:700; color:var(--navy); line-height:1.15; margin-bottom:4px;\n}\n.sag-about-content h2 em { font-style:italic; color:var(--sky-500); }\n.sag-about-location {\n  font-family:'Cinzel',serif; font-size:clamp(.5rem,.7vw,.6rem); font-weight:400;\n  letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:1.5rem;\n}\n.sag-about-content p {\n  font-size:clamp(.88rem,1.1vw,1rem); line-height:1.85;\n  color:var(--text-muted); margin-bottom:1.2rem;\n}\n.sag-about-content p:last-of-type { margin-bottom:2rem; }\n\n\/* Features *\/\n.sag-about-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:2rem;\n}\n.sag-about-feat {\n  display:flex; align-items:center; gap:10px;\n  font-size:clamp(.8rem,.95vw,.88rem); color:var(--text);\n}\n.sag-about-feat-icon {\n  width:28px; height:28px; border-radius:6px;\n  background:var(--sky-50); display:flex; align-items:center;\n  justify-content:center; flex-shrink:0;\n}\n.sag-about-feat-icon svg { width:14px; height:14px; color:var(--sky-500); }\n\n\/* Button *\/\n.sag-about-btn {\n  font-family:'Cinzel',serif; font-size:clamp(.6rem,.75vw,.72rem); font-weight:600;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--navy); background:var(--gold);\n  padding:clamp(10px,1.4vw,14px) clamp(20px,3vw,32px);\n  border-radius:4px; border:none; cursor:pointer; display:inline-block;\n  transition:background .3s, transform .2s, box-shadow .3s;\n  box-shadow:0 4px 14px rgba(201,168,76,.3);\n}\n.sag-about-btn:hover {\n  background:var(--gold-light); transform:translateY(-2px);\n  box-shadow:0 8px 24px rgba(201,168,76,.4); color:var(--navy) !important;\n}\n\n\/* \u2500\u2500 Reveal on scroll \u2500\u2500 *\/\n.sag-about-reveal {\n  opacity:0; transform:translateY(30px);\n  transition:opacity .7s ease, transform .7s ease;\n}\n.sag-about-reveal.sag-visible { opacity:1; transform:translateY(0); }\n.sag-about-delay-1 { transition-delay:.15s; }\n.sag-about-delay-2 { transition-delay:.3s; }\n.sag-about-delay-3 { transition-delay:.45s; }\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\n   LIGHTBOX\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 *\/\n.sag-lightbox {\n  position:fixed; inset:0;\n  background:rgba(5,12,24,.92);\n  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);\n  display:flex; align-items:center; justify-content:center;\n  z-index:10000;\n  opacity:0; visibility:hidden;\n  transition:opacity .35s ease, visibility .35s ease;\n}\n.sag-lightbox.sag-lb-open {\n  opacity:1; visibility:visible;\n}\n.sag-lightbox-inner {\n  position:relative; max-width:90vw; max-height:90vh;\n  display:flex; align-items:center; justify-content:center;\n}\n.sag-lightbox-img {\n  max-width:90vw; max-height:85vh;\n  object-fit:contain; border-radius:8px;\n  box-shadow:0 20px 80px rgba(0,0,0,.5);\n  transform:scale(.92); opacity:0;\n  transition:transform .4s ease, opacity .4s ease;\n}\n.sag-lightbox.sag-lb-open .sag-lightbox-img {\n  transform:scale(1); opacity:1;\n}\n.sag-lightbox-close {\n  position:absolute; top:-48px; right:0;\n  width:36px; height:36px; border-radius:50%;\n  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2);\n  cursor:pointer; display:flex; align-items:center; justify-content:center;\n  transition:background .2s, transform .2s;\n}\n.sag-lightbox-close:hover {\n  background:rgba(255,255,255,.25); transform:scale(1.1);\n}\n.sag-lightbox-close svg { width:18px; height:18px; color:#fff; }\n\n.sag-lightbox-arrow {\n  position:absolute; top:50%; transform:translateY(-50%);\n  width:44px; height:44px; border-radius:50%;\n  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15);\n  cursor:pointer; display:flex; align-items:center; justify-content:center;\n  transition:background .2s, transform .2s;\n}\n.sag-lightbox-arrow:hover {\n  background:rgba(255,255,255,.22); transform:translateY(-50%) scale(1.08);\n}\n.sag-lightbox-arrow svg { width:20px; height:20px; color:#fff; }\n.sag-lb-prev { left:-60px; }\n.sag-lb-next { right:-60px; }\n\n.sag-lightbox-counter {\n  position:absolute; bottom:-36px; left:50%;\n  transform:translateX(-50%);\n  font-family:'Cinzel',serif; font-size:.65rem;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:rgba(255,255,255,.5);\n}\n\n@media(max-width:768px) {\n  .sag-lb-prev { left:8px; }\n  .sag-lb-next { right:8px; }\n  .sag-lightbox-close { top:-44px; right:0; }\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\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:968px) {\n  .sag-about-grid { grid-template-columns:1fr; }\n  .sag-about-content { text-align:center; }\n  .sag-about-features { max-width:400px; margin-left:auto; margin-right:auto; }\n  .sag-about-carousel { max-width:520px; margin:0 auto; }\n}\n@media(max-width:640px) {\n  .sag-about-features { grid-template-columns:1fr; max-width:260px; }\n  .sag-about-nav { width:30px; height:30px; }\n  .sag-about-nav svg { width:13px; height:13px; }\n  .sag-about-prev { left:8px; }\n  .sag-about-next { right:8px; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-about *, .sag-about *::before, .sag-about *::after,\n  .sag-lightbox, .sag-lightbox-img {\n    animation-duration:.01ms !important;\n    transition-duration:.01ms !important;\n  }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     LIGHTBOX OVERLAY\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 -->\n<div class=\"sag-lightbox\" id=\"sagLightbox\">\n  <div class=\"sag-lightbox-inner\">\n    <button class=\"sag-lightbox-close\" id=\"sagLbClose\" aria-label=\"Close lightbox\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <button class=\"sag-lightbox-arrow sag-lb-prev\" id=\"sagLbPrev\" aria-label=\"Previous image\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n    <\/button>\n    <img decoding=\"async\" class=\"sag-lightbox-img\" id=\"sagLbImg\" src=\"\" alt=\"\" \/>\n    <button class=\"sag-lightbox-arrow sag-lb-next\" id=\"sagLbNext\" aria-label=\"Next image\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n    <\/button>\n    <div class=\"sag-lightbox-counter\" id=\"sagLbCounter\"><\/div>\n  <\/div>\n<\/div>\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\n     ABOUT SECTION\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 -->\n<div class=\"sag-about\">\n  <section class=\"sag-about-section\">\n    <div class=\"sag-about-container\">\n      <div class=\"sag-about-grid\">\n\n        <!-- Carousel -->\n        <div class=\"sag-about-reveal\">\n          <div class=\"sag-about-carousel\">\n            <div class=\"sag-about-track\" id=\"sagAboutTrack\">\n\n              <div class=\"sag-about-slide\" onclick=\"sagOpenLightbox(0)\">\n                <img decoding=\"async\" src=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/church-inside.png\" alt=\"St. Aloysius Gonzaga Parish interior\" loading=\"lazy\" \/>\n                <div class=\"sag-about-zoom-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\n                <\/div>\n              <\/div>\n\n              <div class=\"sag-about-slide\" onclick=\"sagOpenLightbox(1)\">\n                <img decoding=\"async\" src=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/guinyangan-church.png\" alt=\"Guinayangan church exterior\" loading=\"lazy\" \/>\n                <div class=\"sag-about-zoom-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\n                <\/div>\n              <\/div>\n\n              <div class=\"sag-about-slide\" onclick=\"sagOpenLightbox(2)\">\n                <img decoding=\"async\" src=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/st-aloysius-clean.png\" alt=\"St. Aloysius Gonzaga Parish grounds\" loading=\"lazy\" \/>\n                <div class=\"sag-about-zoom-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\n                <\/div>\n              <\/div>\n\n            <\/div>\n            <button class=\"sag-about-nav sag-about-prev\" onclick=\"sagAboutSlide(-1)\" aria-label=\"Previous slide\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n            <\/button>\n            <button class=\"sag-about-nav sag-about-next\" onclick=\"sagAboutSlide(1)\" aria-label=\"Next slide\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/button>\n          <\/div>\n          <div class=\"sag-about-dots\" id=\"sagAboutDots\">\n            <button class=\"sag-about-dot sag-active\" onclick=\"sagAboutGo(0)\"><\/button>\n            <button class=\"sag-about-dot\" onclick=\"sagAboutGo(1)\"><\/button>\n            <button class=\"sag-about-dot\" onclick=\"sagAboutGo(2)\"><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Content -->\n        <div class=\"sag-about-content\">\n          <div class=\"sag-about-reveal\">\n            <h2>About <em>Our Parish<\/em><\/h2>\n            <div class=\"sag-about-location\">Guinayangan, Quezon<\/div>\n          <\/div>\n          <div class=\"sag-about-reveal sag-about-delay-1\">\n            <p>\n              St. Aloysius Gonzaga Parish is a Catholic church and a center of prayer,\n              worship, and community life in Guinayangan, Quezon. Its patron,\n              St. Aloysius Gonzaga, inspires the faithful with a life marked by\n              purity, humility, and unwavering devotion to God.\n            <\/p>\n            <p>\n              For over a century, our parish has served as a spiritual home for\n              generations of families \u2014 a place where the sacraments nourish the soul,\n              where neighbors become family, and where the love of Christ is made\n              visible through service and fellowship.\n            <\/p>\n          <\/div>\n          <div class=\"sag-about-features sag-about-reveal sag-about-delay-2\">\n            <div class=\"sag-about-feat\">\n              <div class=\"sag-about-feat-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n              <\/div>\n              <span>Historic Parish<\/span>\n            <\/div>\n            <div class=\"sag-about-feat\">\n              <div class=\"sag-about-feat-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              <\/div>\n              <span>Active Community<\/span>\n            <\/div>\n            <div class=\"sag-about-feat\">\n              <div class=\"sag-about-feat-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n              <\/div>\n              <span>Faith Formation<\/span>\n            <\/div>\n            <div class=\"sag-about-feat\">\n              <div class=\"sag-about-feat-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n              <\/div>\n              <span>Sacramental Life<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sag-about-reveal sag-about-delay-3\">\n            <a href=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/about-us\/\" class=\"sag-about-btn\">Learn About Us<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var current = 0, total = 3;\n  var track = document.getElementById('sagAboutTrack');\n  var dots  = document.querySelectorAll('.sag-about-dot');\n\n  \/* \u2500\u2500 Carousel \u2500\u2500 *\/\n  window.sagAboutSlide = function(dir) {\n    current = (current + dir + total) % total;\n    sagUpdate();\n  };\n  window.sagAboutGo = function(i) {\n    current = i;\n    sagUpdate();\n  };\n  function sagUpdate() {\n    track.style.transform = 'translateX(-' + (current * 100) + '%)';\n    dots.forEach(function(d, i) { d.classList.toggle('sag-active', i === current); });\n  }\n\n  \/* Auto-play \u2014 pause on hover *\/\n  var carousel = document.querySelector('.sag-about-carousel');\n  var timer = setInterval(function() { sagAboutSlide(1); }, 5000);\n  carousel.addEventListener('mouseenter', function() { clearInterval(timer); });\n  carousel.addEventListener('mouseleave', function() {\n    timer = setInterval(function() { sagAboutSlide(1); }, 5000);\n  });\n\n  \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\n  var images = [\n    { src:'https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/church-inside.png',    alt:'St. Aloysius Gonzaga Parish interior' },\n    { src:'https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/guinyangan-church.png',  alt:'Guinayangan church exterior' },\n    { src:'https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/05\/st-aloysius-clean.png',   alt:'St. Aloysius Gonzaga Parish grounds' }\n  ];\n\n  var lb      = document.getElementById('sagLightbox');\n  var lbImg   = document.getElementById('sagLbImg');\n  var lbClose = document.getElementById('sagLbClose');\n  var lbPrev  = document.getElementById('sagLbPrev');\n  var lbNext  = document.getElementById('sagLbNext');\n  var lbCount = document.getElementById('sagLbCounter');\n  var lbIndex = 0;\n\n  window.sagOpenLightbox = function(i) {\n    lbIndex = i;\n    sagLbUpdate();\n    lb.classList.add('sag-lb-open');\n    document.body.style.overflow = 'hidden';\n  };\n\n  function sagLbClose() {\n    lb.classList.remove('sag-lb-open');\n    document.body.style.overflow = '';\n  }\n  function sagLbUpdate() {\n    lbImg.src = images[lbIndex].src;\n    lbImg.alt = images[lbIndex].alt;\n    lbCount.textContent = (lbIndex + 1) + ' \/ ' + images.length;\n  }\n\n  lbClose.addEventListener('click', sagLbClose);\n  lb.addEventListener('click', function(e) {\n    if (e.target === lb) sagLbClose();\n  });\n\n  lbPrev.addEventListener('click', function(e) {\n    e.stopPropagation();\n    lbIndex = (lbIndex - 1 + images.length) % images.length;\n    sagLbUpdate();\n  });\n  lbNext.addEventListener('click', function(e) {\n    e.stopPropagation();\n    lbIndex = (lbIndex + 1) % images.length;\n    sagLbUpdate();\n  });\n\n  \/* Keyboard nav *\/\n  document.addEventListener('keydown', function(e) {\n    if (!lb.classList.contains('sag-lb-open')) return;\n    if (e.key === 'Escape')      sagLbClose();\n    if (e.key === 'ArrowLeft')   { lbIndex = (lbIndex - 1 + images.length) % images.length; sagLbUpdate(); }\n    if (e.key === 'ArrowRight')  { lbIndex = (lbIndex + 1) % images.length; sagLbUpdate(); }\n  });\n\n  \/* Touch swipe for lightbox *\/\n  var lbTouch = { x:0, y:0 };\n  lb.addEventListener('touchstart', function(e) {\n    lbTouch.x = e.changedTouches[0].clientX;\n    lbTouch.y = e.changedTouches[0].clientY;\n  }, { passive:true });\n  lb.addEventListener('touchend', function(e) {\n    var dx = e.changedTouches[0].clientX - lbTouch.x;\n    var dy = e.changedTouches[0].clientY - lbTouch.y;\n    if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 50) {\n      if (dx < 0) { lbIndex = (lbIndex + 1) % images.length; }\n      else        { lbIndex = (lbIndex - 1 + images.length) % images.length; }\n      sagLbUpdate();\n    }\n  }, { passive:true });\n\n  \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n  var els = document.querySelectorAll('.sag-about-reveal');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('sag-visible'); obs.unobserve(e.target); }\n    });\n  }, { threshold:0.15, rootMargin:'0px 0px -40px 0px' });\n  els.forEach(function(el) { obs.observe(el); });\n})();\n<\/script><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-c430b593 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.sag-stats * { margin:0; padding:0; box-sizing:border-box; }\n.sag-stats {\n  --sky-300:#7ec8e3; --sky-500:#2980b9;\n  --navy:#1a365d; --navy-deep:#091c30;\n  --gold:#c9a84c; --gold-light:#e2cc7e;\n  --white:#ffffff;\n  font-family:'Lora',Georgia,serif; position:relative;\n}\n.sag-stats a { text-decoration:none !important; }\n\n.sag-stats-section {\n  background:var(--navy-deep); padding:100px 0;\n  position:relative; overflow:hidden;\n}\n.sag-stats-section::before {\n  content:''; position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 50% 80% at 20% 30%,rgba(142,200,237,.06) 0%,transparent 60%),\n    radial-gradient(ellipse 60% 60% at 80% 70%,rgba(201,168,76,.04) 0%,transparent 50%);\n}\n.sag-stats-container {\n  max-width:1200px; margin:0 auto; padding:0 2rem;\n  position:relative; z-index:2;\n}\n\n\/* Section Header *\/\n.sag-stats-header { text-align:center; margin-bottom:3.5rem; }\n.sag-stats-eyebrow {\n  font-family:'Cinzel',serif; font-size:.6rem; font-weight:500;\n  letter-spacing:.35em; text-transform:uppercase; color:var(--gold); margin-bottom:.8rem;\n}\n.sag-stats-title {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3.5vw,2.4rem);\n  font-weight:700; color:var(--white); line-height:1.15; letter-spacing:.02em;\n}\n.sag-stats-title em { font-style:italic; color:var(--sky-300); }\n.sag-stats-ornament {\n  display:flex; align-items:center; justify-content:center;\n  gap:12px; margin-top:1.2rem;\n}\n.sag-stats-orn-l { width:40px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); }\n.sag-stats-orn-d { width:6px; height:6px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }\n.sag-stats-orn-r { width:40px; height:1px; background:linear-gradient(90deg,var(--gold),transparent); }\n\n\/* Prayer *\/\n.sag-stats-prayer { max-width:720px; margin:0 auto 3.5rem; text-align:center; }\n.sag-stats-prayer blockquote {\n  font-family:'Lora',serif; font-size:1.05rem; font-style:italic;\n  color:rgba(255,255,255,.6); line-height:1.9;\n  position:relative; padding:0 2rem;\n}\n.sag-stats-prayer blockquote::before,\n.sag-stats-prayer blockquote::after {\n  font-family:'Cinzel',serif; font-size:2.5rem; color:var(--gold);\n  position:absolute; line-height:1; opacity:.4;\n}\n.sag-stats-prayer blockquote::before { content:'\\201C'; top:-8px; left:-4px; }\n.sag-stats-prayer blockquote::after { content:'\\201D'; bottom:-18px; right:-4px; }\n\n\/* Grid *\/\n.sag-stats-grid {\n  display:grid; grid-template-columns:repeat(4,1fr);\n  gap:0; margin-bottom:3rem;\n}\n.sag-stat-item { text-align:center; padding:2rem 1rem; position:relative; }\n.sag-stat-item + .sag-stat-item::before {\n  content:''; position:absolute; left:0; top:20%; bottom:20%; width:1px;\n  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);\n}\n.sag-stat-number {\n  font-family:'Cinzel',serif; font-size:clamp(2rem,4vw,3rem);\n  font-weight:700; color:var(--gold); line-height:1; margin-bottom:6px;\n}\n.sag-stat-number span { font-size:.6em; }\n.sag-stat-label {\n  font-family:'Cinzel',serif; font-size:.6rem; font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.5);\n}\n\n\/* Button *\/\n.sag-stats-cta { text-align:center; }\n.sag-stats-btn {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--navy-deep); background:var(--gold); padding:14px 32px;\n  border-radius:4px; border:none; cursor:pointer; display:inline-block;\n  transition:background .3s, transform .2s, box-shadow .3s;\n  box-shadow:0 4px 14px rgba(201,168,76,.25);\n}\n.sag-stats-btn:hover {\n  background:var(--gold-light); transform:translateY(-2px);\n  box-shadow:0 8px 24px rgba(201,168,76,.35); color:var(--navy-deep) !important;\n}\n\n\/* Reveal *\/\n.sag-stats-reveal {\n  opacity:0; transform:translateY(30px);\n  transition:opacity .7s ease, transform .7s ease;\n}\n.sag-stats-reveal.sag-visible { opacity:1; transform:translateY(0); }\n.sag-stats-delay-1 { transition-delay:.15s; }\n.sag-stats-delay-2 { transition-delay:.3s; }\n.sag-stats-delay-3 { transition-delay:.45s; }\n.sag-stats-delay-4 { transition-delay:.6s; }\n\n@media(max-width:968px) {\n  .sag-stats-grid { grid-template-columns:repeat(2,1fr); }\n  .sag-stat-item:nth-child(2)::before { display:none; }\n}\n@media(max-width:480px) {\n  .sag-stats-section { padding:70px 0; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-stats *, .sag-stats *::before, .sag-stats *::after {\n    animation-duration:.01ms !important; transition-duration:.01ms !important;\n  }\n}\n<\/style>\n\n<div class=\"sag-stats\">\n  <section class=\"sag-stats-section\">\n    <div class=\"sag-stats-container\">\n\n      <div class=\"sag-stats-header sag-stats-reveal\">\n        <p class=\"sag-stats-eyebrow\">Our Parish in Numbers<\/p>\n        <h2 class=\"sag-stats-title\">St. Aloysius <em>Gonzaga Parish<\/em><\/h2>\n        <div class=\"sag-stats-ornament\">\n          <span class=\"sag-stats-orn-l\"><\/span>\n          <span class=\"sag-stats-orn-d\"><\/span>\n          <span class=\"sag-stats-orn-r\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sag-stats-prayer sag-stats-reveal sag-stats-delay-1\">\n        <blockquote>\n          O Beloved St. Aloysius Gonzaga, teach us through your pure heart\n          and quiet courage to live with integrity, humility, and trust in\n          God's will. May your example guide us to serve our community with\n          gentleness and unwavering faith. Amen.\n        <\/blockquote>\n      <\/div>\n\n      <div class=\"sag-stats-grid\">\n        <div class=\"sag-stat-item sag-stats-reveal sag-stats-delay-1\">\n          <div class=\"sag-stat-number\" data-target=\"120\">0<span>+<\/span><\/div>\n          <div class=\"sag-stat-label\">Years<\/div>\n        <\/div>\n        <div class=\"sag-stat-item sag-stats-reveal sag-stats-delay-2\">\n          <div class=\"sag-stat-number\" data-target=\"8\">0<\/div>\n          <div class=\"sag-stat-label\">Ministries<\/div>\n        <\/div>\n        <div class=\"sag-stat-item sag-stats-reveal sag-stats-delay-3\">\n          <div class=\"sag-stat-number\" data-target=\"650\">0<\/div>\n          <div class=\"sag-stat-label\">Seating Capacity<\/div>\n        <\/div>\n        <div class=\"sag-stat-item sag-stats-reveal sag-stats-delay-4\">\n          <div class=\"sag-stat-number\" data-target=\"40\">0<\/div>\n          <div class=\"sag-stat-label\">Sacristans<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sag-stats-cta sag-stats-reveal\">\n        <a href=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/contact-us\/\" class=\"sag-stats-btn\">Contact Us<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  \/\/ Reveal\n  var els = document.querySelectorAll('.sag-stats-reveal');\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('sag-visible'); obs.unobserve(e.target); }\n    });\n  },{threshold:0.15, rootMargin:'0px 0px -40px 0px'});\n  els.forEach(function(el){ obs.observe(el); });\n\n  \/\/ Counters\n  var counters = document.querySelectorAll('.sag-stat-number[data-target]');\n  var cObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        var el = entry.target;\n        var target = parseInt(el.dataset.target);\n        var suffix = el.querySelector('span') ? el.querySelector('span').outerHTML : '';\n        var cur = 0, inc = target \/ 60;\n        var t = setInterval(function(){\n          cur += inc;\n          if(cur >= target){ cur = target; clearInterval(t); }\n          el.innerHTML = Math.floor(cur) + suffix;\n        }, 25);\n        cObs.unobserve(el);\n      }\n    });\n  },{threshold:0.5});\n  counters.forEach(function(c){ cObs.observe(c); });\n})();\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-0009e840 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-4'>\n<!-- wp:html -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.updates-section{background:#f3ede4;padding:90px 40px;font-family:'Lora',serif;position:relative;overflow:hidden;}\n.updates-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.3),transparent);}\n.updates-inner{max-width:1100px;margin:0 auto;}\n\n.updates-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:20px;}\n\n.updates-eyebrow{font-family:'Cinzel',serif;font-size:9px;letter-spacing:5px;text-transform:uppercase;color:#c9a84c;margin-bottom:12px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(15px);transition:opacity 0.6s ease,transform 0.6s ease;}\n.updates-header.animate-in .updates-eyebrow{opacity:1;transform:translateY(0);transition-delay:0.1s;}\n.updates-eyebrow::before{content:'';display:block;width:30px;height:1px;background:rgba(201,168,76,0.5);}\n\n.updates-title{font-family:'Cinzel',serif;font-size:clamp(26px,3vw,40px);font-weight:700;color:#1a365d;line-height:1.2;opacity:0;transform:translateY(20px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.updates-header.animate-in .updates-title{opacity:1;transform:translateY(0);transition-delay:0.2s;}\n.updates-title em{font-style:italic;color:#2980b9;}\n\n.updates-tabs{display:flex;gap:2px;background:#ebe5da;border-radius:6px;padding:3px;opacity:0;transform:translateX(20px);transition:opacity 0.6s ease,transform 0.6s ease;}\n.updates-header.animate-in .updates-tabs{opacity:1;transform:translateX(0);transition-delay:0.35s;}\n.updates-tab{padding:9px 18px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#6b7c8f;background:transparent;cursor:pointer;border:none;border-radius:4px;transition:all 0.3s;white-space:nowrap;}\n.updates-tab.active{background:#ffffff;color:#1a365d;box-shadow:0 2px 8px rgba(26,54,93,0.06);}\n.updates-tab:hover{color:#1a365d;}\n\n.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n\n.update-card{background:#ffffff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(26,54,93,0.06);transition:box-shadow 0.3s,transform 0.3s;display:flex;flex-direction:column;opacity:0;transform:translateY(25px);transition:opacity 0.6s ease,transform 0.6s ease,box-shadow 0.3s;}\n.update-card.animate-in{opacity:1;transform:translateY(0);}\n.update-card:hover{box-shadow:0 8px 30px rgba(26,54,93,0.1);transform:translateY(-4px);}\n\n.update-card-img{width:100%;aspect-ratio:16\/10;background:linear-gradient(135deg,#f0f7fc,#dceef8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(26,54,93,0.04);}\n.update-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;}\n.update-card:hover .update-card-img img{transform:scale(1.05);}\n.update-card-img svg{width:32px;height:32px;stroke:#7ec8e3;fill:none;stroke-width:1.5;opacity:0.3;}\n\n.update-card-img::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);z-index:2;pointer-events:none;transition:none;}\n.update-card:hover .update-card-img::before{animation:updatesShimmer 0.8s ease forwards;}\n@keyframes updatesShimmer{0%{left:-100%;}100%{left:150%;}}\n\n.update-card-cat{position:absolute;top:12px;left:12px;font-family:'Cinzel',serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,0.92);color:#2980b9;padding:5px 12px;border-radius:4px;z-index:3;}\n\n.update-card-body{padding:20px;flex:1;display:flex;flex-direction:column;}\n.update-card-date{font-family:'Cinzel',serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#6b7c8f;margin-bottom:10px;}\n.update-card-title{font-family:'Cinzel',serif;font-size:16px;font-weight:600;color:#1a365d;line-height:1.35;margin-bottom:8px;flex:1;}\n.update-card-excerpt{font-family:'Lora',serif;font-size:13px;color:#6b7c8f;line-height:1.7;margin-bottom:16px;}\n.update-card-link{display:inline-flex;align-items:center;gap:8px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#2980b9;text-decoration:none !important;border-bottom:1px solid rgba(41,128,185,0.2);padding-bottom:4px;width:fit-content;transition:color 0.3s;}\n.update-card-link svg{width:11px;height:11px;stroke:#2980b9;fill:none;stroke-width:2;transition:transform 0.3s;}\n.update-card-link:hover{color:#1a365d !important;}\n.update-card-link:hover svg{transform:translateX(3px);stroke:#1a365d;}\n\n.updates-footer{margin-top:20px;background:#ffffff;border-radius:8px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(26,54,93,0.06);opacity:0;transform:translateY(15px);transition:opacity 0.6s ease,transform 0.6s ease;}\n.updates-footer.animate-in{opacity:1;transform:translateY(0);}\n.updates-footer span{font-family:'Cinzel',serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#6b7c8f;}\n.updates-all-link{display:inline-flex;align-items:center;gap:8px;font-family:'Cinzel',serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#2980b9;text-decoration:none !important;border-bottom:1px solid rgba(41,128,185,0.2);padding-bottom:3px;transition:color 0.3s;}\n.updates-all-link:hover{color:#1a365d !important;}\n.updates-all-link svg{width:11px;height:11px;stroke:#2980b9;fill:none;stroke-width:2;}\n\n.updates-loading{grid-column:1\/-1;padding:60px;text-align:center;font-family:'Cinzel',serif;color:#6b7c8f;font-size:10px;letter-spacing:3px;text-transform:uppercase;}\n\n.updates-particle{position:absolute;border-radius:50%;background:rgba(201,168,76,0.06);pointer-events:none;}\n.updates-particle:nth-child(1){width:180px;height:180px;top:-50px;right:-60px;animation:updatesFloat 13s ease-in-out infinite;}\n.updates-particle:nth-child(2){width:120px;height:120px;bottom:-30px;left:5%;animation:updatesFloat 17s ease-in-out infinite reverse;}\n.updates-particle:nth-child(3){width:70px;height:70px;top:40%;left:-15px;animation:updatesFloat 10s ease-in-out infinite 2s;}\n@keyframes updatesFloat{\n  0%,100%{transform:translateY(0) scale(1);opacity:0.4;}\n  50%{transform:translateY(-20px) scale(1.08);opacity:0.85;}\n}\n\n.skeleton-card{background:#ffffff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}\n.skeleton-img{width:100%;aspect-ratio:16\/10;animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ebe5da 0%,#f0f7fc 40%,#ebe5da 80%);background-size:300% 100%;}\n.skeleton-body{padding:20px;display:flex;flex-direction:column;gap:10px;}\n.skeleton-bone{background:linear-gradient(90deg,#ebe5da 0%,#f3ede4 40%,#ebe5da 80%);background-size:300% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite;border-radius:3px;}\n.skeleton-date{width:40%;height:10px;}\n.skeleton-title{width:90%;height:14px;}\n.skeleton-title-2{width:60%;height:14px;}\n.skeleton-excerpt{width:100%;height:10px;}\n.skeleton-excerpt-2{width:85%;height:10px;}\n.skeleton-excerpt-3{width:50%;height:10px;}\n.skeleton-link{width:30%;height:10px;margin-top:6px;}\n@keyframes skeletonShimmer{\n  0%{background-position:200% 0;}\n  100%{background-position:-200% 0;}\n}\n\n@media(max-width:900px){.updates-grid{grid-template-columns:repeat(2,1fr);}.updates-section{padding:60px 24px;}.updates-header{flex-direction:column;align-items:flex-start;}}\n@media(max-width:540px){.updates-grid{grid-template-columns:1fr;}}\n<\/style>\n\n<section class=\"updates-section\">\n  <div class=\"updates-particle\"><\/div>\n  <div class=\"updates-particle\"><\/div>\n  <div class=\"updates-particle\"><\/div>\n  <div class=\"updates-inner\">\n\n    <div class=\"updates-header\">\n      <div>\n        <p class=\"updates-eyebrow\">Stay Connected<\/p>\n        <h2 class=\"updates-title\">Latest <em>Parish Updates<\/em><\/h2>\n      <\/div>\n      <div class=\"updates-tabs\" id=\"updatesTabs\"><\/div>\n    <\/div>\n\n    <div class=\"updates-grid\" id=\"updatesGrid\"><\/div>\n\n    <div class=\"updates-footer\">\n      <span id=\"updatesCount\"><\/span>\n      <a class=\"updates-all-link\" id=\"updatesAllLink\" href=\"#\">\n        View All Posts\n        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n\n  var SITE_URL = 'https:\/\/demo2.yinwoodweb.com\/guinyangan';\n  var API_URL  = SITE_URL + '\/wp-json\/wp\/v2';\n  var BLOG_URL = SITE_URL + '\/updates\/';\n\n  var grid    = document.getElementById('updatesGrid');\n  var tabsEl  = document.getElementById('updatesTabs');\n  var countEl = document.getElementById('updatesCount');\n  var allLink = document.getElementById('updatesAllLink');\n\n  allLink.href = BLOG_URL;\n\n  showSkeleton();\n\n  var header = document.querySelector('.updates-header');\n  var footer = document.querySelector('.updates-footer');\n\n  function updatesOnScroll(){\n    var wh = window.innerHeight;\n    if(header){\n      var r = header.getBoundingClientRect();\n      if(r.top < wh * 0.85) header.classList.add('animate-in');\n    }\n    if(footer){\n      var r2 = footer.getBoundingClientRect();\n      if(r2.top < wh * 0.92) footer.classList.add('animate-in');\n    }\n  }\n  window.addEventListener('scroll', updatesOnScroll, {passive:true});\n  updatesOnScroll();\n\n  function showSkeleton(){\n    var html = '';\n    for(var i = 0; i < 6; i++){\n      html +=\n        '<div class=\"skeleton-card\">' +\n          '<div class=\"skeleton-img\"><\/div>' +\n          '<div class=\"skeleton-body\">' +\n            '<div class=\"skeleton-bone skeleton-date\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-title\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-title-2\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-excerpt\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-excerpt-2\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-excerpt-3\"><\/div>' +\n            '<div class=\"skeleton-bone skeleton-link\"><\/div>' +\n          '<\/div>' +\n        '<\/div>';\n    }\n    grid.innerHTML = html;\n  }\n\n  function animateCards(){\n    var cards = grid.querySelectorAll('.update-card');\n    cards.forEach(function(card, i){\n      setTimeout(function(){\n        card.classList.add('animate-in');\n      }, i * 100);\n    });\n  }\n\n  function formatDate(str){\n    return new Date(str).toLocaleDateString('en-PH',{year:'numeric',month:'short',day:'numeric'});\n  }\n\n  function stripHtml(html){\n    var div = document.createElement('div');\n    div.innerHTML = html;\n    return (div.textContent || div.innerText || '').trim();\n  }\n\n  function getCategory(embedded){\n    var cat = 'General';\n    if(!embedded || !embedded['wp:term']) return cat;\n    var found = false;\n    embedded['wp:term'].forEach(function(group){\n      if(found) return;\n      group.forEach(function(term){\n        if(!found && term.taxonomy === 'category' && term.name){\n          cat = term.name;\n          found = true;\n        }\n      });\n    });\n    return cat;\n  }\n\n  function getThumb(embedded, title){\n    if(\n      embedded &&\n      embedded['wp:featuredmedia'] &&\n      embedded['wp:featuredmedia'][0] &&\n      embedded['wp:featuredmedia'][0].source_url\n    ){\n      return '<img decoding=\"async\" src=\"'+embedded['wp:featuredmedia'][0].source_url+'\" alt=\"'+title+'\" loading=\"lazy\">';\n    }\n    return '<svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>';\n  }\n\n  \/* \u2500\u2500 build a link into the custom Updates single-post route \u2500\u2500 *\/\n  function updatesLink(post){\n    return SITE_URL + '\/updates\/?update=' + encodeURIComponent(post.slug);\n  }\n\n  function render(posts){\n    grid.innerHTML = '';\n    if(!posts || !posts.length){\n      grid.innerHTML = '<div class=\"updates-loading\">No posts found.<\/div>';\n      countEl.textContent = '0 posts';\n      return;\n    }\n    posts.forEach(function(p){\n      var cat     = getCategory(p._embedded);\n      var thumb   = getThumb(p._embedded, p.title.rendered);\n      var excerpt = stripHtml(p.excerpt.rendered)\n                      .replace(\/(&hellip;|[\\u2026\u2026])\/g,'')\n                      .trim();\n      if(excerpt.length > 110) excerpt = excerpt.substring(0,110) + '\u2026';\n\n      var card = document.createElement('div');\n      card.className = 'update-card';\n      card.innerHTML =\n        '<div class=\"update-card-img\">'+\n          thumb+\n          '<span class=\"update-card-cat\">'+cat+'<\/span>'+\n        '<\/div>'+\n        '<div class=\"update-card-body\">'+\n          '<div class=\"update-card-date\">'+formatDate(p.date)+'<\/div>'+\n          '<h3 class=\"update-card-title\">'+p.title.rendered+'<\/h3>'+\n          '<p class=\"update-card-excerpt\">'+excerpt+'<\/p>'+\n          '<a href=\"'+updatesLink(p)+'\" class=\"update-card-link\">Read More '+\n            '<svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>'+\n          '<\/a>'+\n        '<\/div>';\n      grid.appendChild(card);\n    });\n    countEl.textContent = 'Showing '+posts.length+' post'+(posts.length !== 1 ? 's' : '');\n    animateCards();\n  }\n\n  function setActiveTab(btn){\n    tabsEl.querySelectorAll('.updates-tab').forEach(function(t){ t.classList.remove('active'); });\n    btn.classList.add('active');\n  }\n\n  function fetchPosts(catId, catSlug){\n    showSkeleton();\n\n    var url = API_URL+'\/posts?per_page=6&_embed=1&orderby=date&order=desc';\n    if(catId){\n      url += '&categories='+catId;\n      allLink.href = SITE_URL + '\/updates\/?cat=' + encodeURIComponent(catSlug);\n    } else {\n      allLink.href = BLOG_URL;\n    }\n\n    var start = Date.now();\n    fetch(url)\n      .then(function(r){ return r.json(); })\n      .then(function(posts){\n        var elapsed = Date.now() - start;\n        var remaining = Math.max(0, 400 - elapsed);\n        setTimeout(function(){ render(posts); }, remaining);\n      })\n      .catch(function(){ grid.innerHTML = '<div class=\"updates-loading\">Could not load posts.<\/div>'; });\n  }\n\n  function buildTabs(categories){\n    tabsEl.innerHTML = '';\n\n    var allBtn = document.createElement('button');\n    allBtn.className = 'updates-tab active';\n    allBtn.textContent = 'All';\n    allBtn.onclick = function(){\n      setActiveTab(allBtn);\n      fetchPosts('', '');\n    };\n    tabsEl.appendChild(allBtn);\n\n    categories\n      .filter(function(c){ return c.slug !== 'uncategorized' && c.count > 0; })\n      .forEach(function(c){\n        var btn = document.createElement('button');\n        btn.className = 'updates-tab';\n        btn.textContent = c.name;\n        btn.onclick = function(){\n          setActiveTab(btn);\n          fetchPosts(c.id, c.slug);\n        };\n        tabsEl.appendChild(btn);\n      });\n  }\n\n  fetch(API_URL+'\/categories?per_page=100&orderby=name&order=asc')\n    .then(function(r){ return r.json(); })\n    .then(function(cats){\n      buildTabs(cats);\n      fetchPosts('', '');\n    })\n    .catch(function(){\n      tabsEl.innerHTML = '';\n      var allBtn = document.createElement('button');\n      allBtn.className = 'updates-tab active';\n      allBtn.textContent = 'All';\n      allBtn.onclick = function(){ fetchPosts('', ''); };\n      tabsEl.appendChild(allBtn);\n      fetchPosts('', '');\n    });\n\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-957245b2 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-5'>\n<!-- wp:html -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.quotes-section {\n  background: #ffffff;\n  padding: 100px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.quotes-section::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.2), transparent);\n}\n.quotes-inner {\n  max-width: 900px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* Glow backgrounds *\/\n.quotes-glow-1 {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(201,168,76,0.04), transparent 70%);\n  top: -100px;\n  left: -100px;\n  pointer-events: none;\n}\n.quotes-glow-2 {\n  position: absolute;\n  width: 250px;\n  height: 250px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(142,200,237,0.04), transparent 70%);\n  bottom: -80px;\n  right: -80px;\n  pointer-events: none;\n}\n\n\/* Section Header *\/\n.quotes-header {\n  text-align: center;\n  margin-bottom: 3.5rem;\n}\n.quotes-eyebrow {\n  font-family: 'Cinzel', serif;\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 5px;\n  text-transform: uppercase;\n  color: #c9a84c;\n  margin-bottom: 12px;\n}\n.quotes-title {\n  font-family: 'Cinzel', serif;\n  font-size: clamp(26px, 3.5vw, 40px);\n  font-weight: 700;\n  color: #1a365d;\n  line-height: 1.2;\n  letter-spacing: 0.02em;\n}\n.quotes-title em {\n  font-style: italic;\n  color: #2980b9;\n}\n.quotes-ornament {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n}\n.quotes-orn-l {\n  width: 40px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #c9a84c);\n}\n.quotes-orn-d {\n  width: 6px;\n  height: 6px;\n  background: #c9a84c;\n  transform: rotate(45deg);\n  flex-shrink: 0;\n}\n.quotes-orn-r {\n  width: 40px;\n  height: 1px;\n  background: linear-gradient(90deg, #c9a84c, transparent);\n}\n\n\/* Carousel *\/\n.quotes-carousel {\n  position: relative;\n  overflow: hidden;\n  margin-bottom: 2.5rem;\n}\n.quotes-track {\n  overflow: hidden;\n}\n.quotes-slides {\n  display: flex;\n  transition: transform 0.6s ease;\n}\n.quote-slide {\n  min-width: 100%;\n  text-align: center;\n  padding: 0 2rem;\n}\n.quote-slide blockquote {\n  font-family: 'Lora', serif;\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-style: italic;\n  color: #2d3748;\n  line-height: 1.85;\n  margin-bottom: 2rem;\n  position: relative;\n  padding-top: 30px;\n}\n.quote-slide blockquote::before {\n  content: '\\201C';\n  font-family: 'Cinzel', serif;\n  font-size: 64px;\n  color: #c9a84c;\n  opacity: 0.3;\n  position: absolute;\n  top: -10px;\n  left: 50%;\n  transform: translateX(-50%);\n  line-height: 1;\n}\n.quote-author {\n  font-family: 'Cinzel', serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #1a365d;\n}\n.quote-role {\n  font-family: 'Lora', serif;\n  font-size: 13px;\n  color: #6b7c8f;\n  font-style: italic;\n  margin-top: 6px;\n}\n\n\/* Dots *\/\n.quotes-dots {\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n  margin-bottom: 2.5rem;\n}\n.quotes-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #ebe5da;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition: background 0.3s ease, transform 0.3s ease;\n}\n.quotes-dot.active {\n  background: #c9a84c;\n  transform: scale(1.2);\n}\n\n\/* CTA *\/\n.quotes-cta {\n  text-align: center;\n}\n.quotes-btn {\n  font-family: 'Cinzel', serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #091c30;\n  background: #c9a84c;\n  padding: 16px 40px;\n  border-radius: 4px;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n  box-shadow: 0 4px 14px rgba(201,168,76,0.25);\n}\n.quotes-btn:hover {\n  background: #e2cc7e;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(201,168,76,0.35);\n  color: #091c30 !important;\n}\n\n\/* Particles *\/\n.quotes-particle {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(201,168,76,0.04);\n  pointer-events: none;\n}\n.quotes-particle:nth-child(1) {\n  width: 200px;\n  height: 200px;\n  top: -60px;\n  left: -60px;\n  animation: quotesFloat 15s ease-in-out infinite;\n}\n.quotes-particle:nth-child(2) {\n  width: 140px;\n  height: 140px;\n  bottom: -40px;\n  right: -40px;\n  animation: quotesFloat 12s ease-in-out infinite reverse;\n}\n@keyframes quotesFloat {\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }\n  50% { transform: translateY(-15px) scale(1.05); opacity: 0.7; }\n}\n\n@media(max-width: 540px) {\n  .quotes-section { padding: 70px 20px; }\n  .quote-slide { padding: 0; }\n}\n<\/style>\n\n<section class=\"quotes-section\">\n  <div class=\"quotes-particle\"><\/div>\n  <div class=\"quotes-particle\"><\/div>\n  <div class=\"quotes-glow-1\"><\/div>\n  <div class=\"quotes-glow-2\"><\/div>\n  <div class=\"quotes-inner\">\n\n    <div class=\"quotes-header\">\n      <p class=\"quotes-eyebrow\">Words of Faith<\/p>\n      <h2 class=\"quotes-title\">Inspirational <em>Quotations<\/em><\/h2>\n      <div class=\"quotes-ornament\">\n        <span class=\"quotes-orn-l\"><\/span>\n        <span class=\"quotes-orn-d\"><\/span>\n        <span class=\"quotes-orn-r\"><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"quotes-carousel\">\n      <div class=\"quotes-track\">\n        <div class=\"quotes-slides\" id=\"quotesSlides\">\n          <div class=\"quote-slide\">\n            <blockquote>It is better to be a child of God than king of the whole world.<\/blockquote>\n            <div class=\"quote-author\">St. Aloysius Gonzaga<\/div>\n            <div class=\"quote-role\">Patron of Youth<\/div>\n          <\/div>\n          <div class=\"quote-slide\">\n            <blockquote>Whoever wishes to follow me must deny himself, take up his cross, and follow me.<\/blockquote>\n            <div class=\"quote-author\">Jesus Christ<\/div>\n            <div class=\"quote-role\">Matthew 16:24<\/div>\n          <\/div>\n          <div class=\"quote-slide\">\n            <blockquote>The Eucharist is the source and summit of the Christian life. All the other sacraments and all the ministries of the Church are bound up with the Eucharist.<\/blockquote>\n            <div class=\"quote-author\">Catechism of the Catholic Church<\/div>\n            <div class=\"quote-role\">CCC 1324<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"quotes-dots\">\n      <button class=\"quotes-dot active\" onclick=\"quotesGoTo(0)\"><\/button>\n      <button class=\"quotes-dot\" onclick=\"quotesGoTo(1)\"><\/button>\n      <button class=\"quotes-dot\" onclick=\"quotesGoTo(2)\"><\/button>\n    <\/div>\n\n    <div class=\"quotes-cta\">\n      <a href=\"https:\/\/demo2.yinwoodweb.com\/guinyangan\/donate\/\" class=\"quotes-btn\">Donate<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var currentQuote = 0;\n  var totalQuotes = 3;\n\n  window.quotesGoTo = function(i){\n    currentQuote = i;\n    updateQuotes();\n  };\n\n  function updateQuotes(){\n    document.getElementById('quotesSlides').style.transform =\n      'translateX(-' + (currentQuote * 100) + '%)';\n    var dots = document.querySelectorAll('.quotes-dot');\n    dots.forEach(function(d, idx){\n      d.classList.toggle('active', idx === currentQuote);\n    });\n  }\n\n  setInterval(function(){\n    currentQuote = (currentQuote + 1) % totalQuotes;\n    updateQuotes();\n  }, 6000);\n})();\n<\/script>\n<!-- \/wp:html --><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SAN LORENZO RUIZ PARISH St. Aloysius Gonzaga Parish is the heart of Catholic life in Guinayangan, a 19th\u2011century parish that [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"@media only screen and (max-width: 767px) {\n.uagb-slider-container .swiper-button-prev, .uagb-slider-container .swiper-button-next, .uagb-slick-carousel button.slick-arrow {\n    display: none;\n}\n}\n\n.dashicons {\n    color: #6528f7;\n}\n.dashicons:hover {\n    color: #0f172a;\n}\n.single .post-navigation {\n    padding: 10px 0 0;\n}\n\n@media (max-width: 768px) {\n    .single .post-navigation {\n        padding: 10px 0;\n    }\n}","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"St. Aloysius Gonzaga Parish - Catholic Parish","description":""},"footnotes":""},"class_list":["post-28","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":"Yin Wood","author_link":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"SAN LORENZO RUIZ PARISH St. Aloysius Gonzaga Parish is the heart of Catholic life in Guinayangan, a 19th\u2011century parish that [&hellip;]","_links":{"self":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":61,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/28\/revisions\/932"}],"wp:attachment":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}