{"id":877,"date":"2026-06-19T16:10:39","date_gmt":"2026-06-19T08:10:39","guid":{"rendered":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/?page_id=877"},"modified":"2026-06-19T16:34:54","modified_gmt":"2026-06-19T08:34:54","slug":"media","status":"publish","type":"page","link":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/media\/","title":{"rendered":"Media"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-f058a9fd 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-gallery * { margin:0; padding:0; box-sizing:border-box; }\n.sag-gallery {\n  --cream:#faf8f5; --ivory:#f3ede4; --parchment:#ebe5da;\n  --sky-50:#f0f7fc; --sky-100:#dceef8; --sky-300:#7ec8e3;\n  --sky-500:#2980b9;\n  --navy:#1a365d; --navy-dark:#0f2640; --navy-deep:#091c30;\n  --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);\n  position:relative; width:100%;\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   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.sag-gal-section {\n  background:var(--white);\n  padding:clamp(50px,8vw,90px) 0;\n}\n.sag-gal-container {\n  max-width:1100px; margin:0 auto;\n  padding:0 clamp(1rem,3vw,2rem);\n}\n\n\/* Header *\/\n.sag-gal-header { text-align:center; margin-bottom:clamp(32px,5vw,52px); }\n.sag-gal-header h2 {\n  font-family:'Cinzel',serif; font-weight:700;\n  font-size:clamp(1.4rem,2.8vw,2rem);\n  color:var(--navy); line-height:1.2; margin-bottom:.3rem;\n}\n.sag-gal-header h2 em { font-style:italic; color:var(--sky-500); }\n.sag-gal-header-divider {\n  width:50px; height:2px; margin:1rem auto;\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);\n}\n.sag-gal-header p {\n  font-size:clamp(.88rem,1vw,1rem);\n  line-height:1.8; color:var(--text-muted);\n  max-width:480px; margin:0 auto;\n}\n\n\/* Page indicator *\/\n.sag-gal-page-info {\n  text-align:center;\n  margin-bottom:clamp(16px,2vw,24px);\n  font-family:'Cinzel',serif;\n  font-size:clamp(.5rem,.6vw,.56rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--text-muted); opacity:.6;\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   COLLAGE GRID\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-gal-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  grid-auto-rows:clamp(160px,18vw,220px);\n  gap:clamp(8px,1vw,12px);\n  transition:opacity .4s ease;\n}\n.sag-gal-grid.sag-gal-fading { opacity:0; }\n\n\/* Featured spans *\/\n.sag-gal-item:nth-child(1) { grid-column:span 2; grid-row:span 2; }\n.sag-gal-item:nth-child(5) { grid-row:span 2; }\n\n.sag-gal-item {\n  position:relative; overflow:hidden;\n  border-radius:10px; cursor:pointer;\n  background:var(--cream);\n  border:1px solid var(--parchment);\n  opacity:0; transform:translateY(20px);\n  transition:opacity .6s ease, transform .6s ease;\n}\n.sag-gal-item.pp-anim-in { opacity:1!important; transform:translateY(0)!important; }\n\n\/* Placeholder *\/\n.sag-gal-placeholder {\n  width:100%; height:100%;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:10px;\n  background:linear-gradient(135deg,var(--cream),var(--ivory));\n}\n.sag-gal-placeholder svg {\n  width:clamp(28px,3.5vw,40px); height:clamp(28px,3.5vw,40px);\n  color:var(--parchment); stroke-width:1.2;\n}\n.sag-gal-placeholder span {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.42rem,.55vw,.5rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--text-muted); opacity:.35;\n}\n\n\/* Hover overlay *\/\n.sag-gal-overlay {\n  position:absolute; inset:0;\n  background:linear-gradient(to top,rgba(9,28,48,.6) 0%,rgba(9,28,48,.1) 50%,transparent 100%);\n  opacity:0; transition:opacity .4s ease;\n  display:flex; align-items:flex-end;\n  padding:clamp(14px,2vw,20px); z-index:2;\n}\n.sag-gal-item:hover .sag-gal-overlay { opacity:1; }\n.sag-gal-overlay-content {\n  transform:translateY(8px); transition:transform .4s ease;\n}\n.sag-gal-item:hover .sag-gal-overlay-content { transform:translateY(0); }\n.sag-gal-overlay-title {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.7rem,1vw,.85rem); font-weight:600;\n  color:var(--white); margin-bottom:2px;\n}\n.sag-gal-overlay-cat {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.4rem,.5vw,.46rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--gold-light);\n}\n\n\/* Zoom icon *\/\n.sag-gal-zoom {\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%,-50%) scale(0);\n  width:clamp(36px,4.5vw,48px); height:clamp(36px,4.5vw,48px);\n  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,.15);\n  transition:transform .35s ease; z-index:3;\n}\n.sag-gal-item:hover .sag-gal-zoom { transform:translate(-50%,-50%) scale(1); }\n.sag-gal-zoom svg {\n  width:clamp(16px,2vw,20px); height:clamp(16px,2vw,20px);\n  color:var(--navy); stroke-width:2;\n}\n\n\/* Gold corners *\/\n.sag-gal-corner {\n  position:absolute; z-index:2;\n  width:clamp(20px,2.5vw,30px); height:clamp(20px,2.5vw,30px);\n  opacity:0; transition:opacity .4s ease;\n}\n.sag-gal-item:hover .sag-gal-corner { opacity:1; }\n.sag-gal-corner-tl {\n  top:clamp(8px,1vw,12px); left:clamp(8px,1vw,12px);\n  border-top:2px solid var(--gold); border-left:2px solid var(--gold);\n}\n.sag-gal-corner-br {\n  bottom:clamp(8px,1vw,12px); right:clamp(8px,1vw,12px);\n  border-bottom:2px solid var(--gold); border-right:2px solid var(--gold);\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   PAGINATION\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-gal-pagination {\n  display:flex; align-items:center; justify-content:center;\n  gap:clamp(6px,.8vw,10px);\n  margin-top:clamp(28px,4vw,44px);\n  flex-wrap:wrap;\n}\n\n.sag-gal-page-btn {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.55rem,.68vw,.64rem); font-weight:600;\n  letter-spacing:.1em;\n  width:clamp(36px,4vw,44px); height:clamp(36px,4vw,44px);\n  border-radius:8px;\n  background:var(--white);\n  border:1.5px solid var(--parchment);\n  color:var(--text-muted);\n  cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  transition:all .3s;\n}\n.sag-gal-page-btn:hover:not(:disabled):not(.sag-gal-active) {\n  border-color:var(--gold);\n  color:var(--gold);\n  background:rgba(201,168,76,.04);\n}\n.sag-gal-page-btn.sag-gal-active {\n  background:var(--gold);\n  border-color:var(--gold);\n  color:var(--navy-dark);\n  box-shadow:0 4px 14px rgba(201,168,76,.3);\n}\n.sag-gal-page-btn:disabled {\n  opacity:.3; cursor:not-allowed;\n}\n\n\/* Prev \/ Next arrows *\/\n.sag-gal-arrow-btn {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.5rem,.6vw,.56rem); font-weight:600;\n  letter-spacing:.12em; text-transform:uppercase;\n  padding:clamp(8px,1vw,11px) clamp(14px,2vw,20px);\n  border-radius:8px;\n  background:var(--white);\n  border:1.5px solid var(--parchment);\n  color:var(--text-muted);\n  cursor:pointer;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:all .3s;\n}\n.sag-gal-arrow-btn:hover:not(:disabled) {\n  border-color:var(--gold);\n  color:var(--gold);\n  background:rgba(201,168,76,.04);\n}\n.sag-gal-arrow-btn:disabled { opacity:.3; cursor:not-allowed; }\n.sag-gal-arrow-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.5; }\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-gal-lb {\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  padding:clamp(16px,3vw,24px);\n}\n.sag-gal-lb.sag-gal-lb-open { opacity:1; visibility:visible; }\n.sag-gal-lb-inner {\n  position:relative; max-width:90vw; max-height:90vh;\n  display:flex; align-items:center; justify-content:center;\n}\n.sag-gal-lb-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-gal-lb.sag-gal-lb-open .sag-gal-lb-img { transform:scale(1); opacity:1; }\n.sag-gal-lb-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-gal-lb-close:hover { background:rgba(255,255,255,.25); transform:scale(1.1); }\n.sag-gal-lb-close svg { width:18px; height:18px; color:#fff; }\n.sag-gal-lb-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-gal-lb-arrow:hover { background:rgba(255,255,255,.22); transform:translateY(-50%) scale(1.08); }\n.sag-gal-lb-arrow svg { width:20px; height:20px; color:#fff; }\n.sag-gal-lb-prev { left:-60px; }\n.sag-gal-lb-next { right:-60px; }\n.sag-gal-lb-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@media(max-width:768px) {\n  .sag-gal-lb-prev { left:8px; }\n  .sag-gal-lb-next { right:8px; }\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:768px) {\n  .sag-gal-grid {\n    grid-template-columns:repeat(2,1fr);\n    grid-auto-rows:clamp(140px,20vw,180px);\n  }\n  .sag-gal-item:nth-child(1) { grid-column:span 2; grid-row:span 1; }\n  .sag-gal-item:nth-child(5) { grid-row:span 1; }\n}\n@media(max-width:480px) {\n  .sag-gal-grid {\n    grid-template-columns:1fr 1fr;\n    grid-auto-rows:clamp(130px,22vw,160px);\n    gap:clamp(6px,.8vw,8px);\n  }\n  .sag-gal-item:nth-child(1) { grid-column:span 2; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-gallery *, .sag-gallery *::before, .sag-gallery *::after {\n    animation-duration:.01ms!important; transition-duration:.01ms!important;\n  }\n}\n<\/style>\n\n<!-- LIGHTBOX -->\n<div class=\"sag-gal-lb\" id=\"sagGalLb\">\n  <div class=\"sag-gal-lb-inner\">\n    <button class=\"sag-gal-lb-close\" id=\"sagGalLbClose\" aria-label=\"Close\">\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-gal-lb-arrow sag-gal-lb-prev\" id=\"sagGalLbPrev\" aria-label=\"Previous\">\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-gal-lb-img\" id=\"sagGalLbImg\" src=\"\" alt=\"\" \/>\n    <button class=\"sag-gal-lb-arrow sag-gal-lb-next\" id=\"sagGalLbNext\" aria-label=\"Next\">\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-gal-lb-counter\" id=\"sagGalLbCounter\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- GALLERY -->\n<div class=\"sag-gallery\">\n  <section class=\"sag-gal-section\">\n    <div class=\"sag-gal-container\">\n\n      <div class=\"sag-gal-header\" id=\"sagGalHeader\">\n        <h2>Parish <em>Gallery<\/em><\/h2>\n        <div class=\"sag-gal-header-divider\"><\/div>\n        <p>Moments of faith, celebration, and community life captured through the years.<\/p>\n      <\/div>\n\n      <div class=\"sag-gal-page-info\" id=\"sagGalPageInfo\"><\/div>\n\n      <!-- Grid (populated by JS) -->\n      <div class=\"sag-gal-grid\" id=\"sagGalGrid\"><\/div>\n\n      <!-- Pagination -->\n      <div class=\"sag-gal-pagination\" id=\"sagGalPagination\"><\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     GALLERY DATA \u2014 add\/remove items here\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  var galleryItems = [\n    { title:'Parish Exterior',     cat:'Architecture',  src:'' },\n    { title:'Interior View',       cat:'Worship',       src:'' },\n    { title:'Church Bell',         cat:'Heritage',      src:'' },\n    { title:'Holy Week Procession',cat:'Celebrations',  src:'' },\n    { title:'Stained Glass Window',cat:'Art',           src:'' },\n    { title:'Feast Day Mass',      cat:'Community',     src:'' },\n    { title:'Baptism Ceremony',    cat:'Sacraments',    src:'' },\n    { title:'Mayflower Festival',  cat:'Festival',      src:'' },\n    { title:'Parish Grounds',      cat:'Garden',        src:'' },\n    \/* Page 2 *\/\n    { title:'Altar Detail',        cat:'Architecture',  src:'' },\n    { title:'Youth Ministry',      cat:'Community',     src:'' },\n    { title:'Christmas Mass',      cat:'Celebrations',  src:'' },\n    { title:'Confession',          cat:'Sacraments',    src:'' },\n    { title:'Prayer Garden',       cat:'Garden',        src:'' },\n    { title:'Church History',      cat:'Heritage',      src:'' },\n    { title:'Choir Performance',   cat:'Worship',       src:'' },\n    { title:'Confirmation',        cat:'Sacraments',    src:'' },\n    { title:'Parish Fiesta',       cat:'Festival',      src:'' },\n    \/* Page 3 *\/\n    { title:'Rosary Group',        cat:'Community',     src:'' },\n    { title:'Wedding Ceremony',    cat:'Sacraments',    src:'' },\n    { title:'Easter Vigil',        cat:'Celebrations',  src:'' },\n    { title:'Old Church Photo',    cat:'Heritage',      src:'' },\n    { title:'Religious Icons',     cat:'Art',           src:'' },\n    { title:'Candlelight Prayer',  cat:'Worship',       src:'' },\n    { title:'Barangay Fiesta',     cat:'Festival',      src:'' },\n    { title:'First Communion',     cat:'Sacraments',    src:'' },\n    { title:'Parish Volunteers',   cat:'Community',     src:'' },\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     CONFIG\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  var PER_PAGE   = 9;\n  var totalPages = Math.ceil(galleryItems.length \/ PER_PAGE);\n  var currentPage = 1;\n\n  var grid     = document.getElementById('sagGalGrid');\n  var pagWrap  = document.getElementById('sagGalPagination');\n  var pageInfo = document.getElementById('sagGalPageInfo');\n  var header   = document.getElementById('sagGalHeader');\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     SVG PLACEHOLDER\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  function placeholderSVG(label) {\n    return '<div class=\"sag-gal-placeholder\">'\n      + '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>'\n      + '<span>' + label + '<\/span><\/div>';\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     RENDER A PAGE\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  function renderPage(page) {\n    \/* Fade out grid *\/\n    grid.classList.add('sag-gal-fading');\n\n    setTimeout(function(){\n      grid.innerHTML = '';\n      var start = (page - 1) * PER_PAGE;\n      var end   = Math.min(start + PER_PAGE, galleryItems.length);\n      var pageItems = galleryItems.slice(start, end);\n\n      pageItems.forEach(function(item, i){\n        var globalIdx = start + i;\n        var el = document.createElement('div');\n        el.className = 'sag-gal-item';\n        el.setAttribute('data-gal', globalIdx);\n\n        \/* If image src exists, use <img>, else placeholder *\/\n        var inner = '';\n        if (item.src) {\n          inner = '<img decoding=\"async\" src=\"' + item.src + '\" alt=\"' + item.title + '\" style=\"width:100%;height:100%;object-fit:cover;display:block;\" loading=\"lazy\">';\n        } else {\n          inner = placeholderSVG(item.title);\n        }\n\n        el.innerHTML = inner\n          + '<div class=\"sag-gal-overlay\"><div class=\"sag-gal-overlay-content\">'\n          + '<div class=\"sag-gal-overlay-title\">' + item.title + '<\/div>'\n          + '<div class=\"sag-gal-overlay-cat\">' + item.cat + '<\/div>'\n          + '<\/div><\/div>'\n          + '<div class=\"sag-gal-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35M11 8v6M8 11h6\"\/><\/svg><\/div>'\n          + '<div class=\"sag-gal-corner sag-gal-corner-tl\"><\/div>'\n          + '<div class=\"sag-gal-corner sag-gal-corner-br\"><\/div>';\n\n        el.addEventListener('click', function(){ openLb(globalIdx); });\n        grid.appendChild(el);\n      });\n\n      \/* Fade in grid *\/\n      grid.classList.remove('sag-gal-fading');\n\n      \/* Stagger reveal *\/\n      var cells = grid.querySelectorAll('.sag-gal-item');\n      cells.forEach(function(cell, i){\n        setTimeout(function(){ cell.classList.add('pp-anim-in'); }, i * 70);\n      });\n\n      \/* Update page info *\/\n      pageInfo.textContent = 'Page ' + page + ' of ' + totalPages + ' \u2014 Showing ' + (start + 1) + '\u2013' + end + ' of ' + galleryItems.length;\n\n      \/* Scroll to top of gallery *\/\n      header.scrollIntoView({ behavior:'smooth', block:'nearest' });\n\n    }, 300);\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     RENDER PAGINATION\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  function renderPagination() {\n    pagWrap.innerHTML = '';\n\n    \/* Prev *\/\n    var prev = document.createElement('button');\n    prev.className = 'sag-gal-arrow-btn';\n    prev.disabled = (currentPage === 1);\n    prev.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg> Prev';\n    prev.addEventListener('click', function(){\n      if (currentPage > 1) { currentPage--; renderPage(currentPage); renderPagination(); }\n    });\n    pagWrap.appendChild(prev);\n\n    \/* Page numbers *\/\n    for (var i = 1; i <= totalPages; i++) {\n      (function(num){\n        var btn = document.createElement('button');\n        btn.className = 'sag-gal-page-btn' + (num === currentPage ? ' sag-gal-active' : '');\n        btn.textContent = num;\n        btn.addEventListener('click', function(){\n          if (num !== currentPage) { currentPage = num; renderPage(currentPage); renderPagination(); }\n        });\n        pagWrap.appendChild(btn);\n      })(i);\n    }\n\n    \/* Next *\/\n    var next = document.createElement('button');\n    next.className = 'sag-gal-arrow-btn';\n    next.disabled = (currentPage === totalPages);\n    next.innerHTML = 'Next <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>';\n    next.addEventListener('click', function(){\n      if (currentPage < totalPages) { currentPage++; renderPage(currentPage); renderPagination(); }\n    });\n    pagWrap.appendChild(next);\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     LIGHTBOX (global \u2014 spans all pages)\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  var lb      = document.getElementById('sagGalLb');\n  var lbImg   = document.getElementById('sagGalLbImg');\n  var lbClose = document.getElementById('sagGalLbClose');\n  var lbPrev  = document.getElementById('sagGalLbPrev');\n  var lbNext  = document.getElementById('sagGalLbNext');\n  var lbCount = document.getElementById('sagGalLbCounter');\n  var lbIdx   = 0;\n\n  function openLb(i){\n    lbIdx = i;\n    updateLb();\n    lb.classList.add('sag-gal-lb-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeLb(){\n    lb.classList.remove('sag-gal-lb-open');\n    document.body.style.overflow = '';\n  }\n  function updateLb(){\n    var item = galleryItems[lbIdx];\n    if (item.src) {\n      lbImg.src = item.src;\n      lbImg.alt = item.title;\n      lbImg.style.display = '';\n    } else {\n      \/* For placeholders, show a styled message *\/\n      lbImg.src = '';\n      lbImg.alt = item.title;\n      lbImg.style.display = 'none';\n    }\n    lbCount.textContent = (lbIdx+1) + ' \/ ' + galleryItems.length;\n  }\n\n  lbClose.addEventListener('click', closeLb);\n  lb.addEventListener('click', function(e){ if(e.target === lb) closeLb(); });\n  lbPrev.addEventListener('click', function(e){\n    e.stopPropagation();\n    lbIdx = (lbIdx - 1 + galleryItems.length) % galleryItems.length;\n    \/* Navigate to the page containing this image if needed *\/\n    var targetPage = Math.floor(lbIdx \/ PER_PAGE) + 1;\n    if (targetPage !== currentPage) { currentPage = targetPage; renderPage(currentPage); renderPagination(); }\n    updateLb();\n  });\n  lbNext.addEventListener('click', function(e){\n    e.stopPropagation();\n    lbIdx = (lbIdx + 1) % galleryItems.length;\n    var targetPage = Math.floor(lbIdx \/ PER_PAGE) + 1;\n    if (targetPage !== currentPage) { currentPage = targetPage; renderPage(currentPage); renderPagination(); }\n    updateLb();\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(!lb.classList.contains('sag-gal-lb-open')) return;\n    if(e.key === 'Escape') closeLb();\n    if(e.key === 'ArrowLeft'){\n      lbIdx = (lbIdx-1+galleryItems.length)%galleryItems.length;\n      var tp = Math.floor(lbIdx\/PER_PAGE)+1;\n      if(tp!==currentPage){ currentPage=tp; renderPage(currentPage); renderPagination(); }\n      updateLb();\n    }\n    if(e.key === 'ArrowRight'){\n      lbIdx = (lbIdx+1)%galleryItems.length;\n      var tp2 = Math.floor(lbIdx\/PER_PAGE)+1;\n      if(tp2!==currentPage){ currentPage=tp2; renderPage(currentPage); renderPagination(); }\n      updateLb();\n    }\n  });\n\n  var touch = {x:0,y:0};\n  lb.addEventListener('touchstart', function(e){ touch.x=e.changedTouches[0].clientX; },{passive:true});\n  lb.addEventListener('touchend', function(e){\n    var dx = e.changedTouches[0].clientX - touch.x;\n    if(Math.abs(dx)>50){\n      if(dx<0) lbIdx=(lbIdx+1)%galleryItems.length;\n      else lbIdx=(lbIdx-1+galleryItems.length)%galleryItems.length;\n      var tp=Math.floor(lbIdx\/PER_PAGE)+1;\n      if(tp!==currentPage){ currentPage=tp; renderPage(currentPage); renderPagination(); }\n      updateLb();\n    }\n  },{passive:true});\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     INIT\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  renderPage(1);\n  renderPagination();\n\n  \/* Header reveal *\/\n  var headerObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.style.opacity='1'; e.target.style.transform='translateY(0)'; headerObs.unobserve(e.target); }\n    });\n  },{ threshold:0.1 });\n  header.style.opacity='0'; header.style.transform='translateY(20px)';\n  header.style.transition='opacity .7s ease, transform .7s ease';\n  headerObs.observe(header);\n\n})();\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-65b07d58 alignfull uagb-is-root-container\"><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-videos * { margin:0; padding:0; box-sizing:border-box; }\n.sag-videos {\n  --cream:#faf8f5; --ivory:#f3ede4; --parchment:#ebe5da;\n  --sky-50:#f0f7fc; --sky-100:#dceef8; --sky-300:#7ec8e3;\n  --sky-500:#2980b9;\n  --navy:#1a365d; --navy-dark:#0f2640; --navy-deep:#091c30;\n  --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);\n  position:relative; width:100%;\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   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.sag-vid-section {\n  background:var(--cream);\n  padding:clamp(50px,8vw,90px) 0;\n}\n.sag-vid-container {\n  max-width:1100px; margin:0 auto;\n  padding:0 clamp(1rem,3vw,2rem);\n}\n\n\/* Header *\/\n.sag-vid-header { text-align:center; margin-bottom:clamp(32px,5vw,52px); }\n.sag-vid-header h2 {\n  font-family:'Cinzel',serif; font-weight:700;\n  font-size:clamp(1.4rem,2.8vw,2rem);\n  color:var(--navy); line-height:1.2; margin-bottom:.3rem;\n}\n.sag-vid-header h2 em { font-style:italic; color:var(--sky-500); }\n.sag-vid-header-divider {\n  width:50px; height:2px; margin:1rem auto;\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);\n}\n.sag-vid-header p {\n  font-size:clamp(.88rem,1vw,1rem);\n  line-height:1.8; color:var(--text-muted);\n  max-width:480px; margin:0 auto;\n}\n\n\/* Page info *\/\n.sag-vid-page-info {\n  text-align:center; margin-bottom:clamp(16px,2vw,24px);\n  font-family:'Cinzel',serif;\n  font-size:clamp(.5rem,.6vw,.56rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--text-muted); opacity:.6;\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   VIDEO GRID\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-vid-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:clamp(14px,1.8vw,20px);\n  transition:opacity .4s ease;\n}\n.sag-vid-grid.sag-vid-fading { opacity:0; }\n\n\/* Featured video spans full width *\/\n.sag-vid-card-featured { grid-column:1\/-1; }\n.sag-vid-card-featured .sag-vid-thumb { aspect-ratio:21\/9; }\n.sag-vid-card-featured .sag-vid-card-title {\n  font-size:clamp(1rem,1.6vw,1.25rem);\n}\n\n\/* Card *\/\n.sag-vid-card {\n  background:var(--white);\n  border:1px solid var(--parchment);\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow:var(--shadow-sm);\n  cursor:pointer;\n  transition:transform .35s ease, box-shadow .35s ease;\n  opacity:0; transform:translateY(20px);\n  transition:opacity .6s ease, transform .6s ease, box-shadow .35s;\n}\n.sag-vid-card.pp-anim-in { opacity:1!important; transform:translateY(0)!important; }\n.sag-vid-card:hover {\n  transform:translateY(-5px);\n  box-shadow:0 12px 40px rgba(26,54,93,.12);\n}\n\n\/* Thumbnail *\/\n.sag-vid-thumb {\n  width:100%; aspect-ratio:16\/9;\n  position:relative; overflow:hidden;\n  background:linear-gradient(135deg,var(--navy-deep),var(--navy));\n}\n.sag-vid-thumb-img {\n  width:100%; height:100%; object-fit:cover; display:block;\n  transition:transform .5s ease, opacity .4s ease;\n}\n.sag-vid-card:hover .sag-vid-thumb-img { transform:scale(1.04); }\n\n\/* Placeholder when no thumbnail *\/\n.sag-vid-thumb-placeholder {\n  width:100%; height:100%;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:10px;\n  background:linear-gradient(135deg,var(--navy-deep),var(--navy));\n}\n.sag-vid-thumb-placeholder svg {\n  width:clamp(32px,4vw,48px); height:clamp(32px,4vw,48px);\n  color:rgba(255,255,255,.12); stroke-width:1;\n}\n.sag-vid-thumb-placeholder span {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.42rem,.55vw,.5rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:rgba(255,255,255,.15);\n}\n\n\/* Play button *\/\n.sag-vid-play {\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%,-50%);\n  width:clamp(52px,6.5vw,72px); height:clamp(52px,6.5vw,72px);\n  border-radius:50%;\n  background:rgba(255,255,255,.92);\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 8px 30px rgba(0,0,0,.25);\n  transition:transform .3s ease, box-shadow .3s ease;\n  z-index:3;\n}\n.sag-vid-card:hover .sag-vid-play {\n  transform:translate(-50%,-50%) scale(1.08);\n  box-shadow:0 12px 40px rgba(0,0,0,.35);\n}\n.sag-vid-play svg {\n  width:clamp(20px,2.5vw,28px); height:clamp(20px,2.5vw,28px);\n  color:var(--gold); fill:var(--gold); stroke:none;\n  margin-left:3px;\n}\n\n\/* Pulse ring on hover *\/\n.sag-vid-play-ring {\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%,-50%);\n  width:clamp(52px,6.5vw,72px); height:clamp(52px,6.5vw,72px);\n  border-radius:50%;\n  border:2px solid rgba(255,255,255,.3);\n  z-index:2;\n  opacity:0;\n  animation:none;\n}\n.sag-vid-card:hover .sag-vid-play-ring {\n  opacity:1;\n  animation:sagVidPulse 1.5s ease-in-out infinite;\n}\n@keyframes sagVidPulse {\n  0%   { transform:translate(-50%,-50%) scale(1);   opacity:.5; }\n  100% { transform:translate(-50%,-50%) scale(1.6); opacity:0;  }\n}\n\n\/* Category tag *\/\n.sag-vid-cat-tag {\n  position:absolute; top:clamp(10px,1.2vw,14px); left:clamp(10px,1.2vw,14px);\n  font-family:'Cinzel',serif;\n  font-size:clamp(.4rem,.5vw,.45rem); font-weight:500;\n  letter-spacing:.15em; text-transform:uppercase;\n  padding:3px 10px; background:rgba(255,255,255,.92);\n  border:1px solid var(--parchment); border-radius:4px;\n  color:var(--gold); z-index:4;\n  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);\n}\n\n\/* Duration badge *\/\n.sag-vid-duration {\n  position:absolute; bottom:clamp(10px,1.2vw,14px); right:clamp(10px,1.2vw,14px);\n  font-family:'Cinzel',serif;\n  font-size:clamp(.48rem,.58vw,.54rem); font-weight:600;\n  padding:3px 8px; border-radius:4px;\n  background:rgba(9,28,48,.8);\n  color:var(--white); z-index:4;\n  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);\n}\n\n\/* Card body *\/\n.sag-vid-card-body {\n  padding:clamp(16px,2vw,22px) clamp(16px,2vw,20px);\n}\n.sag-vid-card-date {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.42rem,.52vw,.48rem); font-weight:500;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--gold); margin-bottom:clamp(6px,1vw,10px);\n}\n.sag-vid-card-title {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.82rem,1.1vw,.95rem); font-weight:700;\n  color:var(--navy); line-height:1.35;\n  margin-bottom:clamp(6px,.8vw,10px);\n  transition:color .3s;\n}\n.sag-vid-card:hover .sag-vid-card-title { color:var(--sky-500); }\n.sag-vid-card-desc {\n  font-size:clamp(.78rem,.88vw,.84rem);\n  color:var(--text-muted); line-height:1.7;\n  display:-webkit-box; -webkit-line-clamp:2;\n  -webkit-box-orient:vertical; overflow:hidden;\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   VIDEO MODAL (Embed Player)\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-vid-modal {\n  position:fixed; inset:0;\n  background:rgba(5,12,24,.94);\n  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);\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  padding:clamp(16px,3vw,24px);\n}\n.sag-vid-modal.sag-vid-modal-open { opacity:1; visibility:visible; }\n\n.sag-vid-modal-inner {\n  position:relative;\n  width:100%; max-width:960px;\n  border-radius:14px; overflow:hidden;\n  box-shadow:0 24px 80px rgba(0,0,0,.5);\n  transform:scale(.92) translateY(20px);\n  opacity:0;\n  transition:transform .4s ease, opacity .4s ease;\n}\n.sag-vid-modal.sag-vid-modal-open .sag-vid-modal-inner {\n  transform:scale(1) translateY(0); opacity:1;\n}\n\n.sag-vid-modal-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; z-index:2;\n}\n.sag-vid-modal-close:hover { background:rgba(255,255,255,.25); transform:scale(1.1); }\n.sag-vid-modal-close svg { width:18px; height:18px; color:#fff; }\n\n.sag-vid-modal-title {\n  position:absolute; bottom:-40px; left:0; right:0;\n  text-align:center;\n  font-family:'Cinzel',serif;\n  font-size:clamp(.7rem,.9vw,.82rem); font-weight:600;\n  color:rgba(255,255,255,.6); margin-top:12px;\n}\n\n.sag-vid-modal-iframe {\n  width:100%; aspect-ratio:16\/9;\n  display:block; border:none;\n  background:var(--navy-deep);\n}\n\n\/* No-video placeholder inside modal *\/\n.sag-vid-modal-placeholder {\n  width:100%; aspect-ratio:16\/9;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:14px;\n  background:linear-gradient(135deg,var(--navy-deep),var(--navy));\n}\n.sag-vid-modal-placeholder svg {\n  width:48px; height:48px; color:rgba(255,255,255,.15); stroke-width:1;\n}\n.sag-vid-modal-placeholder p {\n  font-family:'Cinzel',serif;\n  font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;\n  color:rgba(255,255,255,.2);\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   PAGINATION\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-vid-pagination {\n  display:flex; align-items:center; justify-content:center;\n  gap:clamp(6px,.8vw,10px);\n  margin-top:clamp(28px,4vw,44px); flex-wrap:wrap;\n}\n.sag-vid-page-btn {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.55rem,.68vw,.64rem); font-weight:600;\n  letter-spacing:.1em;\n  width:clamp(36px,4vw,44px); height:clamp(36px,4vw,44px);\n  border-radius:8px;\n  background:var(--white);\n  border:1.5px solid var(--parchment);\n  color:var(--text-muted);\n  cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  transition:all .3s;\n}\n.sag-vid-page-btn:hover:not(:disabled):not(.sag-vid-active) {\n  border-color:var(--gold); color:var(--gold);\n  background:rgba(201,168,76,.04);\n}\n.sag-vid-page-btn.sag-vid-active {\n  background:var(--gold); border-color:var(--gold);\n  color:var(--navy-dark);\n  box-shadow:0 4px 14px rgba(201,168,76,.3);\n}\n.sag-vid-page-btn:disabled { opacity:.3; cursor:not-allowed; }\n.sag-vid-arrow-btn {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.5rem,.6vw,.56rem); font-weight:600;\n  letter-spacing:.12em; text-transform:uppercase;\n  padding:clamp(8px,1vw,11px) clamp(14px,2vw,20px);\n  border-radius:8px;\n  background:var(--white);\n  border:1.5px solid var(--parchment);\n  color:var(--text-muted);\n  cursor:pointer;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:all .3s;\n}\n.sag-vid-arrow-btn:hover:not(:disabled) {\n  border-color:var(--gold); color:var(--gold);\n  background:rgba(201,168,76,.04);\n}\n.sag-vid-arrow-btn:disabled { opacity:.3; cursor:not-allowed; }\n.sag-vid-arrow-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.5; }\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-vid-grid { grid-template-columns:repeat(2,1fr); }\n  .sag-vid-card-featured { grid-column:1\/-1; }\n}\n@media(max-width:640px) {\n  .sag-vid-grid { grid-template-columns:1fr; max-width:440px; margin:0 auto; }\n  .sag-vid-card-featured .sag-vid-thumb { aspect-ratio:16\/9; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-videos *, .sag-videos *::before, .sag-videos *::after {\n    animation-duration:.01ms!important; transition-duration:.01ms!important;\n  }\n}\n<\/style>\n\n<!-- VIDEO MODAL -->\n<div class=\"sag-vid-modal\" id=\"sagVidModal\">\n  <div class=\"sag-vid-modal-inner\">\n    <button class=\"sag-vid-modal-close\" id=\"sagVidModalClose\" aria-label=\"Close\">\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    <div id=\"sagVidModalContent\"><\/div>\n    <div class=\"sag-vid-modal-title\" id=\"sagVidModalTitle\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- VIDEOS SECTION -->\n<div class=\"sag-videos\">\n  <section class=\"sag-vid-section\">\n    <div class=\"sag-vid-container\">\n\n      <div class=\"sag-vid-header\" id=\"sagVidHeader\">\n        <h2>Parish <em>Videos<\/em><\/h2>\n        <div class=\"sag-vid-header-divider\"><\/div>\n        <p>Watch recordings of Masses, events, and special celebrations from our parish.<\/p>\n      <\/div>\n\n      <div class=\"sag-vid-page-info\" id=\"sagVidPageInfo\"><\/div>\n\n      <!-- Grid (populated by JS) -->\n      <div class=\"sag-vid-grid\" id=\"sagVidGrid\"><\/div>\n\n      <!-- Pagination -->\n      <div class=\"sag-vid-pagination\" id=\"sagVidPagination\"><\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     VIDEO DATA \u2014 add your videos here\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     embedUrl: YouTube embed URL (e.g. https:\/\/www.youtube.com\/embed\/VIDEO_ID)\n     thumb:    thumbnail image URL (leave '' for placeholder)\n     cat:      category label\n     date:     display date\n     duration: video length (e.g. \"12:34\")\n     desc:     short description\n     featured: true = spans full width on page 1\n  *\/\n  var videos = [\n    {\n      title:'Sunday Holy Mass \u2014 June 22, 2025',\n      cat:'Mass', date:'Jun 22, 2025', duration:'58:24',\n      desc:'Live recording of the Sunday Holy Mass celebrated at St. Aloysius Gonzaga Parish.',\n      embedUrl:'', thumb:'', featured:true\n    },\n    {\n      title:'Feast of St. Aloysius Gonzaga',\n      cat:'Feast Day', date:'Jun 21, 2025', duration:'1:24:10',\n      desc:'Solemn celebration of the parish patron saint feast day.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Holy Week \u2014 Good Friday Procession',\n      cat:'Holy Week', date:'Apr 18, 2025', duration:'34:55',\n      desc:'The traditional Good Friday procession through the streets of Guinayangan.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Parish History Documentary',\n      cat:'Heritage', date:'Mar 15, 2025', duration:'22:08',\n      desc:'A short documentary on the rich history of St. Aloysius Gonzaga Parish since 1830.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Mayflower Festival 2025',\n      cat:'Festival', date:'May 31, 2025', duration:'45:30',\n      desc:'Highlights from the annual Mayflower Festival honoring the Blessed Virgin Mary.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Youth Ministry Gathering',\n      cat:'Community', date:'Apr 6, 2025', duration:'18:42',\n      desc:'Youth catechetical gathering and faith formation activities at the parish hall.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Christmas Midnight Mass 2024',\n      cat:'Mass', date:'Dec 25, 2024', duration:'1:12:15',\n      desc:'The solemn Christmas Eve Midnight Mass celebrated at St. Aloysius Gonzaga Parish.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Baptism Preparation Seminar',\n      cat:'Sacraments', date:'Feb 10, 2025', duration:'28:33',\n      desc:'Guidance for parents and godparents preparing for the Sacrament of Baptism.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Parish Choir \u2014 Easter Hymns',\n      cat:'Worship', date:'Apr 20, 2025', duration:'15:20',\n      desc:'The parish choir performing special hymns during the Easter celebration.',\n      embedUrl:'', thumb:''\n    },\n    \/* Page 2 *\/\n    {\n      title:'Confirmation Ceremony 2025',\n      cat:'Sacraments', date:'May 4, 2025', duration:'42:18',\n      desc:'The Sacrament of Confirmation administered to the youth of the parish.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Barangay Fiesta Celebration',\n      cat:'Festival', date:'Jan 15, 2025', duration:'36:45',\n      desc:'Community celebration during the annual Barangay fiesta with Mass and festivities.',\n      embedUrl:'', thumb:''\n    },\n    {\n      title:'Parish Lenten Recollection',\n      cat:'Retreat', date:'Mar 8, 2025', duration:'1:05:22',\n      desc:'Lenten recollection and spiritual reflection for parishioners.',\n      embedUrl:'', thumb:''\n    },\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     CONFIG\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  var PER_PAGE    = 6;\n  var totalPages  = Math.ceil(videos.length \/ PER_PAGE);\n  var currentPage = 1;\n\n  var grid     = document.getElementById('sagVidGrid');\n  var pagWrap  = document.getElementById('sagVidPagination');\n  var pageInfo = document.getElementById('sagVidPageInfo');\n  var header   = document.getElementById('sagVidHeader');\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     RENDER PAGE\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  function renderPage(page) {\n    grid.classList.add('sag-vid-fading');\n\n    setTimeout(function(){\n      grid.innerHTML = '';\n      var start = (page - 1) * PER_PAGE;\n      var end   = Math.min(start + PER_PAGE, videos.length);\n      var pageItems = videos.slice(start, end);\n\n      pageItems.forEach(function(item, i){\n        var globalIdx = start + i;\n        var isFeatured = (item.featured && page === 1);\n\n        var card = document.createElement('div');\n        card.className = 'sag-vid-card' + (isFeatured ? ' sag-vid-card-featured' : '');\n        card.setAttribute('data-vid', globalIdx);\n\n        \/* Thumbnail *\/\n        var thumbHTML = '';\n        if (item.thumb) {\n          thumbHTML = '<img decoding=\"async\" class=\"sag-vid-thumb-img\" src=\"' + item.thumb + '\" alt=\"' + item.title + '\" loading=\"' + (i < 3 ? 'eager' : 'lazy') + '\">';\n        } else {\n          thumbHTML = '<div class=\"sag-vid-thumb-placeholder\">'\n            + '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><polygon points=\"10 7 16 10 10 13\" fill=\"currentColor\" stroke=\"none\" opacity=\".15\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>'\n            + '<span>Video Thumbnail<\/span><\/div>';\n        }\n\n        card.innerHTML =\n          '<div class=\"sag-vid-thumb\">'\n          + thumbHTML\n          + '<div class=\"sag-vid-play-ring\"><\/div>'\n          + '<div class=\"sag-vid-play\"><svg viewBox=\"0 0 24 24\"><polygon points=\"6,3 20,12 6,21\"\/><\/svg><\/div>'\n          + '<span class=\"sag-vid-cat-tag\">' + item.cat + '<\/span>'\n          + '<span class=\"sag-vid-duration\">' + item.duration + '<\/span>'\n          + '<\/div>'\n          + '<div class=\"sag-vid-card-body\">'\n          + '<div class=\"sag-vid-card-date\">' + item.date + '<\/div>'\n          + '<h3 class=\"sag-vid-card-title\">' + item.title + '<\/h3>'\n          + '<p class=\"sag-vid-card-desc\">' + item.desc + '<\/p>'\n          + '<\/div>';\n\n        card.addEventListener('click', function(){ openModal(globalIdx); });\n        grid.appendChild(card);\n      });\n\n      grid.classList.remove('sag-vid-fading');\n\n      \/* Stagger reveal *\/\n      var cells = grid.querySelectorAll('.sag-vid-card');\n      cells.forEach(function(cell, i){\n        setTimeout(function(){ cell.classList.add('pp-anim-in'); }, i * 80);\n      });\n\n      \/* Page info *\/\n      pageInfo.textContent = 'Page ' + page + ' of ' + totalPages + ' \u2014 Showing ' + (start+1) + '\u2013' + end + ' of ' + videos.length;\n\n      header.scrollIntoView({ behavior:'smooth', block:'nearest' });\n    }, 300);\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     RENDER PAGINATION\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  function renderPagination() {\n    pagWrap.innerHTML = '';\n\n    var prev = document.createElement('button');\n    prev.className = 'sag-vid-arrow-btn';\n    prev.disabled = (currentPage === 1);\n    prev.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg> Prev';\n    prev.addEventListener('click', function(){\n      if(currentPage > 1){ currentPage--; renderPage(currentPage); renderPagination(); }\n    });\n    pagWrap.appendChild(prev);\n\n    for(var i=1; i<=totalPages; i++){\n      (function(num){\n        var btn = document.createElement('button');\n        btn.className = 'sag-vid-page-btn' + (num===currentPage ? ' sag-vid-active' : '');\n        btn.textContent = num;\n        btn.addEventListener('click', function(){\n          if(num!==currentPage){ currentPage=num; renderPage(currentPage); renderPagination(); }\n        });\n        pagWrap.appendChild(btn);\n      })(i);\n    }\n\n    var next = document.createElement('button');\n    next.className = 'sag-vid-arrow-btn';\n    next.disabled = (currentPage === totalPages);\n    next.innerHTML = 'Next <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>';\n    next.addEventListener('click', function(){\n      if(currentPage < totalPages){ currentPage++; renderPage(currentPage); renderPagination(); }\n    });\n    pagWrap.appendChild(next);\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     VIDEO MODAL\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  var modal      = document.getElementById('sagVidModal');\n  var modalClose = document.getElementById('sagVidModalClose');\n  var modalCont  = document.getElementById('sagVidModalContent');\n  var modalTitle = document.getElementById('sagVidModalTitle');\n\n  function openModal(i) {\n    var v = videos[i];\n\n    if (v.embedUrl) {\n      modalCont.innerHTML = '<iframe class=\"sag-vid-modal-iframe\" src=\"' + v.embedUrl + '?autoplay=1&#038;rel=0\" allow=\"autoplay; encrypted-media; fullscreen\" allowfullscreen><\/iframe>';\n    } else {\n      modalCont.innerHTML = '<div class=\"sag-vid-modal-placeholder\">'\n        + '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><polygon points=\"10 7 16 10 10 13\" fill=\"currentColor\" stroke=\"none\" opacity=\".2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>'\n        + '<p>Video Embed \u2014 Add URL to Data<\/p><\/div>';\n    }\n\n    modalTitle.textContent = v.title;\n    modal.classList.add('sag-vid-modal-open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeModal() {\n    modal.classList.remove('sag-vid-modal-open');\n    document.body.style.overflow = '';\n    \/* Stop video playback *\/\n    setTimeout(function(){ modalCont.innerHTML = ''; }, 350);\n  }\n\n  modalClose.addEventListener('click', closeModal);\n  modal.addEventListener('click', function(e){ if(e.target === modal) closeModal(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && modal.classList.contains('sag-vid-modal-open')) closeModal();\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     INIT\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  renderPage(1);\n  renderPagination();\n\n  \/* Header reveal *\/\n  var hdrObs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        e.target.style.opacity='1'; e.target.style.transform='translateY(0)';\n        hdrObs.unobserve(e.target);\n      }\n    });\n  },{threshold:0.1});\n  header.style.opacity='0'; header.style.transform='translateY(20px)';\n  header.style.transition='opacity .7s ease, transform .7s ease';\n  hdrObs.observe(header);\n\n})();\n<\/script><\/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":"Media - St. Aloysius Gonzaga Parish","description":""},"footnotes":""},"class_list":["post-877","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":null,"_links":{"self":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/877","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=877"}],"version-history":[{"count":3,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/877\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}