{"id":14,"date":"2026-05-03T06:37:13","date_gmt":"2026-05-03T06:37:13","guid":{"rendered":"https:\/\/demo5.yinwoodweb.com\/mondagua\/?page_id=14"},"modified":"2026-07-22T14:40:21","modified_gmt":"2026-07-22T06:40:21","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demo5.yinwoodweb.com\/hondagua\/about-us\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div data-aos= \"fade-up\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease\" data-aos-once=\"true\" class=\"wp-block-uagb-container uagb-block-65fe1ae9 alignfull uagb-is-root-container\">\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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&#038;family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;1,8..60,300;1,8..60,400&#038;family=DM+Mono:wght@300;400;500&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" rel=\"stylesheet\">\n\n<style>\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\n       CUSTOM PROPERTIES\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 *\/\n    .sip-wrapper {\n        --soil-deep: #2A1A0E;\n        --soil-dark: #3E2518;\n        --soil-mid: #5C3A24;\n        --soil-warm: #7A5038;\n        --harvest-gold: #C9982E;\n        --harvest-bright: #E2B840;\n        --harvest-light: #F5DA7A;\n        --wheat: #EDE0C0;\n        --wheat-cream: #F6F0E0;\n        --wheat-white: #FAF7EE;\n        --pasture-deep: #2C4A1E;\n        --pasture: #3D6B2C;\n        --pasture-mid: #5A8C45;\n        --pasture-light: #8BB874;\n        --pasture-mist: #C2DBB2;\n        --sky: #D6E8CC;\n        --text-dark: #1A1008;\n        --text-body: #4A3D2E;\n        --text-muted: #7D6E5C;\n        --text-light: #B0A28F;\n        --white: #FEFBF4;\n        --shadow-sm: 0 2px 8px rgba(42,26,14,0.08);\n        --shadow-md: 0 8px 30px rgba(42,26,14,0.12);\n        --shadow-lg: 0 20px 60px rgba(42,26,14,0.18);\n        --section-pad-y: 7rem;\n        --section-pad-x: 6rem;\n        --content-max: 1320px;\n        --grid-gap: 5rem;\n        --card-pad: 3rem;\n        font-family: 'Source Serif 4', Georgia, serif;\n        background: var(--wheat-white);\n        color: var(--text-dark);\n        line-height: 1.75;\n        -webkit-font-smoothing: antialiased;\n        position: relative;\n        box-sizing: border-box;\n    }\n\n    .sip-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    .sip-wrapper .material-symbols-outlined {\n        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n        vertical-align: middle;\n    }\n    .sip-wrapper .icon-filled {\n        font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;\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\n       SHARED 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 *\/\n    .sip-section {\n        padding: var(--section-pad-y) var(--section-pad-x);\n        position: relative;\n    }\n    .sip-section-inner {\n        max-width: var(--content-max);\n        margin: 0 auto;\n    }\n    .sip-label {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.63rem; font-weight: 400;\n        text-transform: uppercase; letter-spacing: 0.22em;\n        color: var(--pasture-mid); margin-bottom: 1rem;\n        display: flex; align-items: center; gap: 0.8rem;\n    }\n    .sip-label::before { content: ''; width: 28px; height: 1.5px; background: var(--pasture-mid); }\n    .sip-label .material-symbols-outlined { font-size: 16px; }\n    .sip-heading {\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: clamp(2.1rem, 4.5vw, 3.6rem);\n        font-weight: 500; line-height: 1.12;\n        color: var(--soil-deep); margin-bottom: 1.2rem;\n    }\n    .sip-heading em { font-style: italic; color: var(--pasture); font-weight: 400; }\n    .sip-text {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.1rem; font-weight: 300;\n        color: var(--text-muted); max-width: 600px; line-height: 1.9;\n        text-align: justify;\n    }\n    .sip-fade {\n        opacity: 0; transform: translateY(35px);\n        transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-fade.sip-visible { opacity: 1; transform: translateY(0); }\n    .sip-fade-left {\n        opacity: 0; transform: translateX(-35px);\n        transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-fade-left.sip-visible { opacity: 1; transform: translateX(0); }\n    .sip-fade-right {\n        opacity: 0; transform: translateX(35px);\n        transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-fade-right.sip-visible { opacity: 1; transform: translateX(0); }\n\n    @keyframes sipFadeUp {\n        from { opacity: 0; transform: translateY(28px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes sipPulse {\n        0%, 100% { box-shadow: 0 0 0 0 rgba(201,152,46,0.3); }\n        50% { box-shadow: 0 0 0 12px rgba(201,152,46,0); }\n    }\n    @keyframes sipShimmer {\n        0% { background-position: -200% center; }\n        100% { background-position: 200% center; }\n    }\n    @keyframes sipFloat {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-8px); }\n    }\n    @keyframes sipCountUp {\n        from { opacity: 0; transform: scale(0.5); }\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\n       DONATE 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 *\/\n    .sip-donate-hero {\n        min-height: 70vh;\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n        overflow: hidden;\n        background: linear-gradient(165deg, var(--soil-deep) 0%, var(--pasture-deep) 50%, var(--soil-dark) 100%);\n    }\n    .sip-donate-hero::before {\n        content: ''; position: absolute; inset: 0;\n        background:\n            radial-gradient(ellipse at 20% 80%, rgba(201,152,46,0.12) 0%, transparent 55%),\n            radial-gradient(ellipse at 80% 20%, rgba(61,107,44,0.15) 0%, transparent 50%),\n            radial-gradient(ellipse at 50% 50%, rgba(226,184,64,0.03) 0%, transparent 70%);\n        z-index: 1;\n    }\n    .sip-donate-hero-bg {\n        position: absolute; inset: 0; z-index: 0;\n    }\n    .sip-donate-hero-bg img {\n        width: 100%; height: 100%; object-fit: cover;\n        opacity: 0.12; filter: saturate(0.5);\n    }\n    .sip-donate-hero-pattern {\n        position: absolute; inset: 0; z-index: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9982E' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        z-index: 0;\n    }\n    .sip-donate-hero-content {\n        position: relative; z-index: 2;\n        padding: 6rem 6rem 5rem;\n        max-width: var(--content-max);\n        margin: 0 auto; width: 100%;\n    }\n    .sip-donate-hero-breadcrumb {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.6rem; text-transform: uppercase;\n        letter-spacing: 0.2em;\n        color: rgba(240,230,200,0.4);\n        margin-bottom: 2rem;\n        display: flex; align-items: center; gap: 0.5rem;\n        opacity: 0; animation: sipFadeUp 0.7s ease forwards 0.2s;\n    }\n    .sip-donate-hero-breadcrumb a {\n        color: var(--harvest-bright); text-decoration: none;\n        transition: color 0.3s;\n    }\n    .sip-donate-hero-breadcrumb a:hover { color: var(--wheat-cream); }\n    .sip-donate-hero-icon {\n        margin-bottom: 1.5rem;\n        opacity: 0; animation: sipFadeUp 0.8s ease forwards 0.3s;\n    }\n    .sip-donate-hero-icon .material-symbols-outlined {\n        font-size: 44px; color: var(--harvest-bright); opacity: 0.6;\n    }\n    .sip-donate-hero-title {\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: clamp(3rem, 6.5vw, 5.5rem);\n        font-weight: 400; line-height: 1.02;\n        color: var(--wheat-cream);\n        margin-bottom: 1.5rem;\n        opacity: 0; animation: sipFadeUp 0.8s ease forwards 0.4s;\npadding-top: 100px;\n    }\n    .sip-donate-hero-title em {\n        font-style: italic; color: var(--harvest-bright);\n        display: block;\n    }\n    .sip-donate-hero-subtitle {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.15rem; font-weight: 300;\n        color: rgba(240,230,200,0.55);\n        max-width: 540px; line-height: 1.85;\n        margin-bottom: 2.5rem;\n        opacity: 0; animation: sipFadeUp 0.8s ease forwards 0.6s;\n    }\n    .sip-donate-hero-verse {\n        display: inline-block;\n        font-family: 'Playfair Display', serif;\n        font-style: italic; font-size: 1.05rem;\n        color: rgba(240,230,200,0.4);\n        border-left: 2px solid rgba(201,152,46,0.25);\n        padding-left: 1.2rem;\n        opacity: 0; animation: sipFadeUp 0.8s ease forwards 0.8s;\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\n       CONTACT PERSON CARD \u2014 JOSE JAY\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 *\/\n    .sip-donate-contact {\n        background: var(--white); overflow: hidden;\n    }\n    .sip-donate-contact-banner {\n        background: linear-gradient(135deg, var(--harvest-gold), var(--harvest-bright));\n        border-radius: 6px; padding: 0;\n        display: grid; grid-template-columns: auto 1fr;\n        gap: 0; overflow: hidden;\n        box-shadow: var(--shadow-lg);\n        margin-top: 3.5rem;\n        position: relative;\n    }\n    .sip-donate-contact-banner::before {\n        content: ''; position: absolute; inset: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        pointer-events: none; z-index: 0;\n    }\n    .sip-donate-contact-photo {\n        width: 240px; min-height: 280px;\n        position: relative; overflow: hidden; z-index: 1;\n    }\n    .sip-donate-contact-photo img {\n        width: 100%; height: 100%; object-fit: cover;\n        display: block;\n    }\n    .sip-donate-contact-photo::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(to right, transparent 60%, rgba(201,152,46,0.4) 100%);\n    }\n    .sip-donate-contact-info {\n        padding: 2.5rem 3rem;\n        display: flex; flex-direction: column;\n        justify-content: center; position: relative; z-index: 1;\n    }\n    .sip-donate-contact-badge {\n        display: inline-flex; align-items: center; gap: 0.5rem;\n        font-family: 'DM Mono', monospace;\n        font-size: 0.58rem; text-transform: uppercase;\n        letter-spacing: 0.18em;\n        color: var(--soil-deep);\n        background: rgba(255,255,255,0.25);\n        padding: 0.4rem 1rem; border-radius: 50px;\n        width: fit-content; margin-bottom: 1rem;\n    }\n    .sip-donate-contact-badge .material-symbols-outlined { font-size: 14px; }\n    .sip-donate-contact-name {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.2rem; font-weight: 600;\n        color: var(--soil-deep); line-height: 1.1;\n        margin-bottom: 0.3rem;\n    }\n    .sip-donate-contact-role {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.62rem; text-transform: uppercase;\n        letter-spacing: 0.15em;\n        color: rgba(42,26,14,0.6);\n        margin-bottom: 1.2rem;\n    }\n    .sip-donate-contact-desc {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1rem; font-weight: 300;\n        color: rgba(42,26,14,0.65);\n        line-height: 1.8; max-width: 440px;\n        margin-bottom: 1.5rem;\n    }\n    .sip-donate-contact-actions {\n        display: flex; gap: 1rem; flex-wrap: wrap;\n    }\n    .sip-donate-contact-btn {\n        display: inline-flex; align-items: center; gap: 0.5rem;\n        font-family: 'DM Mono', monospace; font-size: 0.65rem;\n        text-transform: uppercase; letter-spacing: 0.14em;\n        padding: 0.85rem 1.6rem; border-radius: 3px;\n        text-decoration: none !important; cursor: pointer;\n        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);\n        border: none;\n    }\n    .sip-donate-contact-btn--call {\n        background: var(--soil-deep); color: var(--wheat-cream);\n    }\n    .sip-donate-contact-btn--call:hover {\n        background: var(--pasture-deep); transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(42,26,14,0.3);\n    }\n    .sip-donate-contact-btn--sms {\n        background: rgba(42,26,14,0.08); color: var(--soil-deep);\n    }\n    .sip-donate-contact-btn--sms:hover {\n        background: rgba(42,26,14,0.15); transform: translateY(-2px);\n    }\n    .sip-donate-contact-btn .material-symbols-outlined { font-size: 17px; }\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\n       WHY DONATE\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 *\/\n    .sip-why {\n        background: var(--wheat-white);\n    }\n    .sip-why-grid {\n        display: grid; grid-template-columns: 1fr 1.2fr;\n        gap: var(--grid-gap); margin-top: 3.5rem;\n        align-items: start;\n    }\n    .sip-why-text-col {}\n    .sip-why-para {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.08rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.95;\n        margin-bottom: 1.5rem; text-align: justify;\n    }\n    .sip-why-para strong { font-weight: 500; color: var(--text-body); }\n    .sip-why-para:first-of-type::first-letter {\n        font-family: 'Playfair Display', serif; font-size: 3.8rem;\n        float: left; line-height: 0.78; margin-right: 0.6rem;\n        margin-top: 0.1rem; color: var(--pasture); font-weight: 600;\n    }\n    .sip-why-pullquote {\n        font-family: 'Playfair Display', serif;\n        font-style: italic; font-size: 1.35rem;\n        color: var(--pasture); line-height: 1.55;\n        border-left: 3px solid var(--harvest-gold);\n        padding-left: 1.5rem; margin: 2rem 0;\n    }\n    .sip-why-cards {\n        display: flex; flex-direction: column; gap: 1.5rem;\n    }\n    .sip-why-card {\n        background: var(--white); border: 1px solid rgba(201,152,46,0.1);\n        border-radius: 5px; padding: 2rem 2.2rem;\n        display: flex; gap: 1.5rem; align-items: flex-start;\n        transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s, border-color 0.3s;\n        position: relative; overflow: hidden;\n    }\n    .sip-why-card::before {\n        content: ''; position: absolute;\n        top: 0; left: 0; bottom: 0; width: 3px;\n        background: linear-gradient(to bottom, var(--pasture), var(--harvest-gold));\n        transform: scaleY(0); transform-origin: top;\n        transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-why-card:hover::before { transform: scaleY(1); }\n    .sip-why-card:hover { transform: translateX(6px); box-shadow: var(--shadow-md); border-color: rgba(201,152,46,0.25); }\n    .sip-why-card-icon {\n        width: 52px; height: 52px; flex-shrink: 0;\n        border-radius: 50%;\n        background: linear-gradient(135deg, rgba(61,107,44,0.1), rgba(201,152,46,0.08));\n        display: flex; align-items: center; justify-content: center;\n        transition: transform 0.4s, background 0.3s;\n    }\n    .sip-why-card:hover .sip-why-card-icon {\n        transform: scale(1.1);\n        background: linear-gradient(135deg, rgba(61,107,44,0.18), rgba(201,152,46,0.15));\n    }\n    .sip-why-card-icon .material-symbols-outlined { font-size: 26px; color: var(--pasture); }\n    .sip-why-card-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.15rem; font-weight: 600;\n        color: var(--soil-deep); margin-bottom: 0.4rem;\n        transition: color 0.3s;\n    }\n    .sip-why-card:hover .sip-why-card-title { color: var(--pasture); }\n    .sip-why-card-desc {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.7;\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\n       DONATION TIERS\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 *\/\n    .sip-tiers {\n        background: linear-gradient(180deg, var(--wheat-white), var(--sky), var(--wheat-white));\n        overflow: hidden;\n    }\n    .sip-tiers-grid {\n        display: grid; grid-template-columns: repeat(3, 1fr);\n        gap: 1.8rem; margin-top: 3.5rem;\n    }\n    .sip-tier {\n        background: var(--white); border: 1px solid rgba(201,152,46,0.1);\n        border-radius: 6px; overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s, border-color 0.3s;\n        position: relative;\n    }\n    .sip-tier:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: rgba(201,152,46,0.3); }\n    .sip-tier--featured {\n        border-color: var(--harvest-gold);\n        box-shadow: var(--shadow-md);\n        transform: scale(1.03);\n    }\n    .sip-tier--featured:hover { transform: scale(1.03) translateY(-8px); }\n    .sip-tier-ribbon {\n        position: absolute; top: 1.2rem; right: -2rem;\n        background: var(--harvest-gold); color: var(--soil-deep);\n        font-family: 'DM Mono', monospace; font-size: 0.52rem;\n        text-transform: uppercase; letter-spacing: 0.15em;\n        padding: 0.35rem 2.5rem;\n        transform: rotate(45deg);\n        z-index: 2;\n    }\n    .sip-tier-header {\n        padding: 2.5rem 2rem 1.5rem;\n        text-align: center;\n        border-bottom: 1px solid rgba(201,152,46,0.08);\n    }\n    .sip-tier-icon {\n        width: 56px; height: 56px; margin: 0 auto 1.2rem;\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        transition: transform 0.4s;\n    }\n    .sip-tier:hover .sip-tier-icon { transform: scale(1.1) rotate(-5deg); }\n    .sip-tier:nth-child(1) .sip-tier-icon { background: linear-gradient(135deg, rgba(139,193,116,0.15), rgba(61,107,44,0.1)); }\n    .sip-tier:nth-child(2) .sip-tier-icon { background: linear-gradient(135deg, rgba(201,152,46,0.2), rgba(226,184,64,0.12)); }\n    .sip-tier:nth-child(3) .sip-tier-icon { background: linear-gradient(135deg, rgba(92,58,36,0.12), rgba(122,80,56,0.08)); }\n    .sip-tier:nth-child(1) .sip-tier-icon .material-symbols-outlined { color: var(--pasture); }\n    .sip-tier:nth-child(2) .sip-tier-icon .material-symbols-outlined { color: var(--harvest-gold); }\n    .sip-tier:nth-child(3) .sip-tier-icon .material-symbols-outlined { color: var(--soil-warm); }\n    .sip-tier-icon .material-symbols-outlined { font-size: 28px; }\n    .sip-tier-name {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem; font-weight: 600;\n        color: var(--soil-deep); margin-bottom: 0.3rem;\n    }\n    .sip-tier-sub {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.55rem; text-transform: uppercase;\n        letter-spacing: 0.15em; color: var(--text-light);\n        margin-bottom: 1rem;\n    }\n    .sip-tier-amount {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.8rem; font-weight: 700;\n        color: var(--pasture); line-height: 1;\n    }\n    .sip-tier-amount span {\n        font-size: 1.1rem; font-weight: 400;\n        color: var(--text-muted);\n    }\n    .sip-tier-body {\n        padding: 1.5rem 2rem 2rem;\n    }\n    .sip-tier-features {\n        list-style: none; display: flex;\n        flex-direction: column; gap: 0.9rem;\n        margin-bottom: 2rem;\n    }\n    .sip-tier-feature {\n        display: flex; gap: 0.8rem; align-items: flex-start;\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.5;\n    }\n    .sip-tier-feature .material-symbols-outlined {\n        font-size: 18px; color: var(--pasture); flex-shrink: 0; margin-top: 0.15rem;\n    }\n    .sip-tier-btn {\n        display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n        width: 100%; font-family: 'DM Mono', monospace;\n        font-size: 0.65rem; text-transform: uppercase;\n        letter-spacing: 0.14em; padding: 1rem;\n        border: none; border-radius: 3px; cursor: pointer;\n        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-tier-btn--outline {\n        background: transparent; color: var(--pasture);\n        border: 1.5px solid var(--pasture);\n    }\n    .sip-tier-btn--outline:hover {\n        background: var(--pasture); color: var(--white);\n        transform: translateY(-2px);\n    }\n    .sip-tier-btn--solid {\n        background: var(--harvest-bright); color: var(--soil-deep);\n    }\n    .sip-tier-btn--solid:hover {\n        background: var(--wheat-cream);\n        letter-spacing: 0.2em;\n        box-shadow: 0 8px 30px rgba(201,152,46,0.3);\n        transform: translateY(-2px);\n    }\n    .sip-tier-btn .material-symbols-outlined { font-size: 17px; transition: transform 0.3s; }\n    .sip-tier-btn:hover .material-symbols-outlined { transform: translateX(2px); }\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\n       CUSTOM AMOUNT 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 *\/\n    .sip-custom {\n        background: var(--white);\n    }\n    .sip-custom-layout {\n        display: grid; grid-template-columns: 1fr 1.1fr;\n        gap: var(--grid-gap); margin-top: 3.5rem;\n        align-items: start;\n    }\n    .sip-custom-info {}\n    .sip-custom-para {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.08rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.9;\n        margin-bottom: 1.5rem; text-align: justify;\n    }\n    .sip-custom-methods {\n        display: flex; flex-direction: column; gap: 1.2rem;\n        margin-top: 2rem;\n    }\n    .sip-custom-method {\n        display: flex; gap: 1.2rem; align-items: flex-start;\n        padding: 1.5rem; background: var(--wheat-white);\n        border: 1px solid rgba(201,152,46,0.1);\n        border-radius: 5px;\n        transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\n    }\n    .sip-custom-method:hover {\n        transform: translateX(4px); border-color: rgba(201,152,46,0.25);\n        box-shadow: var(--shadow-sm);\n    }\n    .sip-custom-method-icon {\n        width: 44px; height: 44px; flex-shrink: 0;\n        border-radius: 50%; display: flex;\n        align-items: center; justify-content: center;\n    }\n    .sip-custom-method:nth-child(1) .sip-custom-method-icon { background: linear-gradient(135deg, #007dfe, #005bbb); }\n    .sip-custom-method:nth-child(2) .sip-custom-method-icon { background: linear-gradient(135deg, var(--pasture), var(--pasture-mid)); }\n    .sip-custom-method:nth-child(3) .sip-custom-method-icon { background: linear-gradient(135deg, var(--harvest-gold), var(--harvest-bright)); }\n    .sip-custom-method-icon .material-symbols-outlined { font-size: 20px; color: var(--white); }\n    .sip-custom-method-name {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.05rem; font-weight: 600;\n        color: var(--soil-deep); margin-bottom: 0.2rem;\n    }\n    .sip-custom-method-detail {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.92rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.6;\n    }\n    .sip-custom-method-detail strong { font-weight: 500; color: var(--text-body); }\n\n    \/* DONATION FORM *\/\n    .sip-donate-form-wrap {\n        background: var(--wheat-white);\n        border: 1px solid rgba(201,152,46,0.12);\n        border-radius: 6px; padding: 2.8rem;\n        box-shadow: var(--shadow-md);\n        position: relative; overflow: visible;\n    }\n    .sip-donate-form-wrap::before {\n        content: ''; position: absolute;\n        top: 0; left: 0; right: 0; height: 4px;\n        background: linear-gradient(90deg, var(--pasture), var(--harvest-gold), var(--pasture));\n    }\n    .sip-donate-form-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.6rem; font-weight: 500;\n        color: var(--soil-deep); margin-bottom: 0.3rem;\n    }\n    .sip-donate-form-sub {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: var(--text-muted); margin-bottom: 2rem;\n    }\n    .sip-form-group { margin-bottom: 1.4rem; }\n    .sip-form-label {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.6rem; text-transform: uppercase;\n        letter-spacing: 0.15em; color: var(--text-body);\n        margin-bottom: 0.5rem; display: block;\n    }\n    .sip-form-input-wrap {\n        display: flex; align-items: center; gap: 0.7rem;\n        background: var(--white);\n        border: 1px solid rgba(201,152,46,0.15);\n        border-radius: 4px; padding: 0 1rem;\n        transition: border-color 0.3s, box-shadow 0.3s;\n        position: relative;\n    }\n    .sip-form-input-wrap:focus-within {\n        border-color: var(--harvest-gold);\n        box-shadow: 0 0 0 3px rgba(201,152,46,0.08);\n    }\n    .sip-form-input-wrap > .material-symbols-outlined {\n        font-size: 18px; color: var(--harvest-gold);\n        opacity: 0.4; flex-shrink: 0;\n    }\n    .sip-form-input-wrap:focus-within > .material-symbols-outlined { opacity: 1; }\n    .sip-form-input {\n        flex: 1; background: transparent; border: none; outline: none;\n        font-family: 'Source Serif 4', serif; font-size: 0.95rem;\n        font-weight: 300; color: var(--text-dark); \n        min-width: 0;\n    }\n    .sip-form-input::placeholder { color: var(--text-light); }\n\n    \/* \u2500\u2500 FIX: Select dropdown styling \u2500\u2500 *\/\n    .sip-form-select {\n        cursor: pointer;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9982E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        background-position: right 0.2rem center;\n        background-size: 14px;\n        padding-right: 1.8rem;\n        overflow: visible;\n    }\n    .sip-form-select option {\n        background: var(--white);\n        color: var(--text-dark);\n        padding: 0.5rem;\n        font-family: 'Source Serif 4', serif;\n    }\n\n    .sip-form-input-wrap--textarea {\n        align-items: flex-start; padding: 0.8rem 1rem;\n    }\n    .sip-form-textarea { resize: vertical; min-height: 90px; padding: 0; }\n\n    .sip-form-amount-grid {\n        display: grid; grid-template-columns: repeat(4, 1fr);\n        gap: 0.8rem; margin-bottom: 1rem;\n    }\n    .sip-amount-btn {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.72rem; font-weight: 500;\n        padding: 0.9rem 0.5rem;\n        border: 1.5px solid rgba(201,152,46,0.2);\n        border-radius: 4px; background: var(--white);\n        color: var(--text-body); cursor: pointer;\n        transition: all 0.3s;\n        text-align: center;\n    }\n    .sip-amount-btn:hover {\n        border-color: var(--harvest-gold);\n        background: rgba(201,152,46,0.05);\n    }\n    .sip-amount-btn.sip-amount-active {\n        border-color: var(--harvest-gold);\n        background: var(--harvest-gold);\n        color: var(--soil-deep); font-weight: 600;\n    }\n\n    .sip-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n\n    .sip-form-btn {\n        display: inline-flex; align-items: center; gap: 0.6rem;\n        justify-content: center; width: 100%;\n        font-family: 'DM Mono', monospace; font-size: 0.7rem;\n        text-transform: uppercase; letter-spacing: 0.16em;\n        color: var(--soil-deep); background: var(--harvest-bright);\n        padding: 1.1rem 2rem; border: none; border-radius: 3px;\n        cursor: pointer; margin-top: 0.5rem;\n        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-form-btn:hover {\n        background: var(--wheat-cream);\n        letter-spacing: 0.22em;\n        box-shadow: 0 10px 35px rgba(201,152,46,0.3);\n        transform: translateY(-2px);\n    }\n    .sip-form-btn .material-symbols-outlined { font-size: 18px; transition: transform 0.3s; }\n    .sip-form-btn:hover .material-symbols-outlined { transform: translateX(3px); }\n\n    .sip-form-note {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.82rem; font-weight: 300;\n        color: var(--text-light); text-align: center;\n        margin-top: 1rem; line-height: 1.6;\n    }\n    .sip-form-note .material-symbols-outlined {\n        font-size: 14px; vertical-align: -2px; margin-right: 0.2rem;\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\n       CAMPAIGNS \/ NEEDS\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 *\/\n    .sip-campaigns {\n        background: linear-gradient(170deg, var(--soil-deep) 0%, var(--soil-dark) 60%, var(--pasture-deep) 100%);\n        color: var(--wheat-cream); overflow: hidden;\n    }\n    .sip-campaigns::before {\n        content: ''; position: absolute; inset: 0;\n        background:\n            radial-gradient(ellipse at 80% 30%, rgba(61,107,44,0.1) 0%, transparent 55%),\n            radial-gradient(ellipse at 15% 80%, rgba(201,152,46,0.06) 0%, transparent 50%);\n        pointer-events: none;\n    }\n    .sip-campaigns .sip-label { color: var(--pasture-light); }\n    .sip-campaigns .sip-label::before { background: var(--pasture-light); }\n    .sip-campaigns .sip-heading { color: var(--wheat-cream); }\n    .sip-campaigns .sip-heading em { color: var(--harvest-bright); }\n    .sip-campaigns-intro {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.1rem; font-weight: 300;\n        color: rgba(240,230,200,0.55);\n        max-width: 600px; line-height: 1.85;\n        margin-bottom: 3rem; text-align: justify;\n    }\n    .sip-campaign-grid {\n        display: grid; grid-template-columns: repeat(2, 1fr);\n        gap: 1.8rem; position: relative; z-index: 2;\n    }\n    .sip-campaign-card {\n        background: rgba(255,255,255,0.03);\n        border: 1px solid rgba(201,152,46,0.1);\n        border-radius: 5px; overflow: hidden;\n        backdrop-filter: blur(8px);\n        transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s, border-color 0.3s;\n    }\n    .sip-campaign-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 15px 50px rgba(0,0,0,0.2);\n        border-color: rgba(201,152,46,0.25);\n    }\n    .sip-campaign-card-header {\n        display: flex; align-items: center; gap: 1.2rem;\n        padding: 1.8rem 2rem;\n        border-bottom: 1px solid rgba(201,152,46,0.08);\n    }\n    .sip-campaign-card-icon {\n        width: 48px; height: 48px; flex-shrink: 0;\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n    }\n    .sip-campaign-card:nth-child(1) .sip-campaign-card-icon { background: rgba(201,152,46,0.15); }\n    .sip-campaign-card:nth-child(2) .sip-campaign-card-icon { background: rgba(139,193,116,0.15); }\n    .sip-campaign-card:nth-child(3) .sip-campaign-card-icon { background: rgba(201,152,46,0.12); }\n    .sip-campaign-card:nth-child(4) .sip-campaign-card-icon { background: rgba(139,193,116,0.12); }\n    .sip-campaign-card-icon .material-symbols-outlined { font-size: 24px; color: var(--harvest-bright); }\n    .sip-campaign-card-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.15rem; font-weight: 500;\n        color: var(--wheat-cream);\n    }\n    .sip-campaign-card-sub {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.55rem; text-transform: uppercase;\n        letter-spacing: 0.12em; color: var(--pasture-light);\n        margin-top: 0.15rem;\n    }\n    .sip-campaign-card-body { padding: 1.5rem 2rem 1.8rem; }\n    .sip-campaign-card-desc {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: rgba(240,230,200,0.5); line-height: 1.8;\n        margin-bottom: 1.5rem;\n    }\n    .sip-campaign-progress {\n        margin-bottom: 0.8rem;\n    }\n    .sip-campaign-progress-bar {\n        width: 100%; height: 6px;\n        background: rgba(255,255,255,0.08);\n        border-radius: 10px; overflow: hidden;\n        margin-bottom: 0.6rem;\n    }\n    .sip-campaign-progress-fill {\n        height: 100%; border-radius: 10px;\n        background: linear-gradient(90deg, var(--pasture), var(--harvest-gold));\n        transition: width 1.5s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-campaign-progress-stats {\n        display: flex; justify-content: space-between;\n        align-items: center;\n    }\n    .sip-campaign-progress-raised {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.2rem; font-weight: 600;\n        color: var(--harvest-bright);\n    }\n    .sip-campaign-progress-goal {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.58rem; text-transform: uppercase;\n        letter-spacing: 0.12em; color: rgba(240,230,200,0.35);\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\n       TRANSPARENCY\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 *\/\n    .sip-transparency {\n        background: var(--wheat-white);\n    }\n    .sip-transparency-grid {\n        display: grid; grid-template-columns: repeat(3, 1fr);\n        gap: 1.8rem; margin-top: 3.5rem;\n    }\n    .sip-transparency-card {\n        background: var(--white); border: 1px solid rgba(201,152,46,0.1);\n        border-radius: 5px; padding: 2.2rem 2rem;\n        text-align: center;\n        transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s, border-color 0.3s;\n        position: relative; overflow: hidden;\n    }\n    .sip-transparency-card::after {\n        content: ''; position: absolute;\n        bottom: 0; left: 0; right: 0; height: 3px;\n        background: linear-gradient(90deg, var(--pasture), var(--harvest-gold));\n        transform: scaleX(0); transform-origin: left;\n        transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-transparency-card:hover::after { transform: scaleX(1); }\n    .sip-transparency-card:hover {\n        transform: translateY(-6px); box-shadow: var(--shadow-lg);\n        border-color: rgba(201,152,46,0.25);\n    }\n    .sip-transparency-icon {\n        width: 60px; height: 60px; margin: 0 auto 1.5rem;\n        border-radius: 50%;\n        background: linear-gradient(135deg, rgba(61,107,44,0.1), rgba(201,152,46,0.08));\n        display: flex; align-items: center; justify-content: center;\n        transition: transform 0.4s;\n    }\n    .sip-transparency-card:hover .sip-transparency-icon { transform: scale(1.1); }\n    .sip-transparency-icon .material-symbols-outlined { font-size: 28px; color: var(--pasture); }\n    .sip-transparency-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.15rem; font-weight: 600;\n        color: var(--soil-deep); margin-bottom: 0.7rem;\n    }\n    .sip-transparency-desc {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.75;\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\n       THANK YOU CTA\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 *\/\n    .sip-thanks {\n        background: linear-gradient(160deg, var(--pasture) 0%, var(--pasture-deep) 40%, var(--soil-deep) 100%);\n        text-align: center; padding: 6rem var(--section-pad-x);\n        position: relative; overflow: hidden;\n    }\n    .sip-thanks::before {\n        content: ''; position: absolute; inset: 0;\n        background:\n            radial-gradient(circle at 25% 50%, rgba(201,152,46,0.1) 0%, transparent 50%),\n            radial-gradient(circle at 75% 30%, rgba(139,193,116,0.08) 0%, transparent 40%);\n        pointer-events: none;\n    }\n    .sip-thanks-content {\n        position: relative; z-index: 2;\n        max-width: 660px; margin: 0 auto;\n    }\n    .sip-thanks-icon .material-symbols-outlined {\n        font-size: 52px; color: var(--harvest-bright);\n        opacity: 0.6; margin-bottom: 1.5rem; display: block;\n    }\n    .sip-thanks-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.2rem, 4.5vw, 3.5rem);\n        font-weight: 500; color: var(--wheat-cream);\n        line-height: 1.1; margin-bottom: 1rem;\n    }\n    .sip-thanks-title em { font-style: italic; color: var(--harvest-bright); font-weight: 400; }\n    .sip-thanks-text {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1.1rem; font-weight: 300;\n        color: rgba(240,230,200,0.5);\n        line-height: 1.8; margin-bottom: 2.5rem;\n    }\n    .sip-thanks-verse {\n        font-family: 'Playfair Display', serif;\n        font-style: italic; font-size: 1.15rem;\n        color: rgba(240,230,200,0.4);\n        border-left: 2px solid rgba(201,152,46,0.2);\n        padding-left: 1.2rem; margin: 2rem auto;\n        max-width: 480px; text-align: left;\n    }\n    .sip-thanks-btn {\n        display: inline-flex; align-items: center; gap: 0.6rem;\n        font-family: 'DM Mono', monospace; font-size: 0.7rem;\n        text-transform: uppercase; letter-spacing: 0.16em;\n        color: var(--soil-deep); background: var(--harvest-bright);\n        padding: 1.1rem 2.8rem; border: none; border-radius: 3px;\n        text-decoration: none !important; cursor: pointer;\n        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-thanks-btn:hover {\n        background: var(--wheat-cream); letter-spacing: 0.22em;\n        box-shadow: 0 10px 35px rgba(201,152,46,0.3);\n        transform: translateY(-2px);\n    }\n    .sip-thanks-btn .material-symbols-outlined { font-size: 18px; transition: transform 0.3s; }\n    .sip-thanks-btn:hover .material-symbols-outlined { transform: translateX(3px); }\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\n       DIOCESE BAR\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 *\/\n    .sip-diocese {\n        background: var(--soil-dark);\n        padding: 2.8rem 6rem;\n        display: flex; justify-content: center; gap: 4rem; flex-wrap: wrap;\n    }\n    .sip-diocese-item { text-align: center; transition: transform 0.3s; }\n    .sip-diocese-item:hover { transform: translateY(-2px); }\n    .sip-diocese-item .material-symbols-outlined { font-size: 20px; color: var(--harvest-gold); margin-bottom: 0.3rem; display: block; }\n    .sip-diocese-label { font-family: 'DM Mono', monospace; font-size: 0.52rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--pasture-light); margin-bottom: 0.35rem; }\n    .sip-diocese-value { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 500; color: var(--wheat-cream); }\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\n       BACK TO TOP\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 *\/\n    .sip-top-btn {\n        position: fixed; bottom: 2rem; right: 2rem;\n        width: 48px; height: 48px; background: var(--harvest-gold);\n        color: var(--white); border: none; border-radius: 50%;\n        cursor: pointer; display: flex; align-items: center; justify-content: center;\n        z-index: 999; opacity: 0; visibility: hidden; transform: translateY(10px);\n        transition: opacity 0.4s, visibility 0.4s, transform 0.4s, background 0.3s, box-shadow 0.3s;\n        box-shadow: 0 4px 20px rgba(201,152,46,0.3);\n    }\n    .sip-top-btn.sip-top-visible { opacity: 1; visibility: visible; transform: translateY(0); }\n    .sip-top-btn:hover { background: var(--pasture); box-shadow: 0 6px 25px rgba(61,107,44,0.35); transform: translateY(-3px); }\n    .sip-top-btn .material-symbols-outlined { font-size: 24px; transition: transform 0.3s; }\n    .sip-top-btn:hover .material-symbols-outlined { transform: translateY(-2px); }\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\n       THANK YOU 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 *\/\n    .sip-modal-overlay {\n        position: fixed; inset: 0;\n        background: rgba(26,16,8,0.65);\n        backdrop-filter: blur(6px);\n        -webkit-backdrop-filter: blur(6px);\n        z-index: 10000;\n        display: flex; align-items: center; justify-content: center;\n        padding: 2rem;\n        opacity: 0; visibility: hidden;\n        transition: opacity 0.4s ease, visibility 0.4s ease;\n    }\n    .sip-modal-overlay.sip-modal-open {\n        opacity: 1; visibility: visible;\n    }\n    .sip-modal {\n        background: var(--wheat-white);\n        border-radius: 8px;\n        max-width: 520px; width: 100%;\n        overflow: hidden;\n        box-shadow: 0 30px 80px rgba(42,26,14,0.35);\n        transform: translateY(30px) scale(0.96);\n        transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\n        position: relative;\n    }\n    .sip-modal-overlay.sip-modal-open .sip-modal {\n        transform: translateY(0) scale(1);\n    }\n    .sip-modal-top {\n        background: linear-gradient(160deg, var(--pasture) 0%, var(--pasture-deep) 60%, var(--soil-deep) 100%);\n        padding: 3rem 2.5rem 2.5rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n    .sip-modal-top::before {\n        content: ''; position: absolute; inset: 0;\n        background:\n            radial-gradient(circle at 30% 40%, rgba(201,152,46,0.1) 0%, transparent 50%),\n            radial-gradient(circle at 70% 60%, rgba(139,193,116,0.08) 0%, transparent 40%);\n        pointer-events: none;\n    }\n    .sip-modal-check {\n        width: 72px; height: 72px;\n        border-radius: 50%;\n        background: rgba(201,152,46,0.15);\n        border: 2px solid rgba(201,152,46,0.3);\n        display: flex; align-items: center; justify-content: center;\n        margin: 0 auto 1.5rem;\n        position: relative; z-index: 1;\n        animation: sipCountUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.3s both;\n    }\n    .sip-modal-check .material-symbols-outlined {\n        font-size: 36px; color: var(--harvest-bright);\n        font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 40;\n    }\n    .sip-modal-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem; font-weight: 500;\n        color: var(--wheat-cream);\n        line-height: 1.15; margin-bottom: 0.5rem;\n        position: relative; z-index: 1;\n    }\n    .sip-modal-title em {\n        font-style: italic; color: var(--harvest-bright);\n        font-weight: 400;\n    }\n    .sip-modal-subtitle {\n        font-family: 'Source Serif 4', serif;\n        font-size: 0.95rem; font-weight: 300;\n        color: rgba(240,230,200,0.5);\n        line-height: 1.7;\n        position: relative; z-index: 1;\n    }\n    .sip-modal-body {\n        padding: 2.2rem 2.5rem 1.5rem;\n    }\n    .sip-modal-msg {\n        font-family: 'Source Serif 4', serif;\n        font-size: 1rem; font-weight: 300;\n        color: var(--text-muted); line-height: 1.85;\n        text-align: center; margin-bottom: 1.8rem;\n    }\n    .sip-modal-msg strong { font-weight: 500; color: var(--text-body); }\n    .sip-modal-contact-card {\n        background: var(--white);\n        border: 1px solid rgba(201,152,46,0.12);\n        border-radius: 5px;\n        padding: 1.5rem;\n        display: flex; gap: 1.2rem; align-items: center;\n        margin-bottom: 1.8rem;\n    }\n    .sip-modal-contact-avatar {\n        width: 52px; height: 52px; flex-shrink: 0;\n        border-radius: 50%;\n        background: linear-gradient(135deg, var(--harvest-gold), var(--harvest-bright));\n        display: flex; align-items: center; justify-content: center;\n    }\n    .sip-modal-contact-avatar .material-symbols-outlined {\n        font-size: 24px; color: var(--soil-deep);\n    }\n    .sip-modal-contact-name {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.05rem; font-weight: 600;\n        color: var(--soil-deep); margin-bottom: 0.1rem;\n    }\n    .sip-modal-contact-role {\n        font-family: 'DM Mono', monospace;\n        font-size: 0.55rem; text-transform: uppercase;\n        letter-spacing: 0.12em; color: var(--text-light);\n        margin-bottom: 0.5rem;\n    }\n    .sip-modal-contact-phone {\n        display: inline-flex; align-items: center; gap: 0.4rem;\n        font-family: 'DM Mono', monospace;\n        font-size: 0.7rem; color: var(--pasture);\n        text-decoration: none; font-weight: 500;\n        transition: color 0.3s;\n    }\n    .sip-modal-contact-phone:hover { color: var(--harvest-gold); }\n    .sip-modal-contact-phone .material-symbols-outlined { font-size: 16px; }\n    .sip-modal-btns {\n        display: flex; gap: 0.8rem;\n    }\n    .sip-modal-btn {\n        flex: 1; display: flex; align-items: center; justify-content: center;\n        gap: 0.5rem;\n        font-family: 'DM Mono', monospace; font-size: 0.65rem;\n        text-transform: uppercase; letter-spacing: 0.14em;\n        padding: 0.95rem 1rem;\n        border-radius: 3px; border: none; cursor: pointer;\n        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);\n    }\n    .sip-modal-btn--primary {\n        background: var(--harvest-bright); color: var(--soil-deep);\n    }\n    .sip-modal-btn--primary:hover {\n        background: var(--wheat-cream);\n        letter-spacing: 0.2em;\n        box-shadow: 0 8px 30px rgba(201,152,46,0.3);\n        transform: translateY(-2px);\n    }\n    .sip-modal-btn--secondary {\n        background: transparent; color: var(--pasture);\n        border: 1.5px solid rgba(61,107,44,0.25);\n    }\n    .sip-modal-btn--secondary:hover {\n        background: rgba(61,107,44,0.06);\n        border-color: var(--pasture);\n        transform: translateY(-2px);\n    }\n    .sip-modal-btn .material-symbols-outlined { font-size: 17px; transition: transform 0.3s; }\n    .sip-modal-btn:hover .material-symbols-outlined { transform: translateX(2px); }\n    .sip-modal-footer {\n        padding: 1rem 2.5rem 1.8rem;\n        text-align: center;\n    }\n    .sip-modal-verse {\n        font-family: 'Playfair Display', serif;\n        font-style: italic; font-size: 0.88rem;\n        color: var(--text-light); line-height: 1.6;\n    }\n    .sip-modal-close {\n        position: absolute; top: 1rem; right: 1rem;\n        width: 36px; height: 36px;\n        border-radius: 50%; border: none;\n        background: rgba(255,255,255,0.12);\n        color: var(--wheat-cream); cursor: pointer;\n        display: flex; align-items: center; justify-content: center;\n        transition: background 0.3s, transform 0.3s;\n        z-index: 2;\n    }\n    .sip-modal-close:hover {\n        background: rgba(255,255,255,0.25);\n        transform: rotate(90deg);\n    }\n    .sip-modal-close .material-symbols-outlined { font-size: 20px; }\n\n    @keyframes sipConfetti {\n        0% { opacity: 1; transform: translateY(0) rotate(0deg) scale(1); }\n        100% { opacity: 0; transform: translateY(-80px) rotate(360deg) scale(0.3); }\n    }\n    .sip-modal-confetti {\n        position: absolute; width: 6px; height: 6px;\n        border-radius: 50%; pointer-events: none;\n        animation: sipConfetti 1.5s ease-out forwards;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n    @media (min-width: 1600px) {\n        .sip-wrapper {\n            --section-pad-x: 8rem; --grid-gap: 6rem; --content-max: 1440px;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        .sip-wrapper {\n            --section-pad-y: 6rem; --section-pad-x: 4rem;\n            --grid-gap: 4rem;\n        }\n        .sip-donate-hero-content { padding: 5rem 4rem 4rem; }\n        .sip-tiers-grid { gap: 1.5rem; }\n        .sip-campaign-grid { gap: 1.5rem; }\n        .sip-transparency-grid { gap: 1.5rem; }\n        .sip-diocese { padding: 2.5rem 4rem; gap: 3rem; }\n    }\n\n    @media (max-width: 1024px) {\n        .sip-wrapper {\n            --section-pad-y: 5rem; --section-pad-x: 3rem;\n            --grid-gap: 3rem;\n        }\n        .sip-donate-hero-content { padding: 4rem 3rem 3.5rem; }\n        .sip-donate-contact-banner { grid-template-columns: 1fr; }\n        .sip-donate-contact-photo { width: 100%; min-height: 220px; }\n        .sip-donate-contact-photo::after {\n            background: linear-gradient(to top, rgba(201,152,46,0.5) 0%, transparent 60%);\n        }\n        .sip-why-grid { grid-template-columns: 1fr; gap: 3rem; }\n        .sip-tiers-grid { grid-template-columns: 1fr 1fr; }\n        .sip-tier--featured { transform: none; }\n        .sip-tier--featured:hover { transform: translateY(-8px); }\n        .sip-tiers-grid .sip-tier:last-child { grid-column: span 2; max-width: 50%; margin: 0 auto; }\n        .sip-custom-layout { grid-template-columns: 1fr; gap: 3rem; }\n        .sip-campaign-grid { grid-template-columns: 1fr; }\n        .sip-transparency-grid { grid-template-columns: 1fr 1fr; }\n        .sip-diocese { padding: 2.2rem 3rem; }\n    }\n\n    @media (max-width: 768px) {\n        .sip-wrapper {\n            --section-pad-y: 4rem; --section-pad-x: 2rem;\n            --grid-gap: 2.5rem;\n        }\n        .sip-donate-hero-content { padding: 3.5rem 2rem 3rem; }\n        .sip-donate-contact-photo { min-height: 200px; }\n        .sip-donate-contact-info { padding: 2rem; }\n        .sip-donate-contact-name { font-size: 1.8rem; }\n        .sip-donate-contact-actions { flex-direction: column; }\n        .sip-tiers-grid { grid-template-columns: 1fr; }\n        .sip-tiers-grid .sip-tier:last-child { grid-column: span 1; max-width: 100%; }\n        .sip-tier--featured { transform: none; }\n        .sip-form-amount-grid { grid-template-columns: repeat(2, 1fr); }\n        .sip-form-row { grid-template-columns: 1fr; }\n        .sip-transparency-grid { grid-template-columns: 1fr; }\n        .sip-diocese { padding: 2rem 2rem; gap: 1.8rem; }\n        .sip-modal-btns { flex-direction: column; }\n    }\n\n    @media (max-width: 600px) {\n        .sip-wrapper { --section-pad-y: 3.5rem; --section-pad-x: 1.5rem; }\n        .sip-donate-hero-content { padding: 3rem 1.5rem 2.5rem; }\n        .sip-donate-hero-title { font-size: clamp(2.4rem, 10vw, 3.5rem); }\n        .sip-donate-contact-banner { border-radius: 4px; }\n        .sip-donate-contact-photo { min-height: 180px; }\n        .sip-donate-contact-info { padding: 1.5rem; }\n        .sip-donate-contact-name { font-size: 1.5rem; }\n        .sip-donate-contact-desc { font-size: 0.92rem; }\n        .sip-why-card { flex-direction: column; gap: 1rem; }\n        .sip-tier-header { padding: 2rem 1.5rem 1.2rem; }\n        .sip-tier-amount { font-size: 2.2rem; }\n        .sip-tier-body { padding: 1.2rem 1.5rem 1.5rem; }\n        .sip-donate-form-wrap { padding: 2rem; }\n        .sip-campaign-card-header { padding: 1.3rem 1.5rem; }\n        .sip-campaign-card-body { padding: 1.2rem 1.5rem 1.5rem; }\n        .sip-thanks { padding: 4rem 1.5rem; }\n        .sip-thanks-btn { padding: 1rem 2rem; font-size: 0.65rem; }\n        .sip-diocese { gap: 1.5rem; }\n        .sip-top-btn { width: 42px; height: 42px; bottom: 1.5rem; right: 1.5rem; }\n        .sip-modal-top { padding: 2.5rem 2rem 2rem; }\n        .sip-modal-body { padding: 1.8rem 2rem 1.2rem; }\n        .sip-modal-footer { padding: 0.8rem 2rem 1.5rem; }\n    }\n\n    @media (max-width: 480px) {\n        .sip-wrapper { --section-pad-y: 3rem; --section-pad-x: 1.2rem; }\n        .sip-donate-hero-content { padding: 2.5rem 1.2rem 2rem; padding-top: 150px; }\n        .sip-donate-hero-title { font-size: clamp(2rem, 10vw, 2.8rem); }\n        .sip-donate-hero-subtitle { font-size: 1rem; }\n        .sip-donate-contact-name { font-size: 1.3rem; }\n        .sip-donate-contact-btn { font-size: 0.6rem; padding: 0.75rem 1.2rem; }\n        .sip-why-para { font-size: 1rem; }\n        .sip-why-para:first-of-type::first-letter { font-size: 3rem; }\n        .sip-why-pullquote { font-size: 1.15rem; }\n        .sip-tier { border-radius: 4px; }\n        .sip-tier-amount { font-size: 2rem; }\n        .sip-form-amount-grid { gap: 0.6rem; }\n        .sip-amount-btn { padding: 0.75rem 0.4rem; font-size: 0.65rem; }\n        .sip-donate-form-wrap { padding: 1.5rem; }\n        .sip-campaign-progress-raised { font-size: 1rem; }\n        .sip-thanks-title { font-size: 1.6rem; }\n        .sip-thanks-btn { padding: 0.9rem 1.6rem; font-size: 0.62rem; width: 100%; justify-content: center; }\n        .sip-diocese { flex-direction: column; align-items: center; gap: 1.2rem; padding: 1.5rem 1.2rem; }\n        .sip-top-btn { width: 38px; height: 38px; bottom: 1rem; right: 1rem; }\n        .sip-top-btn .material-symbols-outlined { font-size: 20px; }\n        .sip-modal { margin: 1rem; }\n        .sip-modal-title { font-size: 1.4rem; }\n        .sip-modal-contact-card { flex-direction: column; text-align: center; }\n    }\n\n    @media (max-width: 360px) {\n        .sip-wrapper { --section-pad-y: 2.5rem; --section-pad-x: 1rem; }\n        .sip-donate-hero-title { font-size: 2rem; }\n        .sip-donate-contact-info { padding: 1.2rem; }\n        .sip-donate-contact-name { font-size: 1.15rem; }\n        .sip-donate-contact-role { font-size: 0.55rem; }\n        .sip-why-card-title { font-size: 1rem; }\n        .sip-why-card-desc { font-size: 0.88rem; }\n        .sip-tier-name { font-size: 1.1rem; }\n        .sip-tier-amount { font-size: 1.8rem; }\n        .sip-form-amount-grid { grid-template-columns: 1fr 1fr; }\n        .sip-form-btn { padding: 0.9rem 1.4rem; font-size: 0.6rem; }\n        .sip-campaign-card-title { font-size: 1rem; }\n        .sip-campaign-card-desc { font-size: 0.88rem; }\n    }\n<\/style>\n\n<script>\n(function(){\n    var w = document.querySelector('.sip-wrapper');\n    if (!w) return;\n    function fullBleed() {\n        w.style.marginLeft = ''; w.style.marginRight = '';\n        w.style.width = ''; w.style.maxWidth = '';\n        var left = w.getBoundingClientRect().left;\n        var vw   = window.innerWidth;\n        w.style.marginLeft  = (-left) + 'px';\n        w.style.width       = vw + 'px';\n        w.style.maxWidth    = vw + 'px';\n        w.style.overflowX   = 'hidden';\n        w.style.boxSizing   = 'border-box';\n    }\n    fullBleed();\n    var t;\n    window.addEventListener('resize', function(){ clearTimeout(t); t = setTimeout(fullBleed, 80); });\n})();\n<\/script>\n\n<div class=\"sip-wrapper\">\n\n    <!-- \u2550\u2550\u2550 DONATE HERO \u2550\u2550\u2550 -->\n    <section class=\"sip-donate-hero\">\n        <div class=\"sip-donate-hero-bg\"><img decoding=\"async\" src=\"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-content\/uploads\/sites\/7\/2026\/04\/349572436_1399732827531906_7762976422731666546_n.jpg\" alt=\"Parish Interior\"><\/div>\n        <div class=\"sip-donate-hero-pattern\"><\/div>\n        <div class=\"sip-donate-hero-overlay\"><\/div>\n        <div class=\"sip-donate-hero-content\">\n          \n            <h1 class=\"sip-donate-hero-title\">Give with a<br><em>Generous Heart<\/em><\/h1>\n            <p class=\"sip-donate-hero-subtitle\">Your generous donation helps sustain the mission of St. Isidore the Farmer Parish &mdash; supporting our sacramental life, community outreach, and the maintenance of our sacred house of worship.<\/p>\n            <div class=\"sip-donate-hero-verse\">&ldquo;Each of you should give what you have decided in your heart to give, not reluctantly or under compulsion, for God loves a cheerful giver.&rdquo; &mdash; 2 Corinthians 9:7<\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 CONTACT PERSON \u2014 JOSE JAY \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-donate-contact\" id=\"contact\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">person<\/span> Donation Coordinator<\/div>\n            <h2 class=\"sip-heading\">Your Point of <em>Contact<\/em><\/h2>\n            <p class=\"sip-text\" style=\"margin-bottom:0;\">For all donation inquiries, pick-up arrangements, or questions about how your contribution is used, please reach out to our designated parish donation coordinator.<\/p>\n            <div class=\"sip-donate-contact-banner sip-fade\">\n                <div class=\"sip-donate-contact-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=500&#038;q=80\" alt=\"Jose Jay\">\n                <\/div>\n                <div class=\"sip-donate-contact-info\">\n                    <div class=\"sip-donate-contact-badge\"><span class=\"material-symbols-outlined\">verified<\/span> Authorized Parish Representative<\/div>\n                    <div class=\"sip-donate-contact-name\">Jose Jay<\/div>\n                    <div class=\"sip-donate-contact-role\">Parish Donation Coordinator &middot; St. Isidore the Farmer<\/div>\n                    <p class=\"sip-donate-contact-desc\">Jose Jay serves as the authorized point of contact for all donations to the parish. He coordinates financial contributions, in-kind donations, and pledges &mdash; ensuring every gift is properly acknowledged and directed to where it is needed most.<\/p>\n                    <div class=\"sip-donate-contact-actions\">\n                        <a href=\"tel:+639562616212\" class=\"sip-donate-contact-btn sip-donate-contact-btn--call\"><span class=\"material-symbols-outlined\">call<\/span> 0956 261 6212<\/a>\n                        <a href=\"sms:+639562616212\" class=\"sip-donate-contact-btn sip-donate-contact-btn--sms\"><span class=\"material-symbols-outlined\">chat<\/span> Send SMS<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 WHY DONATE \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-why\" id=\"why\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">favorite<\/span> Why Give<\/div>\n            <h2 class=\"sip-heading\">The Gift That <em>Gives Back<\/em><\/h2>\n            <div class=\"sip-why-grid\">\n                <div class=\"sip-why-text-col sip-fade-left\">\n                    <p class=\"sip-why-para\">Every donation to St. Isidore the Farmer Parish &mdash; no matter the size &mdash; is a seed planted in faith. Our parish relies on the generosity of parishioners and benefactors to sustain its daily operations, maintain our church building, support our clergy, and fund programs that serve the most vulnerable members of our community.<\/p>\n                    <div class=\"sip-why-pullquote\">&ldquo;Like St. Isidore who shared his food with the poor, we are called to share what we have been given.&rdquo;<\/div>\n                    <p class=\"sip-why-para\">Your contributions directly fund the celebration of the Sacraments, catechetical programs for children and youth, outreach to the sick and elderly, and the upkeep of our parish facilities. <strong>Every peso makes a difference.<\/strong><\/p>\n                <\/div>\n                <div class=\"sip-why-cards sip-fade-right\">\n                    <div class=\"sip-why-card\">\n                        <div class=\"sip-why-card-icon\"><span class=\"material-symbols-outlined icon-filled\">church<\/span><\/div>\n                        <div>\n                            <div class=\"sip-why-card-title\">Church Maintenance<\/div>\n                            <div class=\"sip-why-card-desc\">Keeping our sacred space beautiful, safe, and welcoming for worship &mdash; from roof repairs to liturgical furnishings.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-why-card\">\n                        <div class=\"sip-why-card-icon\"><span class=\"material-symbols-outlined icon-filled\">school<\/span><\/div>\n                        <div>\n                            <div class=\"sip-why-card-title\">Faith Formation<\/div>\n                            <div class=\"sip-why-card-desc\">Funding catechism classes, Bible study materials, youth retreats, and sacramental preparation programs.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-why-card\">\n                        <div class=\"sip-why-card-icon\"><span class=\"material-symbols-outlined icon-filled\">local_hospital<\/span><\/div>\n                        <div>\n                            <div class=\"sip-why-card-title\">Charitable Outreach<\/div>\n                            <div class=\"sip-why-card-desc\">Providing food, medicine, and financial assistance to families in need, the sick, and the elderly in our community.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-why-card\">\n                        <div class=\"sip-why-card-icon\"><span class=\"material-symbols-outlined icon-filled\">groups<\/span><\/div>\n                        <div>\n                            <div class=\"sip-why-card-title\">Community Programs<\/div>\n                            <div class=\"sip-why-card-desc\">Supporting parish ministries, fellowship events, and programs that strengthen the bonds of our Catholic community.<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 DONATION TIERS \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-tiers\" id=\"tiers\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">loyalty<\/span> Giving Levels<\/div>\n            <h2 class=\"sip-heading\">Choose Your <em>Blessing<\/em><\/h2>\n            <p class=\"sip-text\">Every gift, regardless of amount, is a profound act of faith. Select a giving level below, or contact Jose Jay to arrange a custom donation.<\/p>\n            <div class=\"sip-tiers-grid\">\n                <div class=\"sip-tier sip-fade\">\n                    <div class=\"sip-tier-header\">\n                        <div class=\"sip-tier-icon\"><span class=\"material-symbols-outlined icon-filled\">spa<\/span><\/div>\n                        <div class=\"sip-tier-name\">Seed of Faith<\/div>\n                        <div class=\"sip-tier-sub\">One-Time Gift<\/div>\n                        <div class=\"sip-tier-amount\">&#8369;200 <span>\/ gift<\/span><\/div>\n                    <\/div>\n                    <div class=\"sip-tier-body\">\n                        <ul class=\"sip-tier-features\">\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Supports daily Mass intentions<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Contributes to basic parish needs<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Includes a Mass offering for your intention<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Acknowledgment from the parish office<\/li>\n                        <\/ul>\n                        <button class=\"sip-tier-btn sip-tier-btn--outline\" onclick=\"document.getElementById('donate-form').scrollIntoView({behavior:'smooth'})\">Donate Now <span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-tier sip-tier--featured sip-fade\">\n                    <div class=\"sip-tier-ribbon\">Most Chosen<\/div>\n                    <div class=\"sip-tier-header\">\n                        <div class=\"sip-tier-icon\"><span class=\"material-symbols-outlined icon-filled\">local_florist<\/span><\/div>\n                        <div class=\"sip-tier-name\">Harvest of Grace<\/div>\n                        <div class=\"sip-tier-sub\">Monthly Pledge<\/div>\n                        <div class=\"sip-tier-amount\">&#8369;500 <span>\/ month<\/span><\/div>\n                    <\/div>\n                    <div class=\"sip-tier-body\">\n                        <ul class=\"sip-tier-features\">\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Everything in Seed of Faith<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Monthly Mass offering for your family<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Name inscribed in the Parish Book of Benefactors<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Priority invitation to parish events<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Quarterly giving statement<\/li>\n                        <\/ul>\n                        <button class=\"sip-tier-btn sip-tier-btn--solid\" onclick=\"document.getElementById('donate-form').scrollIntoView({behavior:'smooth'})\">Start Pledge <span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-tier sip-fade\">\n                    <div class=\"sip-tier-header\">\n                        <div class=\"sip-tier-icon\"><span class=\"material-symbols-outlined icon-filled\">eco<\/span><\/div>\n                        <div class=\"sip-tier-name\">Abundant Blessing<\/div>\n                        <div class=\"sip-tier-sub\">Major Gift<\/div>\n                        <div class=\"sip-tier-amount\">&#8369;5,000+ <span>\/ gift<\/span><\/div>\n                    <\/div>\n                    <div class=\"sip-tier-body\">\n                        <ul class=\"sip-tier-features\">\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Everything in Harvest of Grace<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Special mention during parish feast day<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Invitation to exclusive benefactors&rsquo; gathering<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Personal blessing from the Parish Priest<\/li>\n                            <li class=\"sip-tier-feature\"><span class=\"material-symbols-outlined\">check_circle<\/span> Customized giving arrangement with Jose Jay<\/li>\n                        <\/ul>\n                        <button class=\"sip-tier-btn sip-tier-btn--outline\" onclick=\"document.getElementById('donate-form').scrollIntoView({behavior:'smooth'})\">Contact Us <span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 CUSTOM DONATION FORM \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-custom\" id=\"donate-form\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">edit_note<\/span> Make a Donation<\/div>\n            <h2 class=\"sip-heading\">Give <em>Your Way<\/em><\/h2>\n            <div class=\"sip-custom-layout\">\n                <div class=\"sip-custom-info sip-fade-left\">\n                    <p class=\"sip-custom-para\">You may donate through any of the methods below. For bank transfers and GCash, please coordinate with <strong>Jose Jay<\/strong> at <strong>0956 261 6212<\/strong> to confirm your donation and receive an official acknowledgment receipt.<\/p>\n                    <p class=\"sip-custom-para\">Cash and in-kind donations may also be dropped off at the parish office during office hours: <strong>Monday to Saturday, 8:00 AM to 5:00 PM<\/strong>.<\/p>\n                    <div class=\"sip-custom-methods\">\n                        <div class=\"sip-custom-method\">\n                            <div class=\"sip-custom-method-icon\"><span class=\"material-symbols-outlined\">smartphone<\/span><\/div>\n                            <div>\n                                <div class=\"sip-custom-method-name\">GCash \/ Maya<\/div>\n                                <div class=\"sip-custom-method-detail\">Send to: <strong>0956 261 6212<\/strong><br>Account Name: Jose Jay<br>Reference: &ldquo;Donation &mdash; St. Isidore Parish&rdquo;<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-custom-method\">\n                            <div class=\"sip-custom-method-icon\"><span class=\"material-symbols-outlined\">account_balance<\/span><\/div>\n                            <div>\n                                <div class=\"sip-custom-method-name\">Bank Transfer<\/div>\n                                <div class=\"sip-custom-method-detail\">Coordinate with <strong>Jose Jay<\/strong> for bank account details.<br>Call or text: <strong>0956 261 6212<\/strong><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-custom-method\">\n                            <div class=\"sip-custom-method-icon\"><span class=\"material-symbols-outlined\">payments<\/span><\/div>\n                            <div>\n                                <div class=\"sip-custom-method-name\">Cash \/ In-Kind<\/div>\n                                <div class=\"sip-custom-method-detail\">Drop off at the parish office.<br><strong>Mon &ndash; Sat, 8:00 AM &ndash; 5:00 PM<\/strong><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-donate-form-wrap sip-fade-right\">\n                    <div class=\"sip-donate-form-title\">Donation Form<\/div>\n                    <div class=\"sip-donate-form-sub\">Fill out the form below and Jose Jay will reach out to confirm your donation.<\/div>\n                    <form id=\"sipDonationForm\" onsubmit=\"return false;\">\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\">Select Amount<\/label>\n                            <div class=\"sip-form-amount-grid\">\n                                <button type=\"button\" class=\"sip-amount-btn\" data-amount=\"200\">&#8369;200<\/button>\n                                <button type=\"button\" class=\"sip-amount-btn\" data-amount=\"500\">&#8369;500<\/button>\n                                <button type=\"button\" class=\"sip-amount-btn sip-amount-active\" data-amount=\"1000\">&#8369;1,000<\/button>\n                                <button type=\"button\" class=\"sip-amount-btn\" data-amount=\"5000\">&#8369;5,000<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\" for=\"sip-custom-amount\">Or Enter Custom Amount<\/label>\n                            <div class=\"sip-form-input-wrap\">\n                                <span class=\"material-symbols-outlined\">payments<\/span>\n                                <input type=\"number\" id=\"sip-custom-amount\" class=\"sip-form-input\" placeholder=\"Enter amount in PHP\" min=\"1\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-row\">\n                            <div class=\"sip-form-group\">\n                                <label class=\"sip-form-label\" for=\"sip-donor-name\">Your Name<\/label>\n                                <div class=\"sip-form-input-wrap\">\n                                    <span class=\"material-symbols-outlined\">person<\/span>\n                                    <input type=\"text\" id=\"sip-donor-name\" class=\"sip-form-input\" placeholder=\"Juan dela Cruz\" required>\n                                <\/div>\n                            <\/div>\n                            <div class=\"sip-form-group\">\n                                <label class=\"sip-form-label\" for=\"sip-donor-phone\">Phone Number<\/label>\n                                <div class=\"sip-form-input-wrap\">\n                                    <span class=\"material-symbols-outlined\">call<\/span>\n                                    <input type=\"tel\" id=\"sip-donor-phone\" class=\"sip-form-input\" placeholder=\"09XX XXX XXXX\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\" for=\"sip-donor-email\">Email Address<\/label>\n                            <div class=\"sip-form-input-wrap\">\n                                <span class=\"material-symbols-outlined\">mail<\/span>\n                                <input type=\"email\" id=\"sip-donor-email\" class=\"sip-form-input\" placeholder=\"juan@email.com\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\" for=\"sip-donation-type\">Donation Type<\/label>\n                            <div class=\"sip-form-input-wrap\">\n                                <span class=\"material-symbols-outlined\">category<\/span>\n                                <select id=\"sip-donation-type\" class=\"sip-form-input sip-form-select\">\n                                    <option value=\"\" disabled selected>Select a type&#8230;<\/option>\n                                    <option value=\"general\">General Parish Fund<\/option>\n                                    <option value=\"maintenance\">Church Maintenance<\/option>\n                                    <option value=\"catechesis\">Faith Formation \/ Catechesis<\/option>\n                                    <option value=\"outreach\">Charitable Outreach<\/option>\n                                    <option value=\"mass\">Mass Intention<\/option>\n                                    <option value=\"feast\">Feast Day Celebration<\/option>\n                                    <option value=\"youth\">Youth Ministry<\/option>\n                                    <option value=\"other\">Other<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\" for=\"sip-payment-method\">Preferred Payment Method<\/label>\n                            <div class=\"sip-form-input-wrap\">\n                                <span class=\"material-symbols-outlined\">account_balance_wallet<\/span>\n                                <select id=\"sip-payment-method\" class=\"sip-form-input sip-form-select\">\n                                    <option value=\"\" disabled selected>Select method&#8230;<\/option>\n                                    <option value=\"gcash\">GCash<\/option>\n                                    <option value=\"maya\">Maya<\/option>\n                                    <option value=\"bank\">Bank Transfer<\/option>\n                                    <option value=\"cash\">Cash (Drop-off at Parish)<\/option>\n                                    <option value=\"inkind\">In-Kind Donation<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                        <div class=\"sip-form-group\">\n                            <label class=\"sip-form-label\" for=\"sip-donor-message\">Message \/ Special Intentions (Optional)<\/label>\n                            <div class=\"sip-form-input-wrap sip-form-input-wrap--textarea\">\n                                <textarea id=\"sip-donor-message\" class=\"sip-form-input sip-form-textarea\" rows=\"3\" placeholder=\"Any special intentions or notes for your donation...\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                        <button type=\"submit\" class=\"sip-form-btn\" id=\"sipSubmitBtn\"><span class=\"material-symbols-outlined\">volunteer_activism<\/span> Submit Donation Pledge<\/button>\n                        <div class=\"sip-form-note\"><span class=\"material-symbols-outlined\">lock<\/span> Jose Jay will contact you at the number you provide to confirm your donation and coordinate payment.<\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 CAMPAIGNS \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-campaigns\" id=\"campaigns\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">campaign<\/span> Current Needs<\/div>\n            <h2 class=\"sip-heading\">Active <em>Campaigns<\/em><\/h2>\n            <p class=\"sip-campaigns-intro\">These are the ongoing needs of our parish. Your donation can be directed to any of these campaigns. For large contributions or in-kind support, please coordinate directly with Jose Jay.<\/p>\n            <div class=\"sip-campaign-grid\">\n                <div class=\"sip-campaign-card sip-fade\">\n                    <div class=\"sip-campaign-card-header\">\n                        <div class=\"sip-campaign-card-icon\"><span class=\"material-symbols-outlined icon-filled\">construction<\/span><\/div>\n                        <div>\n                            <div class=\"sip-campaign-card-title\">Church Roof Repair<\/div>\n                            <div class=\"sip-campaign-card-sub\">Infrastructure<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-campaign-card-body\">\n                        <div class=\"sip-campaign-card-desc\">Funds needed to repair and waterproof the aging church roof before the rainy season. Materials and labor costs cover the entire nave area.<\/div>\n                        <div class=\"sip-campaign-progress\">\n                            <div class=\"sip-campaign-progress-bar\"><div class=\"sip-campaign-progress-fill\" style=\"width:62%;\"><\/div><\/div>\n                            <div class=\"sip-campaign-progress-stats\">\n                                <div class=\"sip-campaign-progress-raised\">&#8369;124,000<\/div>\n                                <div class=\"sip-campaign-progress-goal\">Goal: &#8369;200,000<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-campaign-card sip-fade\">\n                    <div class=\"sip-campaign-card-header\">\n                        <div class=\"sip-campaign-card-icon\"><span class=\"material-symbols-outlined icon-filled\">school<\/span><\/div>\n                        <div>\n                            <div class=\"sip-campaign-card-title\">Catechism Materials<\/div>\n                            <div class=\"sip-campaign-card-sub\">Faith Formation<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-campaign-card-body\">\n                        <div class=\"sip-campaign-card-desc\">Providing catechism textbooks, visual aids, and supplies for over 200 children enrolled in our Sunday catechism program.<\/div>\n                        <div class=\"sip-campaign-progress\">\n                            <div class=\"sip-campaign-progress-bar\"><div class=\"sip-campaign-progress-fill\" style=\"width:45%;\"><\/div><\/div>\n                            <div class=\"sip-campaign-progress-stats\">\n                                <div class=\"sip-campaign-progress-raised\">&#8369;18,000<\/div>\n                                <div class=\"sip-campaign-progress-goal\">Goal: &#8369;40,000<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-campaign-card sip-fade\">\n                    <div class=\"sip-campaign-card-header\">\n                        <div class=\"sip-campaign-card-icon\"><span class=\"material-symbols-outlined icon-filled\">restaurant<\/span><\/div>\n                        <div>\n                            <div class=\"sip-campaign-card-title\">Feeding Program<\/div>\n                            <div class=\"sip-campaign-card-sub\">Outreach<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-campaign-card-body\">\n                        <div class=\"sip-campaign-card-desc\">Weekly feeding program for children and elderly in barangay Hondagua and surrounding sitios. Rice, canned goods, and fresh produce needed.<\/div>\n                        <div class=\"sip-campaign-progress\">\n                            <div class=\"sip-campaign-progress-bar\"><div class=\"sip-campaign-progress-fill\" style=\"width:78%;\"><\/div><\/div>\n                            <div class=\"sip-campaign-progress-stats\">\n                                <div class=\"sip-campaign-progress-raised\">&#8369;39,000<\/div>\n                                <div class=\"sip-campaign-progress-goal\">Goal: &#8369;50,000<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-campaign-card sip-fade\">\n                    <div class=\"sip-campaign-card-header\">\n                        <div class=\"sip-campaign-card-icon\"><span class=\"material-symbols-outlined icon-filled\">celebration<\/span><\/div>\n                        <div>\n                            <div class=\"sip-campaign-card-title\">2026 Feast Day Fund<\/div>\n                            <div class=\"sip-campaign-card-sub\">Celebration<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sip-campaign-card-body\">\n                        <div class=\"sip-campaign-card-desc\">Preparing for the annual May 15 fiesta celebration honoring St. Isidore the Farmer &mdash; including liturgical decorations, procession, and community feast.<\/div>\n                        <div class=\"sip-campaign-progress\">\n                            <div class=\"sip-campaign-progress-bar\"><div class=\"sip-campaign-progress-fill\" style=\"width:33%;\"><\/div><\/div>\n                            <div class=\"sip-campaign-progress-stats\">\n                                <div class=\"sip-campaign-progress-raised\">&#8369;16,500<\/div>\n                                <div class=\"sip-campaign-progress-goal\">Goal: &#8369;50,000<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 TRANSPARENCY \u2550\u2550\u2550 -->\n    <section class=\"sip-section sip-transparency\" id=\"transparency\">\n        <div class=\"sip-section-inner\">\n            <div class=\"sip-label\"><span class=\"material-symbols-outlined\">verified<\/span> Accountability<\/div>\n            <h2 class=\"sip-heading\">Our <em>Promise<\/em> to You<\/h2>\n            <p class=\"sip-text\">We are committed to the responsible stewardship of every donation entrusted to our parish.<\/p>\n            <div class=\"sip-transparency-grid\">\n                <div class=\"sip-transparency-card sip-fade\">\n                    <div class=\"sip-transparency-icon\"><span class=\"material-symbols-outlined icon-filled\">receipt_long<\/span><\/div>\n                    <h3 class=\"sip-transparency-title\">Official Receipts<\/h3>\n                    <p class=\"sip-transparency-desc\">Every donation is documented with an official parish acknowledgment receipt, issued through the parish office or via Jose Jay.<\/p>\n                <\/div>\n                <div class=\"sip-transparency-card sip-fade\">\n                    <div class=\"sip-transparency-icon\"><span class=\"material-symbols-outlined icon-filled\">balance<\/span><\/div>\n                    <h3 class=\"sip-transparency-title\">Financial Oversight<\/h3>\n                    <p class=\"sip-transparency-desc\">The Parish Finance Council reviews all financial records, ensuring that funds are allocated properly and in accordance with diocesan guidelines.<\/p>\n                <\/div>\n                <div class=\"sip-transparency-card sip-fade\">\n                    <div class=\"sip-transparency-icon\"><span class=\"material-symbols-outlined icon-filled\">groups<\/span><\/div>\n                    <h3 class=\"sip-transparency-title\">Community Reporting<\/h3>\n                    <p class=\"sip-transparency-desc\">Regular financial updates are shared with the parish community during announcements, ensuring full transparency in how donations are used.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 THANK YOU CTA \u2550\u2550\u2550 -->\n    <section class=\"sip-thanks\" id=\"thanks\">\n        <div class=\"sip-thanks-content sip-fade\">\n            <div class=\"sip-thanks-icon\"><span class=\"material-symbols-outlined icon-filled\">favorite<\/span><\/div>\n            <h2 class=\"sip-thanks-title\">Thank You for<br>Your <em>Generosity<\/em><\/h2>\n            <p class=\"sip-thanks-text\">On behalf of Rev. Fr. Genaro De Castro and the entire parish community of St. Isidore the Farmer, we thank you for your generous heart. May the Lord bless you and your family abundantly.<\/p>\n            <div class=\"sip-thanks-verse\">&ldquo;Give, and it will be given to you. A good measure, pressed down, shaken together and running over, will be poured into your lap.&rdquo; &mdash; Luke 6:38<\/div>\n            <a href=\"tel:+639562616212\" class=\"sip-thanks-btn\">Contact Jose Jay <span class=\"material-symbols-outlined\">arrow_forward<\/span><\/a>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 DIOCESE BAR \u2550\u2550\u2550 -->\n    <div class=\"sip-diocese\">\n        <div class=\"sip-diocese-item\"><span class=\"material-symbols-outlined\">account_balance<\/span><div class=\"sip-diocese-label\">Diocese<\/div><div class=\"sip-diocese-value\">Gumaca<\/div><\/div>\n        <div class=\"sip-diocese-item\"><span class=\"material-symbols-outlined\">domain<\/span><div class=\"sip-diocese-label\">Metropolitan<\/div><div class=\"sip-diocese-value\">Archdiocese of Lipa<\/div><\/div>\n        <div class=\"sip-diocese-item\"><span class=\"material-symbols-outlined\">person<\/span><div class=\"sip-diocese-label\">Bishop<\/div><div class=\"sip-diocese-value\">Euginius Ca&ntilde;ete, M.J.<\/div><\/div>\n        <div class=\"sip-diocese-item\"><span class=\"material-symbols-outlined\">public<\/span><div class=\"sip-diocese-label\">Met. Archbishop<\/div><div class=\"sip-diocese-value\">Gilbert A. Garcera<\/div><\/div>\n        <div class=\"sip-diocese-item\"><span class=\"material-symbols-outlined\">groups<\/span><div class=\"sip-diocese-label\">Vicar General<\/div><div class=\"sip-diocese-value\">Ramon D. Uriarte<\/div><\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 BACK TO TOP \u2550\u2550\u2550 -->\n    <button class=\"sip-top-btn\" id=\"sipTopBtn\" title=\"Back to Top\"><span class=\"material-symbols-outlined\">keyboard_arrow_up<\/span><\/button>\n\n    <!-- \u2550\u2550\u2550 THANK YOU MODAL \u2550\u2550\u2550 -->\n    <div class=\"sip-modal-overlay\" id=\"sipModalOverlay\">\n        <div class=\"sip-modal\">\n            <div class=\"sip-modal-top\">\n                <button class=\"sip-modal-close\" id=\"sipModalClose\"><span class=\"material-symbols-outlined\">close<\/span><\/button>\n                <div class=\"sip-modal-check\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\n                <div class=\"sip-modal-title\">Thank You for<br>Your <em>Generosity<\/em><\/div>\n                <div class=\"sip-modal-subtitle\">Your donation pledge has been received<\/div>\n            <\/div>\n            <div class=\"sip-modal-body\">\n                <p class=\"sip-modal-msg\">Your pledge has been submitted successfully. <strong>Jose Jay<\/strong>, our parish donation coordinator, will contact you shortly to confirm your donation and coordinate the payment details.<\/p>\n                <div class=\"sip-modal-contact-card\">\n                    <div class=\"sip-modal-contact-avatar\"><span class=\"material-symbols-outlined\">person<\/span><\/div>\n                    <div>\n                        <div class=\"sip-modal-contact-name\">Jose Jay<\/div>\n                        <div class=\"sip-modal-contact-role\">Parish Donation Coordinator<\/div>\n                        <a href=\"tel:+639562616212\" class=\"sip-modal-contact-phone\"><span class=\"material-symbols-outlined\">call<\/span> 0956 261 6212<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"sip-modal-btns\">\n                    <a href=\"tel:+639562616212\" class=\"sip-modal-btn sip-modal-btn--primary\"><span class=\"material-symbols-outlined\">call<\/span> Call Now<\/a>\n                    <button class=\"sip-modal-btn sip-modal-btn--secondary\" id=\"sipModalDismiss\"><span class=\"material-symbols-outlined\">close<\/span> Close<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"sip-modal-footer\">\n                <div class=\"sip-modal-verse\">&ldquo;God loves a cheerful giver.&rdquo; &mdash; 2 Corinthians 9:7<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n(function(){\n    \/* \u2500\u2500 Intersection Observer for fade-in \u2500\u2500 *\/\n    var fo=new IntersectionObserver(function(es){\n        es.forEach(function(e){\n            if(e.isIntersecting){\n                var p=e.target.parentElement,s=p.querySelectorAll('.sip-fade, .sip-fade-left, .sip-fade-right'),d=0,f=false;\n                s.forEach(function(x){if(x===e.target)f=true;if(f&&!x.classList.contains('sip-visible')){setTimeout(function(){x.classList.add('sip-visible');},d);d+=150;}});\n                if(!f)e.target.classList.add('sip-visible');\n                fo.unobserve(e.target);\n            }\n        });\n    },{threshold:0.1,rootMargin:'0px 0px -50px 0px'});\n    document.querySelectorAll('.sip-fade, .sip-fade-left, .sip-fade-right').forEach(function(el){fo.observe(el);});\n\n    \/* \u2500\u2500 Smooth scroll for anchors \u2500\u2500 *\/\n    document.querySelectorAll('.sip-wrapper a[href^=\"#\"]').forEach(function(a){\n        a.addEventListener('click',function(ev){\n            ev.preventDefault();\n            var t=document.querySelector(this.getAttribute('href'));\n            if(t)t.scrollIntoView({behavior:'smooth',block:'start'});\n        });\n    });\n\n    \/* \u2500\u2500 Back to top \u2500\u2500 *\/\n    var tb=document.getElementById('sipTopBtn');\n    if(tb){\n        window.addEventListener('scroll',function(){tb.classList.toggle('sip-top-visible',window.scrollY>600);});\n        tb.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});});\n    }\n\n    \/* \u2500\u2500 Amount buttons \u2500\u2500 *\/\n    var amountBtns = document.querySelectorAll('.sip-amount-btn');\n    var customAmountInput = document.getElementById('sip-custom-amount');\n    amountBtns.forEach(function(btn){\n        btn.addEventListener('click',function(){\n            amountBtns.forEach(function(b){b.classList.remove('sip-amount-active');});\n            btn.classList.add('sip-amount-active');\n            if(customAmountInput) customAmountInput.value = '';\n        });\n    });\n    if(customAmountInput){\n        customAmountInput.addEventListener('focus',function(){\n            amountBtns.forEach(function(b){b.classList.remove('sip-amount-active');});\n        });\n    }\n\n    \/* \u2500\u2500 Campaign progress animation \u2500\u2500 *\/\n    var progressObserver = new IntersectionObserver(function(es){\n        es.forEach(function(e){\n            if(e.isIntersecting){\n                var fills = e.target.querySelectorAll('.sip-campaign-progress-fill');\n                fills.forEach(function(fill){\n                    var target = fill.style.width;\n                    fill.style.width = '0%';\n                    setTimeout(function(){ fill.style.width = target; }, 200);\n                });\n                progressObserver.unobserve(e.target);\n            }\n        });\n    },{threshold:0.2});\n    document.querySelectorAll('.sip-campaign-card').forEach(function(el){progressObserver.observe(el);});\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       DONATION FORM SUBMISSION + 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 form = document.getElementById('sipDonationForm');\n    var overlay = document.getElementById('sipModalOverlay');\n    var closeBtn = document.getElementById('sipModalClose');\n    var dismissBtn = document.getElementById('sipModalDismiss');\n\n    function openModal(){\n        overlay.classList.add('sip-modal-open');\n        document.body.style.overflow = 'hidden';\n        spawnConfetti();\n    }\n    function closeModal(){\n        overlay.classList.remove('sip-modal-open');\n        document.body.style.overflow = '';\n    }\n\n    if(form){\n        form.addEventListener('submit', function(ev){\n            ev.preventDefault();\n            openModal();\n            form.reset();\n            amountBtns.forEach(function(b){b.classList.remove('sip-amount-active');});\n            amountBtns[2].classList.add('sip-amount-active');\n        });\n    }\n    if(closeBtn) closeBtn.addEventListener('click', closeModal);\n    if(dismissBtn) dismissBtn.addEventListener('click', closeModal);\n    if(overlay){\n        overlay.addEventListener('click', function(e){\n            if(e.target === overlay) closeModal();\n        });\n    }\n    document.addEventListener('keydown', function(e){\n        if(e.key === 'Escape' && overlay.classList.contains('sip-modal-open')) closeModal();\n    });\n\n    \/* \u2500\u2500 Confetti burst inside modal \u2500\u2500 *\/\n    function spawnConfetti(){\n        var top = document.querySelector('.sip-modal-top');\n        if(!top) return;\n        var colors = ['#C9982E','#E2B840','#3D6B2C','#5A8C45','#F5DA7A','#8BB874','#7A5038'];\n        for(var i = 0; i < 24; i++){\n            var dot = document.createElement('span');\n            dot.className = 'sip-modal-confetti';\n            dot.style.background = colors[Math.floor(Math.random() * colors.length)];\n            dot.style.left = (15 + Math.random() * 70) + '%';\n            dot.style.top = (30 + Math.random() * 40) + '%';\n            dot.style.width = (4 + Math.random() * 5) + 'px';\n            dot.style.height = dot.style.width;\n            dot.style.animationDuration = (1 + Math.random() * 1.2) + 's';\n            dot.style.animationDelay = (Math.random() * 0.4) + 's';\n            top.appendChild(dot);\n            (function(d){\n                setTimeout(function(){ if(d.parentNode) d.parentNode.removeChild(d); }, 2500);\n            })(dot);\n        }\n    }\n})();\n<\/script>\n<\/div>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Give with aGenerous Heart Your generous donation helps sustain the mission of St. Isidore the Farmer Parish &mdash; supporting our [&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":"Donate - St. Isidore the Farmer Parish","description":"Give with a Generous Heart Your generous donation helps sustain the mission of St. Isidore the Farmer Parish &mdash; supporting our sacramental life, community"},"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":"Diocese of Gumaca","author_link":"https:\/\/demo5.yinwoodweb.com\/hondagua\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Give with aGenerous Heart Your generous donation helps sustain the mission of St. Isidore the Farmer Parish &mdash; supporting our [&hellip;]","_links":{"self":[{"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":38,"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/pages\/14\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/demo5.yinwoodweb.com\/hondagua\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}