{"id":2117,"date":"2026-01-27T08:01:29","date_gmt":"2026-01-27T08:01:29","guid":{"rendered":"https:\/\/clcadventist.org\/wp-public\/?page_id=2117"},"modified":"2026-03-19T04:42:27","modified_gmt":"2026-03-19T04:42:27","slug":"mission-vision-core-values","status":"publish","type":"page","link":"https:\/\/clcadventist.org\/wp-public\/mission-vision-core-values\/","title":{"rendered":"Mission, Vision, Core Values"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2117\" class=\"elementor elementor-2117\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2a9dc2 e-con-full e-flex e-con e-parent\" data-id=\"b2a9dc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cb3f1 elementor-widget elementor-widget-html\" data-id=\"13cb3f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* 1. Load Poppins from Google Fonts *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  \/* 2. The \"Nuclear\" Selector List *\/\r\n  \/* This targets the body, all headings, paragraphs, links, lists, and common containers *\/\r\n  body,\r\n  h1, h2, h3, h4, h5, h6,\r\n  p, a, span, div,\r\n  ul, ol, li,\r\n  button, input, textarea,\r\n  .elementor-widget-text-editor,\r\n  .stk-block-text,\r\n  .stk-block-text__text {\r\n      font-family: 'Poppins', sans-serif !important;\r\n  }\r\n  \r\n  :root {\r\n    --primary: #245463;\r\n    --hover: #183a45;\r\n    --accent: #00bade;\r\n\r\n    --bg1: #f7fbfc;\r\n    --bg2: #eff8fa;\r\n\r\n    --text: #0f2b33;\r\n    --muted: #41626b;\r\n\r\n    --card: #ffffff;\r\n    --border: rgba(36, 84, 99, 0.16);\r\n    --shadow: 0 18px 50px rgba(12, 40, 48, 0.12);\r\n    --shadowSoft: 0 10px 30px rgba(12, 40, 48, 0.1);\r\n    --radius: 22px;\r\n    --wp-header-offset: 96px;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n  body {\r\n    margin: 0;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    color: var(--text);\r\n    background: radial-gradient(\r\n      1200px 700px at 20% 10%,\r\n      #ffffff 0%,\r\n      var(--bg1) 35%,\r\n      var(--bg2) 100%\r\n    );\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* Background rays + glow *\/\r\n  .backdrop {\r\n    position: fixed;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: -2;\r\n  }\r\n  .rays {\r\n    position: absolute;\r\n    inset: -20%;\r\n    opacity: 0.55;\r\n    background: conic-gradient(\r\n      from 210deg at 60% 35%,\r\n      rgba(0, 186, 222, 0) 0deg,\r\n      rgba(0, 186, 222, 0.11) 18deg,\r\n      rgba(0, 186, 222, 0) 42deg,\r\n      rgba(36, 84, 99, 0.1) 74deg,\r\n      rgba(36, 84, 99, 0) 92deg,\r\n      rgba(0, 186, 222, 0.09) 130deg,\r\n      rgba(0, 186, 222, 0) 155deg,\r\n      rgba(36, 84, 99, 0.09) 190deg,\r\n      rgba(36, 84, 99, 0) 240deg,\r\n      rgba(0, 186, 222, 0.1) 280deg,\r\n      rgba(0, 186, 222, 0) 360deg\r\n    );\r\n    animation: slowSpin 30s linear infinite;\r\n    transform-origin: 60% 35%;\r\n  }\r\n  @keyframes slowSpin {\r\n    from {\r\n      transform: rotate(0deg) scale(1.05);\r\n    }\r\n    to {\r\n      transform: rotate(360deg) scale(1.05);\r\n    }\r\n  }\r\n  .softGlow {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(\r\n      900px 420px at 55% 5%,\r\n      rgba(0, 186, 222, 0.16),\r\n      rgba(0, 186, 222, 0) 60%\r\n    );\r\n    opacity: 0.85;\r\n  }\r\n\r\n  canvas#sparkles {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ===========================\r\n     RECAP SECTIONS\r\n     =========================== *\/\r\n  .recapTrack {\r\n    scroll-snap-type: y mandatory;\r\n    height: 100vh;\r\n    overflow-y: auto;\r\n  }\r\n  .recapTrack::-webkit-scrollbar {\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  .recapPanel{\r\n    scroll-snap-align: start;\r\n    height: 90vh;          \r\n    min-height: 90vh;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 10px 18px 50px; \r\n    margin-bottom:50px;\r\n  }\r\n  \r\n\r\n  \/* ONLY for the Core Values slide *\/\r\n  .recapPanel:last-child .recapCard{\r\n    overflow: auto;\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  \/* hide inner scrollbar but keep scrolling *\/\r\n  .recapPanel:last-child .recapCard::-webkit-scrollbar{ width: 0; height: 0; }\r\n  .recapPanel:last-child .recapCard{ scrollbar-width: none; }\r\n\r\n  .recapCard {\r\n    width: min(980px, 100%);\r\n    border-radius: 28px;\r\n    border: 1px solid rgba(36, 84, 99, 0.16);\r\n    background: rgba(255, 255, 255, 0.82);\r\n    box-shadow: var(--shadowSoft);\r\n    position: relative;\r\n    max-height: calc(100vh - 86px - 24px);\r\n    overflow: hidden;\r\n    padding: 30px 26px;\r\n    backdrop-filter: blur(10px);\r\n    transform: translate3d(0, 26px, 0) scale(0.985);\r\n    opacity: 0;\r\n    filter: blur(3px);\r\n    transition: transform 900ms cubic-bezier(0.2, 0.9, 0.2, 1),\r\n      opacity 900ms ease, filter 900ms ease;\r\n  }\r\n  .recapCard.isActive {\r\n    transform: translate3d(0, 0px, 0) scale(1);\r\n    opacity: 1;\r\n    filter: blur(0px);\r\n  }\r\n  .recapCard::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    background: radial-gradient(\r\n        520px 210px at 15% 15%,\r\n        rgba(0, 186, 222, 0.22),\r\n        rgba(0, 186, 222, 0) 60%\r\n      ),\r\n      radial-gradient(\r\n        640px 220px at 85% 10%,\r\n        rgba(36, 84, 99, 0.18),\r\n        rgba(36, 84, 99, 0) 62%\r\n      );\r\n    opacity: 0.95;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .chip {\r\n    display: inline-flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(36, 84, 99, 0.16);\r\n    background: rgba(255, 255, 255, 0.68);\r\n    color: var(--primary);\r\n    font-weight: 900;\r\n    letter-spacing: 0.2px;\r\n    backdrop-filter: blur(8px);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .chipDot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: var(--accent);\r\n    box-shadow: 0 0 0 6px rgba(0, 186, 222, 0.12);\r\n  }\r\n\r\n  .recapTitle {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: clamp(30px, 4.6vw, 40px);\r\n    line-height: 1.02;\r\n    letter-spacing: -1px;\r\n    color: var(--primary);\r\n    margin-top: 30px;\r\n  }\r\n  .recapTitle .accent {\r\n    color: var(--hover);\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(0, 186, 222, 0.18),\r\n      rgba(0, 186, 222, 0)\r\n    );\r\n    padding: 2px 10px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .recapStats {\r\n    margin-top: 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n  @media (max-width: 780px) {\r\n    .recapStats {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  .stat {\r\n    border-radius: 22px;\r\n    border: 1px solid rgba(36, 84, 99, 0.14);\r\n    background: rgba(255, 255, 255, 0.72);\r\n    padding: 14px 14px;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n  .statV {\r\n    font-size: 22px;\r\n    font-weight: 1000;\r\n    letter-spacing: -0.5px;\r\n    color: var(--primary);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .recapCTA {\r\n    margin-top: 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .btn {\r\n    border: 1px solid rgba(36, 84, 99, 0.18);\r\n    background: rgba(255, 255, 255, 0.72);\r\n    color: var(--primary);\r\n    font-weight: 1000;\r\n    border-radius: 999px;\r\n    padding: 12px 14px;\r\n    cursor: pointer;\r\n    transition: transform 160ms ease, background 200ms ease, color 200ms ease;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n  .btn:hover {\r\n    background: rgba(0, 186, 222, 0.12);\r\n    color: white;\r\n  }\r\n  .btn:active {\r\n    transform: scale(0.99);\r\n  }\r\n\r\n  \/* ===========================\r\n     SUMMARY SECTION\r\n     =========================== *\/\r\n  .wrap {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 24px 18px 90px;\r\n  }\r\n\r\n  .grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    margin-top: 24px;\r\n    align-items: start;\r\n  }\r\n\r\n  .topRow {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    align-items: start;\r\n  }\r\n  @media (max-width: 900px) {\r\n    .topRow {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  .card {\r\n    background: var(--card);\r\n    border: 1px solid var(--border);\r\n    border-radius: var(--radius);\r\n    box-shadow: var(--shadowSoft);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    background: radial-gradient(\r\n      600px 200px at 30% 0%,\r\n      rgba(0, 186, 222, 0.18),\r\n      rgba(0, 186, 222, 0) 60%\r\n    );\r\n    opacity: 0.9;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cardHead {\r\n    padding: 12px 14px 0;\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: flex-start;\r\n  }\r\n  .cardTitleRow {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n  .icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 12px;\r\n    background: rgba(36, 84, 99, 0.1);\r\n    border: 1px solid rgba(36, 84, 99, 0.18);\r\n    display: grid;\r\n    place-items: center;\r\n    color: var(--primary);\r\n    flex: 0 0 auto;\r\n  }\r\n  .icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n  .cardTitle {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    color: var(--primary);\r\n    letter-spacing: -0.3px;\r\n    font-weight:1000;\r\n  }\r\n\r\n  .cardBody {\r\n    padding: 10px 14px 14px;\r\n    line-height: 1;\r\n    color: var(--muted);\r\n    font-size: 14.5px;\r\n  }\r\n\r\n  .values {\r\n    display: grid;\r\n    gap: 12px;\r\n  }\r\n  @media (min-width: 820px) {\r\n    .values {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n  }\r\n\r\n  .valueCard {\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(36, 84, 99, 0.16);\r\n    background: rgba(255, 255, 255, 0.9);\r\n    box-shadow: var(--shadowSoft);\r\n    padding: 14px;\r\n  }\r\n  .valueTop {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 6px;\r\n  }\r\n  .dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: var(--accent);\r\n    box-shadow: 0 0 0 6px rgba(0, 186, 222, 0.12);\r\n    flex: 0 0 auto;\r\n  }\r\n  .valueName {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    color: var(--primary);\r\n    letter-spacing: -0.2px;\r\n    font-weight: 1000;\r\n  }\r\n  .valueText {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 14px;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* Summary one-by-one reveal *\/\r\n  #summary [data-reveal] {\r\n    opacity: 0;\r\n    transform: translate3d(0, 22px, 0) scale(0.99);\r\n    filter: blur(2px);\r\n    transition: transform 820ms cubic-bezier(0.2, 0.9, 0.2, 1),\r\n      opacity 820ms ease, filter 820ms ease;\r\n    will-change: transform, opacity, filter;\r\n  }\r\n  #summary [data-reveal].revealed {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0px, 0) scale(1);\r\n    filter: blur(0px);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .recapTrack {\r\n      scroll-snap-type: none;\r\n    }\r\n    .recapCard {\r\n      transition: none !important;\r\n      transform: none !important;\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n    }\r\n    #summary [data-reveal] {\r\n      transition: none !important;\r\n      transform: none !important;\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n  \r\n  \/* =========================================================\r\n     RESPONSIVE OVERRIDES\r\n     ========================================================= *\/\r\n\r\n  \/* Fix iOS\/Android viewport height quirks *\/\r\n  @supports (height: 100svh) {\r\n    .recapTrack {\r\n      height: 80svh;\r\n    }\r\n  }\r\n\r\n  \/* -------------------------\r\n     TABLET (<= 1024px)\r\n     ------------------------- *\/\r\n  @media (max-width: 1024px) {\r\n\r\n    .recapPanel {\r\n      height:75vh;\r\n      min-height: 75vh;\r\n      padding: 8px 8px 26px;\r\n    }\r\n\r\n    .recapCard {\r\n      width: min(920px, 100%);\r\n      padding: 24px 20px;\r\n      border-radius: 26px;\r\n\r\n    }\r\n\r\n    \/* Smaller font for Tablet title *\/\r\n    .recapTitle {\r\n      margin-top: 20px;\r\n      font-size: clamp(14px, 3.8vw, 24px); \/* Adjusted down *\/\r\n      line-height: 1.15;\r\n    }\r\n\r\n    .recapStats {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .statV {\r\n      font-size: 13px; \/* Slightly smaller stats *\/\r\n    }\r\n\r\n    \/* Summary Section Tablet tweaks *\/\r\n    .wrap {\r\n      padding: 50px 20px 80px;\r\n    }\r\n    .topRow {\r\n      gap: 14px;\r\n    }\r\n    .values {\r\n      gap: 12px;\r\n    }\r\n    .valueCard {\r\n      padding: 12px;\r\n    }\r\n  }\r\n\r\n  \/* -------------------------\r\n     MOBILE (<= 600px)\r\n     ------------------------- *\/\r\n  @media (max-width: 600px) {\r\n    :root {\r\n      \/* Mobile headers take up more relative space *\/\r\n      --wp-header-offset: 70px;\r\n    }\r\n\r\n    .recapPanel {\r\n      height: 65vh;\r\n      min-height: 65vh;\r\n      padding: 4px 12px 30px;\r\n \r\n    }\r\n\r\n    .recapCard {\r\n      width: 100%;\r\n      padding: 18px 16px;\r\n      border-radius: 20px;\r\n      \/* Max height safety for small screens *\/\r\n      max-height: calc(100vh - var(--wp-header-offset) - 20px);\r\n    }\r\n\r\n    .chip {\r\n      padding: 6px 10px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    \/* Significant font reduction for Mobile *\/\r\n    .recapTitle {\r\n      margin-top: 14px;\r\n      letter-spacing: -0.5px;\r\n      font-size: clamp(10px, 5.5vw, 16px); \/* Much smaller to fit *\/\r\n      line-height: 1.2;\r\n    }\r\n\r\n    \/* Compact Core Values list *\/\r\n    .recapStats {\r\n      margin-top: 12px;\r\n      grid-template-columns: 1fr; \/* Single column stack *\/\r\n      gap: 8px;\r\n    }\r\n\r\n    .stat {\r\n      padding: 10px;\r\n      border-radius: 16px;\r\n    }\r\n    .statV {\r\n      font-size: 16px; \/* Compact stat text *\/\r\n    }\r\n\r\n    .recapCTA {\r\n      gap: 8px;\r\n      margin-top: 14px;\r\n    }\r\n    .btn {\r\n      padding: 8px 12px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    \/* Summary Spacing *\/\r\n    .wrap {\r\n      padding: 40px 14px 60px;\r\n    }\r\n\r\n    .cardHead {\r\n      padding: 12px 12px 0;\r\n    }\r\n    .cardBody {\r\n      padding: 10px 12px 12px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .topRow {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n    }\r\n\r\n    .values {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 10px;\r\n    }\r\n    \r\n    .valueName {\r\n      font-size: 14px;\r\n    }\r\n    .valueText {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  \/* -------------------------\r\n     SMALL PHONES (<= 380px)\r\n     ------------------------- *\/\r\n  @media (max-width: 380px) {\r\n    :root {\r\n      --wp-header-offset: 110px;\r\n    }\r\n    .recapCard {\r\n      padding: 14px 12px;\r\n    }\r\n    .recapTitle {\r\n      font-size: 19px; \/* Absolute minimum readability *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"backdrop\">\r\n  <div class=\"rays\"><\/div>\r\n  <div class=\"softGlow\"><\/div>\r\n<\/div>\r\n<canvas id=\"sparkles\"><\/canvas>\r\n\r\n<section id=\"recap\">\r\n  <div class=\"recapTrack\" id=\"recapTrack\">\r\n    <div class=\"recapPanel\" data-panel>\r\n      <div class=\"recapCard\" data-recap-reveal>\r\n        <span class=\"chip\"><span class=\"chipDot\"><\/span> Mission<\/span>\r\n        <h1 class=\"recapTitle\">\r\n          The <span class=\"accent\">Mission of CLC of Seventh-day Adventist Church<\/span>\r\n          is to call all people in its territory to become disciples of Jesus Christ,\r\n          to proclaim the everlasting gospel embraced in the three angel\u2019s messages\r\n          (Revelation 14:1-12) and to prepare them for Christ\u2019s soon return.\r\n        <\/h1>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"recapPanel\" data-panel>\r\n      <div class=\"recapCard\" data-recap-reveal>\r\n        <span class=\"chip\"><span class=\"chipDot\"><\/span> Vision<\/span>\r\n        <h1 class=\"recapTitle\">\r\n          <span class=\"accent\">Central Luzon Conference<\/span> embodies a people empowered and fully\r\n          engaged in the restoration of God\u2019s perfect will and righteousness.\r\n        <\/h1>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"recapPanel\" data-panel>\r\n      <div class=\"recapCard\" data-recap-reveal>\r\n        <span class=\"chip\"><span class=\"chipDot\"><\/span> Core Values<\/span>\r\n        <h1 class=\"recapTitle\">\r\n          Values that shape <span class=\"accent\">service<\/span>.\r\n        <\/h1>\r\n\r\n        <div class=\"recapStats\">\r\n          <div class=\"stat\"><div class=\"statV\">Spirituality<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"statV\">Accountability<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"statV\">Visionary<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"statV\">Empowerment<\/div><\/div>\r\n          <div class=\"stat\"><div class=\"statV\">Dedication<\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"recapCTA\">\r\n          <button class=\"btn\" id=\"goSummary\">Go to Summary \u2193<\/button>\r\n          <button class=\"btn\" id=\"restartRecap\">Replay \u2191<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<main class=\"wrap\" id=\"summary\">\r\n  <h2 class=\"recapTitle\" style=\"margin: 0 0 10px\" data-reveal>\r\n    <span class=\"accent\">Mission \u2022 Vision \u2022 Core Values <\/span>\r\n  <\/h2>\r\n  <p class=\"recapSub\" style=\"margin: 0 0 18px\" data-reveal>\r\n    Central Luzon Conference of Seventh-day Adventist Church\r\n  <\/p>\r\n\r\n  <section class=\"grid\">\r\n    <div class=\"topRow\">\r\n      <article class=\"card\" data-reveal>\r\n        <header class=\"cardHead\">\r\n          <div class=\"cardTitleRow\">\r\n            <div class=\"icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M12 3v18M7.5 8.5h9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"cardTitle\">Mission<\/h3>\r\n          <\/div>\r\n        <\/header>\r\n        <div class=\"cardBody\">\r\n          The Mission of CLC of Seventh-day Adventist Church is to call all people in its territory to become disciples of Jesus Christ, to proclaim the everlasting gospel embraced in the three angel\u2019s messages (Revelation 14:1-12) and to prepare them for Christ\u2019s soon return.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" data-reveal>\r\n        <header class=\"cardHead\">\r\n          <div class=\"cardTitleRow\">\r\n            <div class=\"icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path\r\n                  d=\"M2.5 12s3.5-7 9.5-7 9.5 7 9.5 7-3.5 7-9.5 7-9.5-7-9.5-7z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.6\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n                <path\r\n                  d=\"M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.6\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"cardTitle\">Vision<\/h3>\r\n          <\/div>\r\n        <\/header>\r\n        <div class=\"cardBody\">\r\n          Central Luzon Conference embodies a people empowered and fully engaged in the restoration of God\u2019s perfect will and righteousness.\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <aside class=\"card\" data-reveal>\r\n      <header class=\"cardHead\">\r\n        <div class=\"cardTitleRow\">\r\n          <div class=\"icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path\r\n                d=\"M12 20s-7-4.4-9.3-9.2C1 7.1 3.4 4.5 6.5 4.5c1.8 0 3.4.9 4.5 2.2 1.1-1.3 2.7-2.2 4.5-2.2 3.1 0 5.5 2.6 3.8 6.3C19 15.6 12 20 12 20z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"cardTitle\">Core Values<\/h3>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"cardBody\">\r\n        <div class=\"values\">\r\n          <div class=\"valueCard\" data-reveal>\r\n            <div class=\"valueTop\">\r\n              <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n              <h4 class=\"valueName\">Spirituality<\/h4>\r\n            <\/div>\r\n            <p class=\"valueText\">\r\n              The Substance of a Christian worker highlights the person\u2019s intimate walk with God that drives his worth in doing God\u2019s mission.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"valueCard\" data-reveal>\r\n            <div class=\"valueTop\">\r\n              <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n              <h4 class=\"valueName\">Accountability<\/h4>\r\n            <\/div>\r\n            <p class=\"valueText\">\r\n              The kind of commitment displayed by the worker with the missional endeavor of the church and answerable for every word, action and result.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"valueCard\" data-reveal>\r\n            <div class=\"valueTop\">\r\n              <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n              <h4 class=\"valueName\">Visionary<\/h4>\r\n            <\/div>\r\n            <p class=\"valueText\">\r\n              The ability to see and understand new missional insights and communicate effectively leads to future progress in advancing God\u2019s kingdom.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"valueCard\" data-reveal>\r\n            <div class=\"valueTop\">\r\n              <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n              <h4 class=\"valueName\">Empowerment<\/h4>\r\n            <\/div>\r\n            <p class=\"valueText\">\r\n              The acts of valuing worker as part of the missional team, retooling them to become innovative to reach the highest possible service for the missional endeavor of the church.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"valueCard\" data-reveal>\r\n            <div class=\"valueTop\">\r\n              <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n              <h4 class=\"valueName\">Dedication<\/h4>\r\n            <\/div>\r\n            <p class=\"valueText\">\r\n              The highest quality of commitment service exhibits making the missional mandate an outmost character of ones missional calling.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/section>\r\n<\/main>\r\n\r\n<script>\r\n  \/* =========================\r\n     Recap reveal (progress bar\/text logic removed)\r\n     ========================= *\/\r\n  const recapTrack = document.getElementById(\"recapTrack\");\r\n  const panels = Array.from(document.querySelectorAll(\"[data-panel]\"));\r\n  const recapCards = Array.from(\r\n    document.querySelectorAll(\"[data-recap-reveal]\")\r\n  );\r\n\r\n  const recapIO = new IntersectionObserver(\r\n    (entries) => {\r\n      entries.forEach((e) => {\r\n        if (e.isIntersecting) e.target.classList.add(\"isActive\");\r\n      });\r\n    },\r\n    { threshold: 0.35 }\r\n  );\r\n  recapCards.forEach((c) => recapIO.observe(c));\r\n\r\n  \/\/ Removed updateProgress function and related event listeners\r\n\r\n  document.getElementById(\"goSummary\").addEventListener(\"click\", () => {\r\n    document\r\n      .getElementById(\"summary\")\r\n      .scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  });\r\n  document.getElementById(\"restartRecap\").addEventListener(\"click\", () => {\r\n    recapTrack.scrollTo({ top: 0, behavior: \"smooth\" });\r\n  });\r\n\r\n  \/* =========================\r\n     Overscroll to summary logic\r\n     ========================= *\/\r\n  const recapSection = document.getElementById(\"recap\");\r\n  const summary = document.getElementById(\"summary\");\r\n\r\n  const EPS = 2;\r\n  const OVERSCROLL_TRIGGER = 120; \/\/ how much extra wheel before jumping\r\n  let overscrollSum = 0;\r\n  let lastWheelTime = 0;\r\n\r\n  function atBottom(el) {\r\n    return el.scrollTop + el.clientHeight >= el.scrollHeight - EPS;\r\n  }\r\n\r\n  function getActivePanelIndex() {\r\n    let activeIdx = 0;\r\n    const mid = recapTrack.scrollTop + recapTrack.clientHeight * 0.5;\r\n    panels.forEach((panel, i) => {\r\n      if (panel.offsetTop <= mid) activeIdx = i;\r\n    });\r\n    return activeIdx;\r\n  }\r\n\r\n  document.addEventListener(\r\n    \"wheel\",\r\n    (e) => {\r\n      if (!recapSection.contains(e.target)) return;\r\n\r\n      const goingDown = e.deltaY > 0;\r\n      const now = Date.now();\r\n\r\n      if (now - lastWheelTime > 250) overscrollSum = 0;\r\n      lastWheelTime = now;\r\n\r\n      const activeIdx = getActivePanelIndex();\r\n      const isLastPanel = activeIdx === panels.length - 1;\r\n\r\n      if (isLastPanel && atBottom(recapTrack) && goingDown) {\r\n        overscrollSum += e.deltaY;\r\n        e.preventDefault();\r\n\r\n        if (overscrollSum >= OVERSCROLL_TRIGGER) {\r\n          summary.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n          overscrollSum = 0;\r\n        }\r\n      } else {\r\n        overscrollSum = 0;\r\n      }\r\n    },\r\n    { passive: false, capture: true }\r\n  );\r\n\r\n  \/\/ Removed Summary IntersectionObserver that hid the progress bar\r\n\r\n  \/* =========================\r\n     Summary: One-by-one DOM order reveal\r\n     ========================= *\/\r\n  const prefersReduced = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  const items = Array.from(document.querySelectorAll(\"#summary [data-reveal]\"));\r\n\r\n  if (prefersReduced) {\r\n    items.forEach((el) => el.classList.add(\"revealed\"));\r\n  } else {\r\n    const inView = new Set();\r\n    let index = 0;\r\n    let busy = false;\r\n\r\n    const STEP_DELAY = 110;\r\n    const AFTER_REVEAL = 440;\r\n\r\n    function tryRevealNext() {\r\n      if (busy) return;\r\n\r\n      while (\r\n        index < items.length &&\r\n        items[index].classList.contains(\"revealed\")\r\n      )\r\n        index++;\r\n      if (index >= items.length) return;\r\n\r\n      const el = items[index];\r\n      if (!inView.has(el)) return;\r\n\r\n      busy = true;\r\n      el.classList.add(\"revealed\");\r\n\r\n      setTimeout(() => {\r\n        index++;\r\n        busy = false;\r\n        setTimeout(tryRevealNext, STEP_DELAY);\r\n      }, AFTER_REVEAL);\r\n    }\r\n\r\n    const io = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            inView.add(entry.target);\r\n            tryRevealNext();\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.18 }\r\n    );\r\n\r\n    items.forEach((el) => io.observe(el));\r\n    window.addEventListener(\"load\", tryRevealNext);\r\n  }\r\n\r\n  \/* =========================\r\n     Sparkles\r\n     ========================= *\/\r\n  const canvas = document.getElementById(\"sparkles\");\r\n  const ctx = canvas.getContext(\"2d\");\r\n  let w, h, dpr;\r\n\r\n  function resize() {\r\n    dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1));\r\n    w = canvas.width = Math.floor(window.innerWidth * dpr);\r\n    h = canvas.height = Math.floor(window.innerHeight * dpr);\r\n    canvas.style.width = window.innerWidth + \"px\";\r\n    canvas.style.height = window.innerHeight + \"px\";\r\n  }\r\n  window.addEventListener(\"resize\", resize);\r\n  resize();\r\n\r\n  const rand = (min, max) => Math.random() * (max - min) + min;\r\n  const particles = Array.from({ length: 42 }, () => ({\r\n    x: rand(0, 1),\r\n    y: rand(0, 1),\r\n    r: rand(0.6, 1.7),\r\n    a: rand(0.08, 0.22),\r\n    s: rand(0.012, 0.04),\r\n    t: rand(0, Math.PI * 2),\r\n  }));\r\n\r\n  function draw() {\r\n    ctx.clearRect(0, 0, w, h);\r\n\r\n    for (const p of particles) {\r\n      p.t += p.s;\r\n      const px = p.x * w + Math.cos(p.t) * (22 * dpr);\r\n      const py = p.y * h + Math.sin(p.t * 0.9) * (16 * dpr);\r\n      const tw = 0.5 + 0.5 * Math.sin(p.t * 1.8);\r\n\r\n      ctx.beginPath();\r\n      ctx.arc(px, py, p.r * dpr * (0.9 + tw * 0.6), 0, Math.PI * 2);\r\n      ctx.fillStyle = `rgba(0,186,222,${p.a * (0.7 + tw * 0.8)})`;\r\n      ctx.fill();\r\n\r\n      p.y += 0.00002 * (0.8 + tw);\r\n      if (p.y > 1.08) p.y = -0.08;\r\n    }\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mission The Mission of CLC of Seventh-day Adventist Church is to call all people in its territory to become disciples of Jesus Christ, to proclaim the everlasting gospel embraced in the three angel\u2019s messages (Revelation 14:1-12) and to prepare them for Christ\u2019s soon return. Vision Central Luzon Conference embodies a people empowered and fully engaged &hellip; <a href=\"https:\/\/clcadventist.org\/wp-public\/mission-vision-core-values\/\">Continued<\/a><\/p>\n","protected":false},"author":809,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-custom.blade.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/pages\/2117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/users\/809"}],"replies":[{"embeddable":true,"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/comments?post=2117"}],"version-history":[{"count":22,"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/pages\/2117\/revisions"}],"predecessor-version":[{"id":5949,"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/pages\/2117\/revisions\/5949"}],"wp:attachment":[{"href":"https:\/\/clcadventist.org\/wp-public\/wp-json\/wp\/v2\/media?parent=2117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}