{"id":14,"date":"2026-03-13T07:38:02","date_gmt":"2026-03-13T07:38:02","guid":{"rendered":"https:\/\/demo4.yinwoodweb.com\/quezon\/?page_id=14"},"modified":"2026-06-17T13:44:14","modified_gmt":"2026-06-17T05:44:14","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demo4.yinwoodweb.com\/quezon\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-5b222df9 alignfull uagb-is-root-container\">\n<style data-wp-block-html=\"css\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ROOT & RESET\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --gold: #b88a4a;\n  --gold-bright: #d4a95e;\n  --gold-dark: #8a6835;\n  --gold-pale: #e8d5b0;\n  --brown: #3b1f10;\n  --brown-deep: #2a1609;\n  --brown-light: #5c361c;\n  --brown-warm: #4e2a14;\n  --cream: #faf6ef;\n  --cream-dark: #eee6d6;\n  --off-white: #f5f0e8;\n  --text-dark: #1a0e06;\n  --text-muted: #7a6e5e;\n\n  --font-display: 'Instrument Serif', Georgia, serif;\n  --font-sans: 'Syne', sans-serif;\n  --font-mono: 'DM Mono', monospace;\n}\n\n*,\n*::before,\n*::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  font-size: 16px;\n}\n\nbody {\n  background: var(--cream);\n  color: var(--text-dark);\n  font-family: var(--font-sans);\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  position: relative;\n  min-height: 100vh;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  overflow: hidden;\n}\n\n.hero-left {\n  background: var(--brown);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 6rem 5rem 6rem 6rem;\n  position: relative;\n}\n\n.hero-left::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 1px;\n  background: linear-gradient(180deg, transparent 10%, var(--gold-dark) 50%, transparent 90%);\n  opacity: 0.3;\n}\n\n.hero-tag {\n  font-family: var(--font-mono);\n  font-size: 0.7rem;\n  font-weight: 400;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 3rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  opacity: 0;\n  animation: fadeRight 0.8s ease 0.3s forwards;\n}\n\n.hero-tag::before {\n  content: '';\n  width: 30px;\n  height: 1px;\n  background: var(--gold);\n}\n\n.hero-title {\n  font-family: var(--font-display);\n  font-size: clamp(3.5rem, 6vw, 6rem);\n  font-weight: 400;\n  line-height: 0.95;\n  color: var(--cream);\n  margin-bottom: 2rem;\n  opacity: 0;\n  animation: fadeRight 1s ease 0.5s forwards;\n}\n\n.hero-title em {\n  font-style: italic;\n  color: var(--gold-bright);\n  display: block;\n}\n\n.hero-meta {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n  opacity: 0;\n  animation: fadeRight 0.8s ease 0.8s forwards;\n}\n\n.hero-meta-row {\n  display: flex;\n  align-items: baseline;\n  gap: 1rem;\n}\n\n.hero-meta-label {\n  font-family: var(--font-mono);\n  font-size: 0.65rem;\n  font-weight: 500;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--gold-dark);\n  min-width: 80px;\n}\n\n.hero-meta-value {\n  font-family: var(--font-display);\n  font-size: 1rem;\n  color: var(--cream-dark);\n  opacity: 0.7;\n}\n\n.hero-right {\n  position: relative;\n  background: var(--brown-deep);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.hero-pattern {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-rows: repeat(8, 1fr);\n  gap: 0;\n  opacity: 0.08;\n}\n\n.hero-pattern span {\n  border: 0.5px solid var(--gold);\n}\n\n.hero-center-cross {\n  position: relative;\n  z-index: 2;\n  width: 200px;\n  height: 280px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  animation: scaleIn 1.2s ease 0.6s forwards;\n}\n\n.hero-center-cross svg {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--gold);\n  stroke-width: 1.5;\n}\n\n.hero-year-badge {\n  position: absolute;\n  bottom: 4rem;\n  right: 4rem;\n  z-index: 3;\n  text-align: right;\n  opacity: 0;\n  animation: fadeUp 0.8s ease 1s forwards;\n}\n\n.hero-year-badge .year {\n  font-family: var(--font-display);\n  font-size: 4rem;\n  font-weight: 400;\n  color: var(--gold);\n  line-height: 1;\n  opacity: 0.2;\n}\n\n.hero-year-badge .label {\n  font-family: var(--font-mono);\n  font-size: 0.6rem;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--gold-dark);\n  opacity: 0.5;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   EDITORIAL SECTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.editorial-section {\n  display: grid;\n  grid-template-columns: 380px 1fr;\n  min-height: 80vh;\n  border-bottom: 1px solid rgba(59, 31, 16, 0.1);\n}\n\n\/* Reversed: content left, aside right *\/\n.editorial-section--alt {\n  grid-template-columns: 1fr 380px;\n}\n\n.editorial-section--alt .section-aside {\n  order: 2;\n}\n\n.editorial-section--alt .section-content {\n  order: 1;\n}\n\n.editorial-section--alt .section-content-inner {\n  margin-left: auto;\n}\n\n\/* Aside column *\/\n.section-aside {\n  background: var(--brown);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 5rem 3.5rem;\n  position: relative;\n}\n\n\/* Border on right for normal, left for alt *\/\n.editorial-section:not(.editorial-section--alt) .section-aside::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 1px;\n  height: 60%;\n  background: linear-gradient(180deg, transparent, var(--gold-dark), transparent);\n  opacity: 0.2;\n}\n\n.editorial-section--alt .section-aside::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 1px;\n  height: 60%;\n  background: linear-gradient(180deg, transparent, var(--gold-dark), transparent);\n  opacity: 0.2;\n}\n\n.aside-number {\n  font-family: var(--font-display);\n  font-size: 8rem;\n  font-weight: 400;\n  color: var(--gold);\n  line-height: 0.85;\n  opacity: 0.12;\n  margin-bottom: 1.5rem;\n}\n\n.aside-label {\n  font-family: var(--font-mono);\n  font-size: 0.65rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 1rem;\n  position: relative;\n  padding-left: 2rem;\n}\n\n.aside-label::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 14px;\n  height: 1px;\n  background: var(--gold);\n  transform: translateY(-50%);\n}\n\n.aside-title {\n  font-family: var(--font-display);\n  font-size: 2.8rem;\n  font-weight: 400;\n  line-height: 1.1;\n  color: var(--cream);\n}\n\n.aside-title em {\n  font-style: italic;\n  color: var(--gold-bright);\n}\n\n\/* Content column *\/\n.section-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 5rem 5rem;\n}\n\n.section-content-inner {\n  max-width: 620px;\n}\n\n.content-text {\n  font-family: var(--font-sans);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.85;\n  color: var(--brown-warm);\n}\n\n.content-text p + p {\n  margin-top: 1.5rem;\n}\n\n.content-text strong {\n  color: var(--text-dark);\n  font-weight: 600;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PULL QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.pull-quote {\n  margin: 2.5rem 0;\n  padding-left: 2rem;\n  border-left: 3px solid var(--gold);\n}\n\n.pull-quote p {\n  font-family: var(--font-display);\n  font-size: 1.45rem;\n  font-style: italic;\n  line-height: 1.5;\n  color: var(--brown);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FIESTA 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\u2550 *\/\n.fiesta-section {\n  background: var(--brown);\n  padding: 8rem 6rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.fiesta-section::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 10% 50%, rgba(184, 138, 74, 0.08) 0%, transparent 50%),\n    radial-gradient(ellipse at 90% 30%, rgba(184, 138, 74, 0.05) 0%, transparent 40%);\n  pointer-events: none;\n}\n\n.fiesta-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6rem;\n  position: relative;\n  z-index: 1;\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.fiesta-left {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.fiesta-tag {\n  font-family: var(--font-mono);\n  font-size: 0.65rem;\n  font-weight: 500;\n  letter-spacing: 0.3em;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 2rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.fiesta-tag::before {\n  content: '';\n  width: 20px;\n  height: 1px;\n  background: var(--gold);\n}\n\n.fiesta-title {\n  font-family: var(--font-display);\n  font-size: clamp(2.5rem, 4vw, 4rem);\n  font-weight: 400;\n  line-height: 1.05;\n  color: var(--cream);\n  margin-bottom: 2.5rem;\n}\n\n.fiesta-title em {\n  font-style: italic;\n  color: var(--gold-bright);\n}\n\n.fiesta-text {\n  font-family: var(--font-sans);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.85;\n  color: var(--cream-dark);\n  opacity: 0.75;\n}\n\n.fiesta-text p + p {\n  margin-top: 1.25rem;\n}\n\n.fiesta-right {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 2rem;\n}\n\n\/* Date Block *\/\n.fiesta-date-block {\n  display: flex;\n  align-items: flex-end;\n  gap: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.fiesta-date-day {\n  font-family: var(--font-display);\n  font-size: 7rem;\n  font-weight: 400;\n  line-height: 0.85;\n  color: var(--gold);\n  opacity: 0.3;\n}\n\n.fiesta-date-info {\n  padding-bottom: 0.8rem;\n}\n\n.fiesta-date-info .month {\n  font-family: var(--font-sans);\n  font-size: 1.1rem;\n  font-weight: 700;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--gold-bright);\n}\n\n.fiesta-date-info .occasion {\n  font-family: var(--font-mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.15em;\n  color: var(--cream-dark);\n  opacity: 0.5;\n  margin-top: 0.2rem;\n}\n\n\/* Feature Cards *\/\n.fiesta-features {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.fiesta-feature {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  padding: 1.75rem 2rem;\n  background: rgba(184, 138, 74, 0.05);\n  border: 1px solid rgba(184, 138, 74, 0.1);\n  transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.fiesta-feature:hover {\n  background: rgba(184, 138, 74, 0.1);\n  border-color: rgba(184, 138, 74, 0.25);\n  transform: translateX(8px);\n}\n\n.fiesta-feature-num {\n  font-family: var(--font-display);\n  font-size: 2rem;\n  font-weight: 400;\n  color: var(--gold);\n  opacity: 0.3;\n  line-height: 1;\n  min-width: 2rem;\n}\n\n.fiesta-feature-content h4 {\n  font-family: var(--font-sans);\n  font-size: 0.85rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--cream);\n  margin-bottom: 0.35rem;\n}\n\n.fiesta-feature-content p {\n  font-family: var(--font-sans);\n  font-size: 0.85rem;\n  font-weight: 400;\n  color: var(--cream-dark);\n  opacity: 0.6;\n  line-height: 1.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\u2550\n   DIVIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.divider-band {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  padding: 4rem 2rem;\n  background: var(--off-white);\n}\n\n.divider-band .line {\n  flex: 1;\n  max-width: 200px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--gold-dark), transparent);\n  opacity: 0.3;\n}\n\n.divider-band .arch {\n  width: 40px;\n  height: 50px;\n  border: 1px solid var(--gold);\n  border-radius: 40px 40px 0 0;\n  opacity: 0.2;\n  position: relative;\n}\n\n.divider-band .arch::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 1px;\n  height: 60%;\n  background: var(--gold);\n  opacity: 0.5;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCROLL ANIMATIONS\n   Content is VISIBLE by default.\n   JS adds .will-animate to hide, then\n   .in-view to reveal on scroll.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.anim.will-animate {\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n\n.anim.in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.anim-right.will-animate {\n  opacity: 0;\n  transform: translateX(-30px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n\n.anim-right.in-view {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* Delay variants *\/\n[data-delay=\"1\"].will-animate { transition-delay: 0.1s; }\n[data-delay=\"2\"].will-animate { transition-delay: 0.2s; }\n[data-delay=\"3\"].will-animate { transition-delay: 0.35s; }\n[data-delay=\"4\"].will-animate { transition-delay: 0.5s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES (hero only)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeRight {\n  from { opacity: 0; transform: translateX(-20px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes scaleIn {\n  from { opacity: 0; transform: scale(0.85); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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\u2550 *\/\n@media (max-width: 1024px) {\n  .hero {\n    grid-template-columns: 1fr;\n    min-height: auto;\n  }\n\n  .hero-left {\n    padding: 6rem 3rem 4rem;\n  }\n\n  .hero-right {\n    min-height: 50vh;\n  }\n\n  .editorial-section {\n    grid-template-columns: 1fr !important;\n  }\n\n  .editorial-section .section-aside {\n    order: 0 !important;\n    padding: 4rem 3rem;\n  }\n\n  .editorial-section .section-content {\n    order: 1 !important;\n    padding: 3rem 3rem 4rem;\n  }\n\n  .editorial-section--alt .section-content-inner {\n    margin-left: 0;\n  }\n\n  .section-aside::after {\n    display: none !important;\n  }\n\n  .fiesta-section {\n    padding: 5rem 3rem;\n  }\n\n  .fiesta-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n}\n\n@media (max-width: 600px) {\n  .hero-left {\n    padding: 5rem 1.5rem 3rem;\n  }\n\n  .hero-title {\n    font-size: 2.8rem;\n  }\n\n  .hero-year-badge {\n    bottom: 2rem;\n    right: 2rem;\n  }\n\n  .hero-year-badge .year {\n    font-size: 2.5rem;\n  }\n\n  .section-aside {\n    padding: 3rem 1.5rem !important;\n  }\n\n  .aside-number {\n    font-size: 5rem;\n  }\n\n  .aside-title {\n    font-size: 2rem;\n  }\n\n  .section-content {\n    padding: 2.5rem 1.5rem 3rem !important;\n  }\n\n  .fiesta-section {\n    padding: 4rem 1.5rem;\n  }\n\n  .fiesta-date-day {\n    font-size: 4.5rem;\n  }\n\n  .fiesta-feature {\n    padding: 1.25rem 1.5rem;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  'use strict';\n\n  \/\/ \u2500\u2500\u2500 1. Progressively hide animated elements \u2500\u2500\u2500\n  \/\/ Content starts visible. JS adds .will-animate to hide it,\n  \/\/ then the observer adds .in-view to reveal with animation.\n  \/\/ If JS fails, everything stays visible.\n\n  const animElements = document.querySelectorAll('.anim, .anim-right');\n\n  \/\/ Hide elements so they can animate in\n  animElements.forEach(function (el) {\n    el.classList.add('will-animate');\n  });\n\n  \/\/ \u2500\u2500\u2500 2. IntersectionObserver to trigger reveal \u2500\u2500\u2500\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('in-view');\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n      }\n    );\n\n    animElements.forEach(function (el) {\n      observer.observe(el);\n    });\n  } else {\n    \/\/ Fallback: show everything immediately\n    animElements.forEach(function (el) {\n      el.classList.add('in-view');\n    });\n  }\n\n  \/\/ \u2500\u2500\u2500 3. Safety net: reveal all after 3s \u2500\u2500\u2500\n  \/\/ In case observer never fires (e.g., element never\n  \/\/ scrolls into the threshold window)\n\n  setTimeout(function () {\n    animElements.forEach(function (el) {\n      if (!el.classList.contains('in-view')) {\n        el.classList.add('in-view');\n      }\n    });\n  }, 3000);\n})();\n<\/script>\n\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>About \u2014 Holy Cross Parish Church<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&amp;family=DM+Mono:wght@300;400;500&amp;family=Syne:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"style.css\">\n\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <header class=\"hero\">\n    <div class=\"hero-left\">\n      <div class=\"hero-tag\">About the Parish<\/div>\n      <h1 class=\"hero-title\">\n        Holy Cross\n        <em>Parish Church<\/em>\n      <\/h1>\n      <div class=\"hero-meta\">\n        <div class=\"hero-meta-row\">\n          <span class=\"hero-meta-label\">Location<\/span>\n          <span class=\"hero-meta-value\">Municipality of Quezon, Philippines<\/span>\n        <\/div>\n        <div class=\"hero-meta-row\">\n          <span class=\"hero-meta-label\">Diocese<\/span>\n          <span class=\"hero-meta-value\">Roman Catholic Diocese of Gumaca<\/span>\n        <\/div>\n        <div class=\"hero-meta-row\">\n          <span class=\"hero-meta-label\">Vicariate<\/span>\n          <span class=\"hero-meta-value\">Vicariate of St. Matthew<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-right\">\n      <div class=\"hero-pattern\">\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n      <\/div>\n      <div class=\"hero-center-cross\">\n        <svg viewBox=\"0 0 100 140\">\n          <rect x=\"36\" y=\"4\" width=\"28\" height=\"132\" rx=\"2\"><\/rect>\n          <rect x=\"8\" y=\"32\" width=\"84\" height=\"28\" rx=\"2\"><\/rect>\n          <line x1=\"50\" y1=\"60\" x2=\"50\" y2=\"140\" stroke-dasharray=\"2,4\" opacity=\"0.3\"><\/line>\n        <\/svg>\n      <\/div>\n      <div class=\"hero-year-badge\">\n        <div class=\"year\">1919<\/div>\n        <div class=\"label\">Year Established<\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BACKGROUND \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"editorial-section\">\n    <div class=\"section-aside\">\n      <div class=\"aside-number anim-right\">01<\/div>\n      <p class=\"aside-label anim-right\" data-delay=\"1\">Our Parish<\/p>\n      <h2 class=\"aside-title anim-right\" data-delay=\"2\">Parish<br><em>Background<\/em><\/h2>\n    <\/div>\n    <div class=\"section-content\">\n      <div class=\"section-content-inner\">\n        <div class=\"content-text anim\" data-delay=\"2\">\n          <p>The Holy Cross Parish Church is a <strong>Roman Catholic parish church<\/strong> located in the Municipality of Quezon, Philippines. It is under the jurisdiction of the Roman Catholic Diocese of Gumaca and belongs to the Vicariate of St. Matthew.<\/p>\n          <p>The parish serves as the primary center of Catholic worship and religious activities in the community, providing sacramental services, faith formation programs, and pastoral care to its parishioners.<\/p>\n        <\/div>\n        <div class=\"pull-quote anim\" data-delay=\"3\">\n          <p>Dedicated to the Holy Cross, the church continues to play an important role in the spiritual and social life of the local community.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DIVIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"divider-band\">\n    <div class=\"line\"><\/div>\n    <div class=\"arch\"><\/div>\n    <div class=\"line\"><\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HISTORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"editorial-section editorial-section--alt\">\n    <div class=\"section-aside\">\n      <div class=\"aside-number anim-right\">02<\/div>\n      <p class=\"aside-label anim-right\" data-delay=\"1\">Since 1919<\/p>\n      <h2 class=\"aside-title anim-right\" data-delay=\"2\">Parish<br><em>History<\/em><\/h2>\n    <\/div>\n    <div class=\"section-content\">\n      <div class=\"section-content-inner\">\n        <div class=\"content-text anim\" data-delay=\"2\">\n          <p>Established in 1919, the Holy Cross Parish Church has served the Catholic faithful of Quezon, Quezon for <strong>more than a century<\/strong>. Throughout its history, the parish has been instrumental in promoting and preserving the Catholic faith through religious celebrations, community outreach, and pastoral programs.<\/p>\n        <\/div>\n        <div class=\"pull-quote anim\" data-delay=\"3\">\n          <p>As the municipality developed over the years, the church remained a symbol of faith, unity, and service among its residents.<\/p>\n        <\/div>\n        <div class=\"content-text anim\" data-delay=\"4\">\n          <p>Today, it continues to be a significant religious and cultural landmark, reflecting the enduring spiritual heritage of the community.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DIVIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"divider-band\">\n    <div class=\"line\"><\/div>\n    <div class=\"arch\"><\/div>\n    <div class=\"line\"><\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FIESTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"fiesta-section\">\n    <div class=\"fiesta-grid\">\n      <div class=\"fiesta-left\">\n        <div class=\"fiesta-tag anim\">Town Patronal Fiesta<\/div>\n        <h2 class=\"fiesta-title anim\" data-delay=\"1\">\n          Feast of the<br><em>Holy Cross<\/em>\n        <\/h2>\n        <div class=\"fiesta-text anim\" data-delay=\"2\">\n          <p>Holy Cross Parish celebrates its annual Parish Fiesta every May 3 in honor of the Holy Cross. This celebration is rooted in the ancient Christian tradition of commemorating the discovery of the True Cross by Saint Helena.<\/p>\n          <p>The feast is a time of prayer, thanksgiving, and community gathering, highlighting the Cross as the symbol of Christ&#8217;s sacrifice and salvation.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"fiesta-right\">\n        <div class=\"fiesta-date-block anim\" data-delay=\"1\">\n          <div class=\"fiesta-date-day\">03<\/div>\n          <div class=\"fiesta-date-info\">\n            <div class=\"month\">May<\/div>\n            <div class=\"occasion\">Annual Parish Fiesta<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"fiesta-features\">\n          <div class=\"fiesta-feature anim\" data-delay=\"2\">\n            <div class=\"fiesta-feature-num\">I<\/div>\n            <div class=\"fiesta-feature-content\">\n              <h4>Liturgical Celebrations<\/h4>\n              <p>Solemn Mass and special liturgical rites honoring the Holy Cross<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"fiesta-feature anim\" data-delay=\"3\">\n            <div class=\"fiesta-feature-num\">II<\/div>\n            <div class=\"fiesta-feature-content\">\n              <h4>Devotional Activities<\/h4>\n              <p>Processions, novenas, and prayer vigils uniting the faithful<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"fiesta-feature anim\" data-delay=\"4\">\n            <div class=\"fiesta-feature-num\">III<\/div>\n            <div class=\"fiesta-feature-content\">\n              <h4>Community Events<\/h4>\n              <p>Fellowship activities strengthening bonds within the parish<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script src=\"script.js\"><\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>About \u2014 Holy Cross Parish Church About the Parish Holy Cross Parish Church Location Municipality of Quezon, Philippines Diocese Roman [&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":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"About Us - Holy Cross Parish","description":"About \u2014 Holy Cross Parish Church About the Parish Holy Cross Parish Church Location Municipality of Quezon, Philippines Diocese Roman Catholic Diocese of Gumaca"},"footnotes":""},"class_list":["post-14","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":"phwpywadsa623","author_link":"https:\/\/demo4.yinwoodweb.com\/quezon\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"About \u2014 Holy Cross Parish Church About the Parish Holy Cross Parish Church Location Municipality of Quezon, Philippines Diocese Roman [&hellip;]","_links":{"self":[{"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":29,"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1085,"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/pages\/14\/revisions\/1085"}],"wp:attachment":[{"href":"https:\/\/demo4.yinwoodweb.com\/quezon\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}