{
    "id": 14274,
    "date": "2025-09-25T07:17:38",
    "date_gmt": "2025-09-25T07:17:38",
    "guid": {
        "rendered": "https:\/\/sgp-indonesia.org\/?page_id=14274"
    },
    "modified": "2025-11-05T07:42:06",
    "modified_gmt": "2025-11-05T07:42:06",
    "slug": "grantees-product",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/sgp-indonesia.org\/id\/grantees-product\/",
    "title": {
        "rendered": "Grantees Product"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"14274\" class=\"elementor elementor-14274\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-972bbb6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"972bbb6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e537527\" data-id=\"e537527\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57020bc elementor-widget elementor-widget-html\" data-id=\"57020bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP CATEGORY BAND \u2014 V3 (Smooth Line Entrance + Sweep) ===== -->\r\n<div id=\"sgpCatsOneLineV3\">\r\n  <h1 class=\"title\" aria-live=\"polite\">\r\n    Coffee <span class=\"sep\">|<\/span> Palm Sugar\r\n    <span class=\"br\"><\/span>\r\n    <span class=\"sep\">|<\/span> Seaweed <span class=\"sep\">|<\/span> Cocoa\r\n  <\/h1>\r\n<\/div>\r\n\r\n<style>\r\n  \/* ==== Scoped (ID unik) ==== *\/\r\n  #sgpCatsOneLineV3{\r\n    --ink:#0b1b00;\r\n    --glow:#B2DD14;   \/* shadow hijau *\/\r\n    --uline:#B2DD14;  \/* warna garis *\/\r\n    --dur:8s;         \/* durasi judul *\/\r\n    max-width:1100px;\r\n    margin-inline:auto;\r\n    padding:16px 20px;          \/* ruang aman agar tak kepotong *\/\r\n    text-align:center;\r\n    position:relative;\r\n    isolation:isolate;\r\n  }\r\n\r\n  \/* ===== Judul (animasi keseluruhan + shadow hijau) ===== *\/\r\n  #sgpCatsOneLineV3 .title{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    font-weight:800;\r\n    letter-spacing:-.02em;\r\n    line-height:1.18;\r\n    margin:0;\r\n    color:var(--ink);\r\n    font-size:clamp(26px,5vw,40px);\r\n    text-wrap:balance;\r\n    display:inline-block;\r\n    position:relative;\r\n    white-space:nowrap; \/* desktop: satu baris *\/\r\n    text-shadow:0 0 14px color-mix(in oklab, var(--glow) 60%, transparent);\r\n    will-change:transform,opacity,clip-path;\r\n    animation:titleFadeWipe var(--dur) ease-in-out infinite both;\r\n  }\r\n\r\n  \/* ===== Garis hijau: base + sweep ===== *\/\r\n  \/* Base line: MULAI transparan -> fade & scale halus saat terlihat *\/\r\n  #sgpCatsOneLineV3 .title::before{\r\n    content:\"\";\r\n    position:absolute; left:0; right:0; bottom:-0.25em;\r\n    height:3px; border-radius:999px;\r\n    background: color-mix(in oklab, var(--uline) 55%, white);\r\n    opacity:0; transform:scaleX(.6);\r\n    transform-origin:left;\r\n    transition: opacity .45s ease-out .05s, transform .45s ease-out .05s;\r\n  }\r\n  \/* Sweep bar: awalnya tak terlihat & pause; saat masuk \u2192 fade-in lalu lari *\/\r\n  #sgpCatsOneLineV3 .title::after{\r\n    content:\"\";\r\n    position:absolute; bottom:-0.25em; height:3px; width:34%;\r\n    border-radius:999px;\r\n    background:linear-gradient(90deg, transparent 0%, var(--uline) 25%, var(--uline) 75%, transparent 100%);\r\n    left:-12%;\r\n    opacity:0;\r\n    animation-play-state:paused;\r\n  }\r\n\r\n  \/* Saat container diberi kelas .in (on-intersect) \u2192 garis aktif *\/\r\n  #sgpCatsOneLineV3.in .title::before{\r\n    opacity:.9; transform:scaleX(1);\r\n  }\r\n  #sgpCatsOneLineV3.in .title::after{\r\n    animation:\r\n      sweepEnter .5s ease-out .05s both,   \/* fade-in lembut lebih dulu *\/\r\n      underlineRun 2.2s linear .15s infinite; \/* lalu jalan terus *\/\r\n    animation-play-state:running;\r\n  }\r\n\r\n  \/* Separator *\/\r\n  #sgpCatsOneLineV3 .sep{ color:var(--ink); padding:0 .4ch; }\r\n\r\n  \/* Mobile wrap *\/\r\n  #sgpCatsOneLineV3 .br{ display:none; }\r\n  @media (max-width:640px){\r\n    #sgpCatsOneLineV3 .title{\r\n      white-space:normal;        \/* mobile: boleh turun *\/\r\n      font-size:clamp(22px,7vw,30px);\r\n    }\r\n    #sgpCatsOneLineV3 .br{ display:inline; }\r\n  }\r\n\r\n  \/* Anti-clip Elementor umum *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n\r\n  \/* ===== Keyframes ===== *\/\r\n  \/* Masuk: wipe (clip) + fade-up; Keluar: fade-out halus *\/\r\n  @keyframes titleFadeWipe{\r\n    0%  { opacity:0; transform:translateY(12px);\r\n          clip-path:inset(0 100% 0 0 round .3em); filter:blur(.6px); }\r\n    8%  { opacity:1; transform:translateY(0);\r\n          clip-path:inset(0 0% 0 0 round .3em);   filter:blur(0); }\r\n    78% { opacity:1; transform:translateY(0); }\r\n    100%{ opacity:0; transform:translateY(-4px);  filter:blur(.3px); }\r\n  }\r\n\r\n  \/* Sweep masuk mulus (opacity naik sedikit + start) *\/\r\n  @keyframes sweepEnter{\r\n    from { opacity:0; }\r\n    to   { opacity:1; }\r\n  }\r\n  \/* Sweep lari dari kiri ke kanan terus *\/\r\n  @keyframes underlineRun{\r\n    0%   { left:-12%; }\r\n    100% { left:100%; }\r\n  }\r\n\r\n  \/* Reduced motion *\/\r\n  @media (prefers-reduced-motion:reduce){\r\n    #sgpCatsOneLineV3 .title{ animation:none !important; }\r\n    #sgpCatsOneLineV3 .title::before{ transition:none; opacity:.9; transform:scaleX(1); }\r\n    #sgpCatsOneLineV3 .title::after{ animation:none !important; opacity:1; left:0; width:100%; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Tambahkan kelas .in begitu blok terlihat \u2192 garis base fade-in + sweep start mulus\r\n  (function(){\r\n    const root=document.getElementById('sgpCatsOneLineV3');\r\n    if(!root||!('IntersectionObserver'in window)) return;\r\n    \/\/ biar judul ikut pause sampai terlihat\r\n    const title=root.querySelector('.title');\r\n    title.style.animationPlayState='paused';\r\n\r\n    const io=new IntersectionObserver(([e],o)=>{\r\n      if(e.isIntersecting){\r\n        root.classList.add('in');               \/\/ trigger garis base & sweep\r\n        title.style.animationPlayState='running';\r\n        o.disconnect();\r\n      }\r\n    },{threshold:.25});\r\n    io.observe(root);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-118805a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"118805a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a36b084\" data-id=\"a36b084\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5129c48 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"5129c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;arrows&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides Main\" dir=\"ltr\" data-animation=\"fadeInDown\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-448bcb1 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"Bulukumba-Kopi-Kahayya-Premium\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">COFFEE<\/div><div class=\"elementor-slide-description\">Sustainable Coffee That Grows The Future of Generational Farmers and Forests\n\n\n<div class=\"slide-buttons\">\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-kahayya-premium-single-origin-coffee\/\" class=\"btn-slide\">Kahayya<\/a>\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-sibuthak-mix-varieties-coffee\/\" class=\"btn-slide\">Sibuthak<\/a>\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-rimba-lestari-mix-varieties-coffee\/\" class=\"btn-slide\">Rimba Lestari<\/a>\n<\/div>\n<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-06dcfe2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"Dana-Mitra-Tani-Gula-Aren\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">PALM SUGAR<\/div><div class=\"elementor-slide-description\">The Pure and Lasting Impact Sweetness From Eastern Indonesia \n\n\n\n\n<div class=\"slide-buttons\">\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arenga-palm-sugar-bulukumba-eco-legacy\/\" class=\"btn-slide\">Arenga<\/a>\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/palmyra-palm-sugar-sabu-raijua\/\" class=\"btn-slide\">Palmyra Palm<\/a>\n<\/div><\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-b6781de swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"seawed-rumput-laut\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">SEAWEED<\/div><div class=\"elementor-slide-description\">Where Community and Conservation Thrive Together For Coastal Resilience\n\n\n<div class=\"slide-buttons\">\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/cultural-seaweed-of-bulukumba\/\" class=\"btn-slide\">Natural Seaweed<\/a>\n<\/div><\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-c2c9d24 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"Cocoa-Coklat\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">COCOA<\/div><div class=\"elementor-slide-description\">Finest Cocoa That Revives Community and Forest Cultivation\n\n\n<div class=\"slide-buttons\">\n  <a href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/finest-cocoa-quality-of-sari-tani\/\" class=\"btn-slide\">Natural Cocoa<\/a>\n<\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-525a21f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"525a21f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0695cc\" data-id=\"f0695cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f129b9c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f129b9c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-613bf5b\" data-id=\"613bf5b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6e28dd elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e6e28dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"203\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-300x203.png\" class=\"attachment-medium size-medium wp-image-14340\" alt=\"event-trade-expo\" srcset=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-300x203.png 300w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-1024x692.png 1024w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-768x519.png 768w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-18x12.png 18w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-1x1.png 1w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953-10x7.png 10w, https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-105953.png 1029w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-42203d8\" data-id=\"42203d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-677615b elementor-widget elementor-widget-html\" data-id=\"677615b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE: Discover Indonesia's Excellence (Left Aligned) ===== -->\r\n<section id=\"sgp-discover-indo\" class=\"sgp-hero-left\" aria-labelledby=\"discover-indo-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"discover-indo-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">Discover<\/span>\r\n        <span class=\"t accent\">Indonesia's<\/span>\r\n        <span class=\"t\">Excellence<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Scoped tokens ===== *\/\r\n  #sgp-discover-indo{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n\r\n  }\r\n\r\n  \/* ===== Layout (LEFT aligned) ===== *\/\r\n  #sgp-discover-indo.sgp-hero-left{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(28px,4.5vw,64px) 16px;\r\n  }\r\n  #sgp-discover-indo .sgp-hero-inner{\r\n    max-width:1100px;\r\n    margin-inline:auto;\r\n    text-align:left;            \/* \u2190 rata kiri *\/\r\n  }\r\n\r\n  \/* ===== Title ===== *\/\r\n  #sgp-discover-indo .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0;\r\n    font-size:clamp(26px,4.6vw,40px);\r\n    text-wrap:balance;\r\n  }\r\n  #sgp-discover-indo .sgp-hero-title .row{ display:block; }\r\n  #sgp-discover-indo .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em .08em 0;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger (gelombang rapi) *\/\r\n  #sgp-discover-indo .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  #sgp-discover-indo .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  #sgp-discover-indo .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n\r\n  \/* Accent hijau pada frasa utama *\/\r\n  #sgp-discover-indo .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    #sgp-discover-indo .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n  @media (max-width:540px){\r\n    #sgp-discover-indo .sgp-hero-title .t{ margin:.06em .10em .06em 0; }\r\n  }\r\n\r\n  \/* Anti-clip di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('#sgp-discover-indo');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b56846f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b56846f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover the rich flavors and heritage of our grantees products from Java to Estern Indonesia, Visit our booth at TEI Expo and taste the finest local quality harvest for the world!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b536e elementor-widget elementor-widget-heading\" data-id=\"75b536e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Mark our booth:    Hall 3A - 27<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7b212 elementor-widget elementor-widget-heading\" data-id=\"9e7b212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">15-19 October 2025 Indonesia Convention Exhibition (ICE)\nBSD City - Tangerang, Indonesia <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5ab85 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"cd5ab85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.tradexpoindonesia.com\/about\/exhibition-layout\/#zone2%20\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Floor Plan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b50519c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b50519c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-074080a\" data-id=\"074080a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4dd8cf0 elementor-widget elementor-widget-html\" data-id=\"4dd8cf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE: Local Action (Left Aligned) ===== -->\r\n<section id=\"sgp-campaign-localaction\" class=\"sgp-hero-left\" aria-labelledby=\"localaction-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"localaction-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">What do we campaign about<\/span>\r\n        <span class=\"t accent\">Local Action<\/span>\r\n        <span class=\"t\">with global impact?<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Scoped tokens ===== *\/\r\n  #sgp-campaign-localaction{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n\r\n  }\r\n\r\n  \/* ===== Layout (LEFT aligned) ===== *\/\r\n  #sgp-campaign-localaction.sgp-hero-left{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(28px,4.5vw,64px) 16px;\r\n  }\r\n  #sgp-campaign-localaction .sgp-hero-inner{\r\n    max-width:1100px;\r\n    margin-inline:auto;\r\n    text-align:left;              \/* \u2190 rata kiri *\/\r\n  }\r\n\r\n  \/* ===== Title ===== *\/\r\n  #sgp-campaign-localaction .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0;\r\n    font-size:clamp(26px,4.6vw,40px);\r\n    text-wrap:balance;\r\n  }\r\n  #sgp-campaign-localaction .sgp-hero-title .row{ display:block; }\r\n  #sgp-campaign-localaction .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em .08em 0;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger (gelombang rapi) *\/\r\n  #sgp-campaign-localaction .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  #sgp-campaign-localaction .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  #sgp-campaign-localaction .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n\r\n  \/* Accent hijau pada frasa utama *\/\r\n  #sgp-campaign-localaction .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    #sgp-campaign-localaction .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n  @media (max-width:540px){\r\n    #sgp-campaign-localaction .sgp-hero-title .t{ margin:.06em .10em .06em 0; }\r\n  }\r\n\r\n  \/* Anti-clip di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('#sgp-campaign-localaction');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea01dc1 elementor-widget elementor-widget-heading\" data-id=\"ea01dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We advocate for local communities to lead the way in protecting nature and strengthening resilience, because their actions ripple out to global impact. Through community-driven solutions and respect for local knowledge, people tackle issues like deforestation, sand mining, and climate threats in their own landscapes. These efforts are not small, management practices have improved across 33,950 hectares, about 2,050 hectares of degraded land are being restored, and community energy solutions have helped cut around 314,612 tons of CO\u2082 equivalent.<br><br>\n\nAt the same time, local action builds stronger and more inclusive societies. Women are leading 10 projects, renewable energy is being adopted in 10 communities, and wetlands covering 300 hectares have been restored. By combining bottom-up approaches, partnerships, and indigenous practices, communities protect biodiversity, create fairer opportunities, and contribute directly to global goals like climate action and sustainable development.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3841c7c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3841c7c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-98c27ef\" data-id=\"98c27ef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e648b91 elementor-widget elementor-widget-html\" data-id=\"e648b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE: Why Local Inclusive Communities ===== -->\r\n<section id=\"sgp-why-lic\" class=\"sgp-hero-collab\" aria-labelledby=\"why-lic-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"why-lic-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">Why do we support<\/span>\r\n        <span class=\"t accent\">Local Inclusive Communities<\/span>\r\n        <span class=\"t\">to grow?<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Scoped tokens ===== *\/\r\n  #sgp-why-lic{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n\r\n  }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  #sgp-why-lic.sgp-hero-collab{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(36px,5vw,72px) 16px;\r\n  }\r\n  #sgp-why-lic .sgp-hero-inner{\r\n    max-width:1100px; margin-inline:auto; text-align:center;\r\n  }\r\n\r\n  \/* ===== Title ===== *\/\r\n  #sgp-why-lic .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0;\r\n    font-size:clamp(26px, 4.6vw, 40px);\r\n    text-wrap:balance;\r\n  }\r\n  #sgp-why-lic .sgp-hero-title .row{ display:block; }\r\n  #sgp-why-lic .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger *\/\r\n  #sgp-why-lic .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  #sgp-why-lic .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  #sgp-why-lic .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n\r\n  \/* Accent (hijau) *\/\r\n  #sgp-why-lic .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    #sgp-why-lic .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n  @media (max-width:540px){\r\n    #sgp-why-lic .sgp-hero-title .t{ margin:.06em .10em; }\r\n  }\r\n\r\n  \/* Anti-clip di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('#sgp-why-lic');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-375aee3 elementor-widget elementor-widget-html\" data-id=\"375aee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== CARD 1 \u2014 Mobile = Slider Mulus, Desktop = Grid 2 ===== -->\r\n<div class=\"sgp-w1\">\r\n  <section class=\"sgp-section\">\r\n    <div class=\"sgp-slider\" data-speed=\"60\"><!-- speed = px\/detik utk mobile -->\r\n      <div class=\"sgp-track\">\r\n        <!-- slide 1 -->\r\n        <div class=\"sgp-slide\">\r\n          <article class=\"sgp-card\">\r\n            <div class=\"sgp-thumb\">\r\n              <img fetchpriority=\"high\"\r\n                src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-Aren-2-scaled.jpg\"\r\n                alt=\"Community-Based Solutions\"\r\n                width=\"1280\" height=\"800\"\r\n                loading=\"eager\" decoding=\"async\">\r\n            <\/div>\r\n            <div class=\"sgp-body\">\r\n              <h3 class=\"sgp-h3\">Community-Based Solutions<\/h3>\r\n              <ul class=\"sgp-list\">\r\n                <li><span class=\"sgp-dot\"><\/span>Improve management on 33,950 Ha.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Restore 2,050 Ha of degraded ecosystems.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Strengthen local livelihoods against climate risks.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <!-- slide 2 -->\r\n        <div class=\"sgp-slide\">\r\n          <article class=\"sgp-card\">\r\n            <div class=\"sgp-thumb\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/tradisi-mulai-penanam-kopi.jpg\"\r\n                alt=\"Respect For Local Knowledge\"\r\n                width=\"1280\" height=\"800\"\r\n                decoding=\"async\" fetchpriority=\"low\">\r\n            <\/div>\r\n            <div class=\"sgp-body\">\r\n              <h3 class=\"sgp-h3\">Respect For Local Knowledge<\/h3>\r\n              <ul class=\"sgp-list\">\r\n                <li><span class=\"sgp-dot\"><\/span>Improve management on 33,950 Ha.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Restore 2,050 Ha of degraded ecosystems.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Strengthen local livelihoods against climate risks.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <!-- slide 3 -->\r\n        <div class=\"sgp-slide\">\r\n          <article class=\"sgp-card\">\r\n            <div class=\"sgp-thumb\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-01-23-at-18.18.57-1024x576-1.jpeg\"\r\n                alt=\"Bottom\u2013Up Approaches\"\r\n                width=\"1280\" height=\"800\"\r\n                decoding=\"async\" fetchpriority=\"low\">\r\n            <\/div>\r\n            <div class=\"sgp-body\">\r\n              <h3 class=\"sgp-h3\">Bottom\u2013Up Approaches<\/h3>\r\n              <ul class=\"sgp-list\">\r\n                <li><span class=\"sgp-dot\"><\/span>17 Priority Actions Adopted Into Local Plans.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>4 Dialogues With Government To Scale Best Practices.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Ensure Local Voices Shape Bigger Policies.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <!-- slide 4 -->\r\n        <div class=\"sgp-slide\">\r\n          <article class=\"sgp-card\">\r\n            <div class=\"sgp-thumb\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-06-02-at-08.26.44.jpeg\"\r\n                alt=\"Partnerships For Change\"\r\n                width=\"1280\" height=\"800\"\r\n                decoding=\"async\" fetchpriority=\"low\">\r\n            <\/div>\r\n            <div class=\"sgp-body\">\r\n              <h3 class=\"sgp-h3\">Partnerships For Change<\/h3>\r\n              <ul class=\"sgp-list\">\r\n                <li><span class=\"sgp-dot\"><\/span>MoU With PT Supa Surya Niaga Gives Farmers Market Access.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>MoU With Brawijaya University Links Research With Communities.<\/li>\r\n                <li><span class=\"sgp-dot\"><\/span>Work With NGOs, Media, And Local Gov To Amplify Impact.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== TOKENS (SCOPED) ===== *\/\r\n.sgp-w1{\r\n  --ink:#1b1f23; --muted:#5f6b6b; --ring:rgba(0,0,0,.06);\r\n  --card:#fff; --radius:16px; --shadow:0 8px 24px rgba(0,0,0,.06);\r\n  --gap:16px; --gap-md:18px; --accent:#B2DD14;\r\n}\r\n\r\n\/* ===== CARD ===== *\/\r\n.sgp-w1 .sgp-card{\r\n  background:var(--card); border:1px solid var(--ring); border-radius:16px;\r\n  box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column;\r\n}\r\n.sgp-w1 .sgp-thumb{ position:relative; width:100%; aspect-ratio:16\/10; background:#f6f7f9; }\r\n.sgp-w1 .sgp-thumb img{\r\n  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;\r\n  opacity:0; transition:opacity .3s ease;\r\n}\r\n.sgp-w1 .sgp-thumb img.is-loaded{ opacity:1; }\r\n.sgp-w1 .sgp-body{ padding:22px 22px 18px; }\r\n.sgp-w1 .sgp-h3{ margin:2px 0 14px; color:var(--ink); font:800 25px\/1.25 \"Poppins\",system-ui; }\r\n\r\n\/* List + titik kedip *\/\r\n.sgp-w1 .sgp-list{ margin:0; padding:0; list-style:none; }\r\n.sgp-w1 .sgp-list li{\r\n  display:flex; gap:10px; align-items:flex-start; color:var(--muted);\r\n  font:500 16px\/1.6 \"Poppins\",system-ui; padding:12px 0; border-top:1px dashed var(--ring);\r\n}\r\n.sgp-w1 .sgp-list li:first-child{ border-top:none; padding-top:4px; }\r\n.sgp-w1 .sgp-list li:last-child{ padding-bottom:4px; }\r\n.sgp-w1 .sgp-dot{\r\n  flex:0 0 10px; height:10px; margin-top:8px; border-radius:50%; background:var(--accent);\r\n  box-shadow:0 0 0 4px rgba(178,221,20,.16), 0 0 12px rgba(178,221,20,.36);\r\n  animation:sgpPulse 1.8s ease-in-out infinite;\r\n}\r\n@keyframes sgpPulse{\r\n  0%{transform:scale(1);box-shadow:0 0 0 4px rgba(178,221,20,.16),0 0 10px rgba(178,221,20,.30);}\r\n  50%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(178,221,20,.10),0 0 18px rgba(178,221,20,.50);}\r\n  100%{transform:scale(1);box-shadow:0 0 0 4px rgba(178,221,20,.16),0 0 10px rgba(178,221,20,0);}\r\n}\r\n@media (prefers-reduced-motion:reduce){ .sgp-w1 .sgp-dot{ animation:none!important; } }\r\n\r\n\/* ===== SLIDER BASE ===== *\/\r\n.sgp-w1 .sgp-slider{ max-width:1100px; margin:0 auto; padding:0 12px; }\r\n.sgp-w1 .sgp-track{ display:flex; align-items:stretch; gap:var(--gap); will-change:transform; }\r\n.sgp-w1 .sgp-slide{ flex:0 0 100%; max-width:100%; user-select:none; -webkit-user-drag:none; }\r\n\r\n\/* ===== MOBILE TUNING ===== *\/\r\n@media (max-width:480px){\r\n  .sgp-w1 .sgp-slider{ padding:0 8px; }\r\n  .sgp-w1 .sgp-track{ gap:12px; }\r\n  .sgp-w1 .sgp-slide{ flex:0 0 86%; max-width:86%; }\r\n  .sgp-w1 .sgp-body{ padding:14px 14px 12px; }\r\n  .sgp-w1 .sgp-h3{ font-size:19px; }\r\n  .sgp-w1 .sgp-list li{ font-size:14px; padding:9px 0; }\r\n  .sgp-w1 .sgp-dot{ flex-basis:8px; height:8px; margin-top:7px; }\r\n}\r\n\r\n\/* ===== TABLET TUNING ===== *\/\r\n@media (min-width:481px) and (max-width:768px){\r\n  .sgp-w1 .sgp-slide{ flex:0 0 88%; max-width:88%; }\r\n  .sgp-w1 .sgp-h3{ font-size:22px; }\r\n  .sgp-w1 .sgp-list li{ font-size:15px; }\r\n}\r\n\r\n\/* ===== DESKTOP: grid 2 kolom + sembunyikan clone ===== *\/\r\n@media (min-width:1025px){\r\n  .sgp-w1 .sgp-slider{ overflow:visible; }\r\n  .sgp-w1 .sgp-track{\r\n    transform:none !important; transition:none !important;\r\n    flex-wrap:wrap; gap:var(--gap);\r\n  }\r\n  .sgp-w1 .sgp-slide{\r\n    flex:0 0 calc((100% - var(--gap))\/2);\r\n    max-width:calc((100% - var(--gap))\/2);\r\n  }\r\n  .sgp-w1 .sgp-slide[data-clone=\"1\"]{ display:none !important; } \/* hide clones *\/\r\n}\r\n\r\n\/* ===== HIGHLIGHT sebagian judul ===== *\/\r\n.sgp-w1 .sgp-h3 .sgp-hl{ color:var(--accent); }\r\n<\/style>\r\n\r\n<script>\r\n\/* ===== Slider mobile: marquee mulus (tanpa DOM pindah), desktop: grid ===== *\/\r\n(function(){\r\n  const sliders = document.querySelectorAll('.sgp-w1 .sgp-slider');\r\n\r\n  sliders.forEach((slider)=>{\r\n    const track = slider.querySelector('.sgp-track');\r\n    const origSlides = Array.from(track.children); \/\/ koleksi asli\r\n    const GAP = () => parseFloat(getComputedStyle(track).gap||'0');\r\n    const isDesktop = ()=> matchMedia('(min-width:1025px)').matches;\r\n\r\n    \/\/ Fade-in image\r\n    origSlides.forEach(sl=>{\r\n      const img=sl.querySelector('img'); if(!img) return;\r\n      const done=()=>img.classList.add('is-loaded');\r\n      if (img.complete && img.naturalWidth) done(); else img.addEventListener('load',done,{once:true});\r\n    });\r\n\r\n    \/\/ Clone sekali (A + A') untuk loop mulus (dipakai hanya di mobile)\r\n    if (!track.__cloned) {\r\n      const frag = document.createDocumentFragment();\r\n      origSlides.forEach(s=>{\r\n        const c = s.cloneNode(true);\r\n        c.setAttribute('data-clone','1');\r\n        frag.appendChild(c);\r\n      });\r\n      track.appendChild(frag);\r\n      track.__cloned = true;\r\n    }\r\n\r\n    \/\/ Hitung lebar satu rangkaian A (bukan seluruh track)\r\n    function computeLoopSpan(){\r\n      const items = Array.from(track.children);\r\n      const count = origSlides.length;\r\n      let span = 0;\r\n      for (let i=0;i<count;i++){\r\n        span += items[i].getBoundingClientRect().width;\r\n        if (i < count-1) span += GAP();\r\n      }\r\n      return span;\r\n    }\r\n\r\n    \/\/ State\r\n    let rAF=null, pos=0, speed=(+slider.dataset.speed||60);\r\n    let span=0, enabled=false;\r\n    let isDown=false, startX=0, startPos=0;\r\n\r\n    function normalize(){\r\n      \/\/ jaga pos di [-span, 0)\r\n      if (pos <= -span) pos += span;\r\n      if (pos > 0) pos -= span;\r\n    }\r\n    function frame(tsPrev){\r\n      let last = tsPrev || performance.now();\r\n      const step = (now)=>{\r\n        const dt = (now-last)\/1000; last = now;\r\n        pos -= speed*dt;\r\n        normalize();\r\n        track.style.transform = `translateX(${pos}px)`;\r\n        rAF = requestAnimationFrame(step);\r\n      };\r\n      rAF = requestAnimationFrame(step);\r\n    }\r\n    function start(){\r\n      stop();\r\n      span = computeLoopSpan();\r\n      normalize();\r\n      frame();\r\n    }\r\n    function stop(){ if(rAF) cancelAnimationFrame(rAF); rAF=null; }\r\n\r\n    \/\/ Drag (tanpa pindah DOM)\r\n    function onDown(e){ isDown=true; slider.classList.add('dragging'); stop(); startX=e.clientX; startPos=pos; slider.setPointerCapture(e.pointerId); }\r\n    function onMove(e){ if(!isDown) return; pos = startPos + (e.clientX-startX); normalize(); track.style.transform=`translateX(${pos}px)`; }\r\n    function onUp(e){ if(!isDown) return; isDown=false; slider.classList.remove('dragging'); e&&slider.releasePointerCapture?.(e.pointerId); start(); }\r\n\r\n    function enable(){\r\n      if(enabled) return; enabled=true;\r\n      slider.addEventListener('pointerdown', onDown);\r\n      slider.addEventListener('pointermove', onMove);\r\n      slider.addEventListener('pointerup', onUp);\r\n      slider.addEventListener('pointercancel', onUp);\r\n      start();\r\n    }\r\n    function disable(){\r\n      if(!enabled) return; enabled=false;\r\n      stop(); pos=0; track.style.transform='none';\r\n      slider.removeEventListener('pointerdown', onDown);\r\n      slider.removeEventListener('pointermove', onMove);\r\n      slider.removeEventListener('pointerup', onUp);\r\n      slider.removeEventListener('pointercancel', onUp);\r\n    }\r\n\r\n    \/\/ Toggle mode (mobile slider \/ desktop grid)\r\n    const ro = new ResizeObserver(()=>{\r\n      if (isDesktop()) { disable(); }\r\n      else { enable(); span = computeLoopSpan(); }\r\n    });\r\n    ro.observe(slider);\r\n\r\n    \/\/ Initial mode\r\n    if (isDesktop()) disable(); else enable();\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n\/* ===== Highlight sebagian kata pada judul =====\r\n   - Default: highlight kata terakhir.\r\n   - Bisa override dengan customMap kalau mau pilih kata tertentu. *\/\r\n(function(){\r\n  const mapLastWord = true; \/\/ true = highlight kata terakhir\r\n  const customMap = {\r\n    \/\/ \"Community-Based Solutions\": \"Solutions\",\r\n    \/\/ \"Respect For Local Knowledge\": \"Knowledge\",\r\n    \/\/ \"Bottom\u2013Up Approaches\": \"Approaches\",\r\n    \/\/ \"Partnerships For Change\": \"Change\"\r\n  };\r\n\r\n  document.querySelectorAll('.sgp-w1 .sgp-h3').forEach(h=>{\r\n    const raw = h.textContent.trim();\r\n    if (customMap[raw]) {\r\n      const target = customMap[raw];\r\n      const re = new RegExp(`(${target})(?!.*${target})`);\r\n      h.innerHTML = raw.replace(re, '<span class=\"sgp-hl\">$1<\/span>');\r\n      return;\r\n    }\r\n    if (mapLastWord) {\r\n      const parts = raw.split(\/\\s+\/);\r\n      if (parts.length > 1) {\r\n        const last = parts.pop();\r\n        h.innerHTML = parts.join(' ') + ' <span class=\"sgp-hl\">' + last + '<\/span>';\r\n      }\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9922605 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9922605\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19e770b\" data-id=\"19e770b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-928c611 elementor-widget elementor-widget-html\" data-id=\"928c611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE (Looping + Faster Entrance) ===== -->\r\n<section class=\"sgp-hero-collab\" aria-labelledby=\"finest-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"finest-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">The Finest<\/span>\r\n        <span class=\"t accent\">Local Initiatives<\/span>\r\n        <span class=\"t\">Development<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n\r\n  }\r\n\r\n  .sgp-hero-collab{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(36px,5vw,72px) 16px;\r\n  }\r\n  .sgp-hero-inner{\r\n    max-width:1100px;\r\n    margin-inline:auto;\r\n    text-align:center;\r\n  }\r\n\r\n  .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0;\r\n    font-size:clamp(26px, 4.6vw, 40px);\r\n    text-wrap:balance;\r\n  }\r\n  .sgp-hero-title .row{ display:block; }\r\n  .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger (gelombang rapi) *\/\r\n  .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n\r\n  \/* Accent hijau pada frasa utama *\/\r\n  .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== FASTER FADE-UP SWIPE LOOP =====\r\n     - 0\u201310%   : muncul cepat dari bawah + swipe kanan->kiri\r\n     - 10\u201375%  : tetap terlihat\r\n     - 75\u2013100% : fade-out lembut\r\n  *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n  @media (max-width:540px){\r\n    .sgp-hero-title .t{ margin:.06em .10em; }\r\n  }\r\n\r\n  \/* Anti-clip agar aman di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('.sgp-hero-collab');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5052218 elementor-widget__width-initial elementor-widget elementor-widget-global elementor-global-16529 elementor-widget-html\" data-id=\"5052218\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ====== PRODUCT SLIDER (3 per view, uniform images) ====== -->\r\n<div class=\"sgp-prod-slider\">\r\n  <div class=\"swiper sgp-swiper\">\r\n    <div class=\"swiper-wrapper\">\r\n\r\n      <!-- CARD 1 \u2014 Kahayya Premium -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-173327.png\" alt=\"Kahayya Premium\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Arabica Kahayya Premium Coffee<\/h3>\r\n            <p class=\"sgp-desc\">A premium Arabica from Sulawesi, known for its floral, citrus, and chocolate flavors.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-kahayya-premium-single-origin-coffee\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 2 \u2014 Gula Aren Bulukumba -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-29-at-20.35.25-Adel-Irmayanti.jpeg\" alt=\"Arenga Palm Sugar Bulukumba\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Arenga Palm Sugar of Bulukumba<\/h3>\r\n            <p class=\"sgp-desc\">Pure, eco-friendly palm sugar made traditionally without chemicals.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arenga-palm-sugar-bulukumba-eco-legacy\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 3 \u2014 Gula Lontar Sabu Raijua -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-Gula-Sabu-1-scaled.jpg\" alt=\"Palmyra Palm Sugar Sabu Raijua\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Palmyra Palm Sugar of Sabu Raijua<\/h3>\r\n            <p class=\"sgp-desc\">A natural sweetener from lontar palms, representing the cultural heritage of Sabu Raijua.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/palmyra-palm-sugar-sabu-raijua\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 4 \u2014 Sibuthak Arabica -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL03153-scaled.jpg\" alt=\"Arabica Sibuthak\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Arabica Sibuthak Coffee<\/h3>\r\n            <p class=\"sgp-desc\">A smooth, fruity Arabica from Temanggung\u2019s reforested farms, representing a story of hope and change.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-sibuthak-mix-varieties-coffee\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 5 \u2014 Sibuthak Robusta -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/IMG20250608155802-Giant-Kurniawan-scaled.jpg\" alt=\"Robusta Sibuthak\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Robusta Sibuthak Coffee<\/h3>\r\n            <p class=\"sgp-desc\">A bold, strong Robusta from Temanggung, symbolizing the resilience of local farmers.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/robusta-sibuthak-mix-varieties-coffee\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 6 \u2014 Bulukumba Cultural Seaweed -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/01-Laut-Adel-Irmayanti-scaled.jpeg\" alt=\"Bulukumba Cultural Seaweed\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Cultural Seaweed of Bulukumba<\/h3>\r\n            <p class=\"sgp-desc\">Sustainably hand-farmed seaweed that nourishes, restores mangroves, and empowers local women.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/cultural-seaweed-of-bulukumba\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 7 \u2014 Rimba Lestari Arabica -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-Kopi-Temanggung-1-scaled.jpg\" alt=\"Arabica Rimba Lestari\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Arabica Rimba Lestari Coffee<\/h3>\r\n            <p class=\"sgp-desc\">From barren hills to thriving forests, Cemoro Arabica delivers rich flavors and a story of resilience in every cup.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 70.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/arabica-rimba-lestari-mix-varieties-coffee\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- CARD 8 \u2014 Rimba Lestari Robusta -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-Kopi-Temanggung-27-scaled.jpg\" alt=\"Robusta Rimba Lestari\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Robusta Rimba Lestari Coffee<\/h3>\r\n            <p class=\"sgp-desc\">Bold and empowering, Cemoro Robusta carries the strength of farmers and the renewal of forests in every sip.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 45.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/robusta-rimba-lestari-mix-varieties-coffee\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n      \r\n      <!-- CARD 9 \u2014 Sari Tani Cocoa -->\r\n      <div class=\"swiper-slide\">\r\n        <article class=\"sgp-card\">\r\n          <div class=\"sgp-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-Coklat-6-scaled.jpg\" alt=\"Finest Cocoa\">\r\n          <\/div>\r\n          <div class=\"sgp-body\">\r\n            <h3 class=\"sgp-title\">Finest Cocoa Quality of Sari Tani <\/h3>\r\n            <p class=\"sgp-desc\">Sari Tani Cocoa Embodies farmers\u2019 renewed spirit and harmony with nature, each bean a testament to tradition and sustainability.<\/p>\r\n\r\n            <div class=\"sgp-footer\">\r\n              <div class=\"sgp-price\">Rp 200.000 \/ Pack<\/div>\r\n              <a class=\"sgp-order\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/finest-cocoa-quality-of-sari-tani\/\">See More<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"swiper-pagination sgp-dots\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ====== STYLES ====== -->\r\n<style>\r\n\/* =========================\r\n   PRODUCT SLIDER \u2014 CLEAN UI\r\n   ========================= *\/\r\n.sgp-prod-slider{\r\n  --ratio: 4\/3;\r\n  --margin-top: -50px;\r\n  --accent:#B2DD14;      \/* hijau aksen *\/\r\n  --ink:#1b1f23;\r\n  padding: var(--pad);\r\n  background: transparent;\r\n}\r\n\r\n\/* ruang untuk dots *\/\r\n.sgp-prod-slider .sgp-swiper{ padding-bottom: 28px; }\r\n\r\n\/* DOTS *\/\r\n.sgp-dots{ margin-top: 8px; }\r\n.sgp-dots .swiper-pagination-bullet{ background:#eaf5c8; opacity:1; }\r\n.sgp-dots .swiper-pagination-bullet-active{\r\n  background:var(--accent);\r\n  box-shadow:0 0 0 4px rgba(178,221,20,.18);\r\n}\r\n\r\n\/* Slide auto-height mengikuti kartu *\/\r\n.sgp-prod-slider .swiper-slide{ height:auto; }\r\n\r\n\/* KARTU PRODUK *\/\r\n.sgp-card{\r\n  display:flex; flex-direction:column; height:100%;\r\n  background:#fff; color:var(--ink); text-decoration:none;\r\n  border-radius:16px; overflow:hidden;\r\n  border:1px solid rgba(0,0,0,.06);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,.06);\r\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n  position:relative;\r\n   content-visibility: auto;             \/* hanya render saat terlihat *\/\r\n  contain-intrinsic-size: 520px 420px;  \/* ukuran perkiraan untuk layout awal *\/\r\n}\r\n.sgp-card:hover{\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 36px rgba(0,0,0,.10);\r\n}\r\n\r\n\/* gambar tetap cover & aman *\/\r\n.sgp-thumb{ position:relative; aspect-ratio: var(--ratio); overflow:hidden; }\r\n.sgp-thumb img{\r\n  width:100%; height:100%; object-fit:cover; display:block;\r\n  transform: translateZ(0); backface-visibility:hidden;\r\n}\r\n\r\n\/* ISI *\/\r\n.sgp-body{ padding:16px 18px 20px; display:flex; flex-direction:column; gap:10px; }\r\n\r\n\/* JUDUL dengan garis hijau pemanis (underline tebal lembut) *\/\r\n\/* --- TITLE: highlight per-baris (multi-line friendly) --- *\/\r\n\/* TITLE dengan highlight yang memudar ke kanan *\/\r\n.sgp-title{\r\n  margin:0;\r\n  font-weight:700;\r\n  line-height:1.25;\r\n  font-size:22px;\r\n  display:inline;\r\n\r\n  background-image: linear-gradient(90deg,\r\n    rgba(178,221,20,.55) 0%,\r\n    rgba(178,221,20,.35) 70%,\r\n    rgba(178,221,20,0) 100%\r\n  );\r\n  -webkit-box-decoration-break: clone;\r\n  box-decoration-break: clone;\r\n\r\n  padding:0 2px;\r\n}\r\n\r\n\/* hilangkan garis bawah sebelumnya *\/\r\n.sgp-title::after{ content:none !important; }\r\n\r\n\/* DESKRIPSI *\/\r\n.sgp-desc{ margin:8px 0 0; font-size:18px; line-height:1.55; color:#575757; }\r\n\r\n\/* FOOTER (harga + tombol) dgn garis hijau tipis di atas *\/\r\n.sgp-footer{\r\n  margin-top:auto; padding-top:14px;\r\n  display:flex; align-items:center; justify-content:space-between; gap:12px;\r\n  position:relative;\r\n}\r\n\r\n\r\n\/* HARGA: teks biasa *\/\r\n.sgp-price{ font-weight:700; font-size:17px; color:#111; }\r\n\r\n\/* TOMBOL ORDER *\/\r\n.sgp-order{\r\n  background: var(--accent);\r\n  color:#111;\r\n  font-weight:700;\r\n  font-size:15px;\r\n  padding:8px 16px;\r\n  border-radius: 999px;\r\n  text-decoration:none;\r\n  box-shadow: 0 4px 10px rgba(178,221,20,.25);\r\n  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;\r\n  white-space:nowrap;\r\n}\r\n.sgp-order:hover{\r\n  transform: translateY(-2px);\r\n  filter: saturate(1.05);\r\n  box-shadow: 0 8px 18px rgba(178,221,20,.35);\r\n}\r\n\r\n\/* Responsif: di mobile tombol turun ke bawah harga *\/\r\n@media (max-width: 480px){\r\n  .sgp-footer{ flex-direction:column; align-items:flex-start; gap:10px; }\r\n  .sgp-order{ width:100%; text-align:center; }\r\n}\r\n\r\n\/* DOTS: tambahkan jarak lebih jauh *\/\r\n.sgp-prod-slider .sgp-swiper{ padding-bottom: 48px; } \/* sebelumnya 28px *\/\r\n.sgp-dots{ margin-top: 80px; } \/* sebelumnya 8px *\/\r\n\r\n\/* ruang bawah section (opsional) *\/\r\n.sgp-prod-slider{ margin-bottom: 24px; }\r\n\r\n\/* Bikin gerak autoplay benar-benar linear di semua browser *\/\r\n.sgp-prod-slider .swiper-wrapper{\r\n  transition-timing-function: linear !important;\r\n  -webkit-transition-timing-function: linear !important; \/* Safari fix *\/\r\n  will-change: transform;\r\n}\r\n\r\n\/* ==== FIX: jangan clip shadow kartu ==== *\/\r\n.sgp-prod-slider .swiper,\r\n.sgp-prod-slider .swiper-wrapper,\r\n.sgp-prod-slider .swiper-slide{\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* (opsional) sedikit naikkan jarak bawah supaya shadow tidak mentok dots *\/\r\n.sgp-prod-slider .sgp-swiper{ padding-bottom: 56px; } \/* tadinya 48px *\/\r\n\/* ===== MOBILE TWEAK: card sedikit lebih kecil + gutter rapi ===== *\/\r\n@media (max-width: 480px){\r\n  \/* kembalikan ke lebar kolom normal + kasih padding sisi *\/\r\n  .sgp-prod-slider{\r\n    margin: 0 !important;\r\n    width: auto !important;\r\n    padding-left: 30px !important;\r\n    padding-right: 30px !important;\r\n  }\r\n\r\n  \/* jangan tambah padding ganda di dalam swiper *\/\r\n  .sgp-prod-slider .sgp-swiper{\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    padding-bottom: 32px !important;\r\n  }\r\n\r\n  \/* inti: bikin slide cuma 88% lebar viewport kolom \u2192 muncul gutter kiri\/kanan *\/\r\n  .sgp-prod-slider .swiper-slide{\r\n    width: 88% !important;      \/* kartu lebih kecil sedikit *\/\r\n  }\r\n\r\n  \/* sentuhan tipografi agar tetap clean di layar kecil *\/\r\n  .sgp-card{ border-radius: 14px; }\r\n  .sgp-body{ padding: 14px 14px 16px; }\r\n  .sgp-title{ font-size: 18px; line-height: 1.3; }\r\n  .sgp-desc{ font-size: 14px; }\r\n  .sgp-price{ font-size: 15px; }\r\n  .sgp-footer{ flex-direction: column; align-items: flex-start; gap: 8px; }\r\n  .sgp-order{ width: 100%; text-align: center; }\r\n  .sgp-dots{ margin-top: 50px !important; }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n       \r\n\r\n\r\n<!-- ====== SCRIPTS ====== -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n  \/\/ Optimalkan semua gambar di slider\r\n  document.querySelectorAll('.sgp-prod-slider .sgp-thumb img').forEach((img, i) => {\r\n    \/\/ slide pertama eager, sisanya lazy\r\n    img.setAttribute('loading', i < 1 ? 'eager' : 'lazy');\r\n    img.setAttribute('decoding', 'async');\r\n    img.setAttribute('fetchpriority', i < 1 ? 'high' : 'low');\r\n\r\n    \/\/ ukuran responsif agar browser pilih resolusi yang pas\r\n    img.setAttribute('sizes', '(max-width: 767px) 100vw, (max-width: 1024px) 50vw, 33vw');\r\n  });\r\n\r\n(function(){\r\n  const SwiperClass = window.Swiper || window?.elementorFrontend?.utils?.swiper;\r\n  if(!SwiperClass){ console.warn('Swiper not found'); return; }\r\n\r\n  new SwiperClass('.sgp-prod-slider .sgp-swiper', {\r\n    \/* View per device *\/\r\n    slidesPerView: 3,\r\n    spaceBetween: 24,\r\n    breakpoints: {\r\n      0:   { slidesPerView: 1, spaceBetween: 12 },  \/\/ <<< mobile: 1 card\r\n      768: { slidesPerView: 2, spaceBetween: 18 },  \/\/ tablet: 2\r\n      1025:{ slidesPerView: 3, spaceBetween: 24 }   \/\/ desktop: 3\r\n    },\r\n\r\n    \/* Continuous scroll super mulus *\/\r\n    loop: true,\r\n    loopAdditionalSlides: 30,                \/\/ seam-less\r\n    freeMode: { enabled: true, momentum: false, sticky: false },\r\n    speed: 5500,                            \/\/ makin besar = makin pelan & halus\r\n    autoplay: {\r\n      delay: 0,                              \/\/ tanpa jeda frame\r\n      disableOnInteraction: false,           \/\/ lanjut setelah swipe\r\n      pauseOnMouseEnter: true,               \/\/ jeda saat hover\r\n      waitForTransition: false,              \/\/ hindari \u201cnunggu\u201d yg bikin macet\r\n      stopOnLastSlide: false\r\n    },\r\n\r\n    \/* Interaksi *\/\r\n    allowTouchMove: true,\r\n    simulateTouch: true,\r\n    grabCursor: true,\r\n    resistanceRatio: 0,\r\n\r\n    \/* Dots *\/\r\n    pagination: { el: '.sgp-dots', clickable: true },\r\n\r\n    watchSlidesProgress: true,\r\n    keyboard: { enabled: true },\r\n\r\n    \/* Pastikan autoplay lanjut lagi setelah drag lepas *\/\r\n    on: {\r\n      touchEnd(swiper){ try{ swiper.autoplay.start(); }catch(e){} }\r\n    }\r\n  });\r\n})();\r\n\r\n\/\/ Skeleton & optimasi gambar\r\ndocument.querySelectorAll('.sgp-prod-slider .sgp-thumb').forEach((wrap, i) => {\r\n  const img = wrap.querySelector('img');\r\n  if(!img) return;\r\n\r\n  \/\/ state awal: loading\r\n  wrap.classList.add('is-loading');\r\n\r\n  \/\/ atribut performa\r\n  img.loading = i < 1 ? 'eager' : 'lazy';\r\n  img.decoding = 'async';\r\n  img.setAttribute('fetchpriority', i < 1 ? 'high' : 'low');\r\n  img.setAttribute('sizes','(max-width:767px) 100vw, (max-width:1024px) 50vw, 33vw');\r\n\r\n  \/\/ onload\/onerror -> mark loaded\r\n  const done = () => { wrap.classList.remove('is-loading'); wrap.classList.add('is-loaded'); };\r\n  if (img.complete && img.naturalWidth) done();\r\n  else {\r\n    img.addEventListener('load', done, { once:true });\r\n    img.addEventListener('error', done, { once:true }); \/\/ fallback\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c5ca5ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c5ca5ae\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22cdac9\" data-id=\"22cdac9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1767e7 elementor-widget elementor-widget-html\" data-id=\"e1767e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE: Community-Based Innovation & Local Biodiversity ===== -->\r\n<section id=\"sgp-grow-cbi-bio\" class=\"sgp-hero\" aria-labelledby=\"grow-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"grow-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">We encouraged to grow<\/span>\r\n        <span class=\"t accent\">\r\n          <span style=\"color:#B2DD14;font-weight:700;\">community-based innovation<\/span>\r\n        <\/span>\r\n        <span class=\"t\">&amp;<\/span>\r\n        <span class=\"t accent\">\r\n          <span style=\"color:#B2DD14;font-weight:700;\">local biodiversity<\/span>\r\n        <\/span>\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Scoped tokens ===== *\/\r\n  #sgp-grow-cbi-bio{\r\n    --sgp-ink:#0b1b00;\r\n    --sgp-accent:#B2DD14;\r\n\r\n  }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  #sgp-grow-cbi-bio.sgp-hero{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(28px,4.5vw,64px) 16px;\r\n  }\r\n  #sgp-grow-cbi-bio .sgp-hero-inner{\r\n    max-width:1100px; margin-inline:auto; text-align:center;\r\n  }\r\n\r\n  \/* ===== Title ===== *\/\r\n  #sgp-grow-cbi-bio .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0;\r\n    font-size:clamp(26px,4.6vw,40px);\r\n    text-wrap:balance;\r\n  }\r\n  #sgp-grow-cbi-bio .sgp-hero-title .row{ display:block; }\r\n  #sgp-grow-cbi-bio .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger (gelombang rapi) *\/\r\n  #sgp-grow-cbi-bio .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  #sgp-grow-cbi-bio .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  #sgp-grow-cbi-bio .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n  #sgp-grow-cbi-bio .sgp-hero-title .row .t:nth-child(4){ animation-delay:.6s; }\r\n\r\n  \/* Accent: pakai warna inline milikmu; di sini hanya glow-nya *\/\r\n  #sgp-grow-cbi-bio .sgp-hero-title .accent{\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    #sgp-grow-cbi-bio .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n  @media (max-width:540px){\r\n    #sgp-grow-cbi-bio .sgp-hero-title .t{ margin:.06em .10em; }\r\n  }\r\n\r\n  \/* Anti-clip di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('#sgp-grow-cbi-bio');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-570b566 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"570b566\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53f6797\" data-id=\"53f6797\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bce400 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"2bce400\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2024-12-30-at-13.56.57-768x433.jpeg\" alt=\"image-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-01-11-at-17.01.12-1024x576-1-768x432.jpeg\" alt=\"image-2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/edukasi-hutan-mangrove-horuo-matingola-wakatobi-akar-embun-02-768x431.png\" alt=\"image-3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/nusa-penida-wisnu-53.png\" alt=\"image-4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54bf41bc elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54bf41bc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-774cc7c8\" data-id=\"774cc7c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4fecdaa9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4fecdaa9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1615c612\" data-id=\"1615c612\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-95e5ce3 elementor-widget elementor-widget-html\" data-id=\"95e5ce3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SGP \u2014 Blink Green Dots List -->\r\n<section class=\"sgp-blink-list\" aria-label=\"Community-based points\">\r\n  <ul class=\"sgp-dots\">\r\n    <li>\r\n      Community-based innovation is about blending local practices with long-term sustainability.\r\n      This approach shows that protecting nature and growing local economies can go hand-in-hand,\r\n      creating stronger communities and healthier ecosystems.\r\n    <\/li>\r\n    <li>\r\n      Environmental Action: Promoting renewable energy, restoring land, and protecting natural\r\n      areas to help communities respond to climate change.\r\n    <\/li>\r\n    <li>\r\n      Economic Empowerment: Partnering with companies and universities to support small businesses\r\n      and ensure inclusive, women-led initiatives, which creates resilient livelihoods.\r\n    <\/li>\r\n  <\/ul>\r\n<\/section>\r\n\r\n<style>\r\n  .sgp-blink-list .sgp-dots{\r\n    list-style:none;\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  .sgp-blink-list .sgp-dots li{\r\n    position:relative;\r\n    margin:12px 0;\r\n    padding-left:34px;\r\n    line-height:1.55;\r\n    font-size:17px;\r\n    text-align:justify;           \/* \u2b05\ufe0f tambahan agar teks rata kanan\u2013kiri *\/\r\n    text-justify:inter-word;      \/* \u2b05\ufe0f bantu distribusi spasi antar kata *\/\r\n  }\r\n\r\n  .sgp-blink-list .sgp-dots li::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0.55em;\r\n    width:12px;\r\n    height:12px;\r\n    border-radius:50%;\r\n    background:#B2DD14;  \/* hijau highlight favoritmu *\/\r\n    box-shadow:\r\n      0 0 0 6px rgba(178,221,20,.16),\r\n      0 0 18px rgba(178,221,20,.46);\r\n    animation:sgpBlink 1.6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes sgpBlink{\r\n    0%,100%{\r\n      transform:scale(.9);\r\n      opacity:.35;\r\n      box-shadow:\r\n        0 0 0 4px rgba(178,221,20,.10),\r\n        0 0 10px rgba(178,221,20,.35);\r\n    }\r\n    50%{\r\n      transform:scale(1.12);\r\n      opacity:1;\r\n      box-shadow:\r\n        0 0 0 7px rgba(178,221,20,.22),\r\n        0 0 22px rgba(178,221,20,.60);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .sgp-blink-list .sgp-dots li::before{animation:none}\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f2abb elementor-widget elementor-widget-html\" data-id=\"71f2abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 HEADLINE: Good Difference ===== -->\r\n<section id=\"sgp-good-diff\" class=\"sgp-hero\" aria-labelledby=\"good-diff-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"good-diff-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">Make A<\/span>\r\n        <span class=\"t accent\">Good Difference<\/span>\r\n        <span class=\"t\">Through Small<\/span>\r\n        <span class=\"t\">Steps.<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"sgp-subline\">Of The GEF SGP Indonesia Program<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Scoped tokens ===== *\/\r\n  #sgp-good-diff{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n    --sgp-muted:#6b7280;\r\n\r\n  }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  #sgp-good-diff.sgp-hero{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(28px,4.5vw,64px) 16px;\r\n  }\r\n  #sgp-good-diff .sgp-hero-inner{\r\n    max-width:1100px; margin-inline:auto; text-align:center;\r\n  }\r\n\r\n  \/* ===== Title ===== *\/\r\n  #sgp-good-diff .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0 0 8px;\r\n    font-size:clamp(26px, 4.6vw, 40px);\r\n    text-wrap:balance;\r\n  }\r\n  #sgp-good-diff .sgp-hero-title .row{ display:block; }\r\n  #sgp-good-diff .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger (gelombang rapi) *\/\r\n  #sgp-good-diff .sgp-hero-title .row .t:nth-child(1){ animation-delay:0s; }\r\n  #sgp-good-diff .sgp-hero-title .row .t:nth-child(2){ animation-delay:.2s; }\r\n  #sgp-good-diff .sgp-hero-title .row .t:nth-child(3){ animation-delay:.4s; }\r\n  #sgp-good-diff .sgp-hero-title .row .t:nth-child(4){ animation-delay:.6s; }\r\n\r\n  \/* Accent hijau untuk frasa utama *\/\r\n  #sgp-good-diff .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  \/* ===== Subline (sekali muncul, tanpa loop) ===== *\/\r\n  #sgp-good-diff .sgp-subline{\r\n    margin:6px 0 0;\r\n    font-size:clamp(13px,1.6vw,16px);\r\n    color:var(--sgp-muted);\r\n    font-weight:600;\r\n    letter-spacing:.2px;\r\n    animation:subFade 700ms ease-out .35s both;\r\n  }\r\n\r\n  \/* ===== Animations ===== *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n  @keyframes subFade{\r\n    from{ opacity:0; transform:translateY(6px); }\r\n    to  { opacity:1; transform:translateY(0); }\r\n  }\r\n\r\n  \/* Aksesibilitas & responsif *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    #sgp-good-diff .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n    #sgp-good-diff .sgp-subline{ animation:none !important; }\r\n  }\r\n  @media (max-width:540px){\r\n    #sgp-good-diff .sgp-hero-title .t{ margin:.06em .10em; }\r\n  }\r\n\r\n  \/* Anti-clip di Elementor *\/\r\n  :where(.elementor, .elementor-section, .elementor-container, .elementor-row,\r\n         .elementor-column, .elementor-widget, .elementor-widget-wrap,\r\n         .elementor-widget-container, .swiper-slide){\r\n    overflow:visible !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('#sgp-good-diff');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-52ce3a5a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"52ce3a5a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-64af4dcf\" data-id=\"64af4dcf\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-378e06c3\" data-id=\"378e06c3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-e44e536\" data-id=\"e44e536\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5397cb2e\" data-id=\"5397cb2e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff080f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ff080f3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16b78d2\" data-id=\"16b78d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0fb6ac9 elementor-widget elementor-widget-html\" data-id=\"0fb6ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 COLLABORATION HERO (Looping + Faster Entrance) ===== -->\r\n<section class=\"sgp-hero-collab\" aria-labelledby=\"collab-title\">\r\n  <div class=\"sgp-hero-inner\">\r\n    <h1 id=\"collab-title\" class=\"sgp-hero-title\" aria-live=\"polite\">\r\n      <span class=\"row\">\r\n        <span class=\"t\">Collaborate &amp; Support<\/span>\r\n        <span class=\"t accent\">Our Farmers<\/span>\r\n      <\/span>\r\n      <span class=\"row\">\r\n        <span class=\"t\">To Bring<\/span>\r\n        <span class=\"t accent\">Heritage Products<\/span>\r\n        <span class=\"t\">To The World.<\/span>\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <a href=\"#contact\" class=\"sgp-hero-cta\">\r\n      Contact Us To Explore Collaboration Opportunities\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --sgp-accent:#B2DD14;\r\n    --sgp-ink:#0b1b00;\r\n  }\r\n\r\n  .sgp-hero-collab{\r\n    font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    background:var(--sgp-bg);\r\n    padding:clamp(36px,5vw,72px) 16px;\r\n  }\r\n  .sgp-hero-inner{\r\n    max-width:1100px;\r\n    margin-inline:auto;\r\n    text-align:center;\r\n  }\r\n\r\n  .sgp-hero-title{\r\n    color:var(--sgp-ink);\r\n    font-weight:800;\r\n    line-height:1.15;\r\n    letter-spacing:.2px;\r\n    margin:0 0 clamp(14px,2.2vw,24px);\r\n    font-size:clamp(26px, 4.6vw, 40px);\r\n    text-wrap:balance;\r\n  }\r\n  .sgp-hero-title .row{ display:block; }\r\n  .sgp-hero-title .t{\r\n    display:inline-block;\r\n    margin:.08em .16em;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:fadeUpSwipeLoop 8s ease-in-out infinite both;\r\n  }\r\n\r\n  \/* Stagger *\/\r\n  .sgp-hero-title .row:nth-child(1) .t:nth-child(1){ animation-delay:0s; }\r\n  .sgp-hero-title .row:nth-child(1) .t:nth-child(2){ animation-delay:.2s; }\r\n  .sgp-hero-title .row:nth-child(2) .t:nth-child(1){ animation-delay:.4s; }\r\n  .sgp-hero-title .row:nth-child(2) .t:nth-child(2){ animation-delay:.6s; }\r\n  .sgp-hero-title .row:nth-child(2) .t:nth-child(3){ animation-delay:.8s; }\r\n\r\n  .sgp-hero-title .accent{\r\n    color:var(--sgp-accent);\r\n    font-weight:900;\r\n    text-shadow:0 0 0 rgba(178,221,20,0);\r\n    animation-name:fadeUpSwipeLoop, glowPulse;\r\n    animation-duration:8s, 2.4s;\r\n    animation-timing-function:ease-in-out, ease-in-out;\r\n    animation-iteration-count:infinite, infinite;\r\n    animation-fill-mode:both, both;\r\n  }\r\n\r\n  .sgp-hero-cta{\r\n    display:inline-block;\r\n    margin-top:10px;\r\n    font-size:clamp(16px,1.6vw,20px);\r\n    font-weight:700;\r\n    color:var(--sgp-accent);\r\n    text-decoration:none;\r\n    position:relative;\r\n    padding:.1em .15em;\r\n  }\r\n  .sgp-hero-cta::after{\r\n    content:\"\";\r\n    position:absolute; left:0; right:0; bottom:-2px; height:2px;\r\n    background:var(--sgp-accent);\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .45s cubic-bezier(.22,.84,.3,1);\r\n  }\r\n  .sgp-hero-cta:hover::after,\r\n  .sgp-hero-cta:focus-visible::after{ transform:scaleX(1); }\r\n  .sgp-hero-cta:focus-visible{\r\n    outline:3px solid color-mix(in oklab, var(--sgp-accent) 60%, white);\r\n    outline-offset:4px; border-radius:8px;\r\n  }\r\n\r\n  \/* ===== FASTER FADE-UP SWIPE LOOP =====\r\n     - 0\u201310%   : muncul cepat dari bawah + swipe kanan->kiri\r\n     - 10\u201375%  : stay visible\r\n     - 75\u2013100% : fade-out lembut\r\n  *\/\r\n  @keyframes fadeUpSwipeLoop{\r\n    0%{\r\n      opacity:0; transform:translateY(20px);\r\n      clip-path:inset(0 100% 0 0);\r\n      filter:blur(2px);\r\n    }\r\n    8%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(0);\r\n    }\r\n    75%{\r\n      opacity:1; transform:translateY(0);\r\n      clip-path:inset(0 0% 0 0);\r\n    }\r\n    100%{\r\n      opacity:0; transform:translateY(-6px);\r\n      clip-path:inset(0 0% 0 0);\r\n      filter:blur(1px);\r\n    }\r\n  }\r\n\r\n  @keyframes glowPulse{\r\n    0%,100%{ text-shadow:0 0 0 rgba(178,221,20,0); }\r\n    50%    { text-shadow:0 0 18px rgba(178,221,20,.42); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .sgp-hero-title .t{ animation:none !important; opacity:1; transform:none; }\r\n    .sgp-hero-cta::after{ transition:none; transform:scaleX(1); }\r\n  }\r\n  @media (max-width:540px){\r\n    .sgp-hero-title{ letter-spacing:.1px; }\r\n    .sgp-hero-title .t{ margin:.06em .10em; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const hero = document.querySelector('.sgp-hero-collab');\r\n  if(!hero || !('IntersectionObserver' in window)) return;\r\n  const items = hero.querySelectorAll('.sgp-hero-title .t');\r\n  items.forEach(el => el.style.animationPlayState = 'paused');\r\n  const io = new IntersectionObserver(([entry])=>{\r\n    if(entry.isIntersecting){\r\n      items.forEach(el => el.style.animationPlayState = 'running');\r\n      io.disconnect();\r\n    }\r\n  }, { threshold: .35 });\r\n  io.observe(hero);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d0d9a30 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d0d9a30\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a2779a4\" data-id=\"a2779a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b69739 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-google_maps\" data-id=\"3b69739\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Yayasan%20bina%20usaha%20lingkungan&#038;t=m&#038;z=13&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Yayasan bina usaha lingkungan\"\n\t\t\t\t\taria-label=\"Yayasan bina usaha lingkungan\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-50a2a48 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50a2a48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ca753f8\" data-id=\"ca753f8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b18309 elementor-widget elementor-widget-heading\" data-id=\"5b18309\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SGP INDONESIA OFFICE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cb450 elementor-widget elementor-widget-heading\" data-id=\"e3cb450\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SGP INDONESIA OFFICE\njl. Alam Segar VII No.14, Pondok Pinang, Kebayoran Lama, Kota Jakarta Selatan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd0b5c0 elementor-shape-circle elementor-grid-4 e-grid-align-left elementor-widget elementor-widget-social-icons\" data-id=\"cd0b5c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-edab634\" href=\"https:\/\/www.facebook.com\/people\/GEFSGPIndonesia\/100092968513369\/#\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-553d14e\" href=\"https:\/\/www.instagram.com\/gefsgp7indonesia\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-e8b64ca\" href=\"https:\/\/x.com\/GEFSGPIndonesia\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-x-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-globe-americas elementor-repeater-item-ef3c879\" href=\"https:\/\/sgp-indonesia.org\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Globe-americas<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-globe-americas\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3e0b9a2\" data-id=\"3e0b9a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e7c0fb elementor-widget elementor-widget-heading\" data-id=\"1e7c0fb\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contact\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your next great partnership starts here. Let us know what you need, and we\u2019ll open the door to our trusted local producers.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-229128a elementor-widget elementor-widget-global elementor-global-16332 elementor-widget-html\" data-id=\"229128a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== SGP \u2014 FORM (border di kotak input) ===== -->\r\n<style>\r\n  .sgp-form{max-width:720px;margin:0 auto;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}\r\n\r\n  .sgp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}\r\n  .sgp-label{font-weight:500;color:#0b1b00;line-height:1.2}\r\n  .sgp-label.req::after{content:\" *\";color:#e11}\r\n\r\n  \/* BORDER ADA DI KOTAK FORM *\/\r\n  .sgp-input,.sgp-textarea,.sgp-select{\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    background:#fff;color:#0b1b00;\r\n    border:1px solid rgba(0,0,0,.18);      \/* <- border kotak *\/\r\n    border-radius:12px;                     \/* <- rounded kotak *\/\r\n    padding:12px 14px;\r\n    font-size:14px;line-height:20px;min-height:46px;\r\n    outline:none;\r\n  }\r\n  .sgp-input:focus,.sgp-textarea:focus,.sgp-select:focus{\r\n    border-color:#9cc70f;box-shadow:0 0 0 3px rgba(178,221,20,.22)\r\n  }\r\n  .sgp-textarea{min-height:110px;resize:vertical}\r\n  .sgp-select{appearance:auto; \/* biar native dan tidak kepotong *\/ }\r\n\r\n  \/* Qty & Unit sejajar *\/\r\n  .sgp-qtyrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n\r\n  \/* Tombol dan status *\/\r\n  .sgp-actions{margin-top:8px}\r\n  .sgp-btn{width:100%;background:#B2DD14;color:#0b1b00;font-weight:700;border:0;border-radius:9999px;padding:14px 20px;cursor:pointer;letter-spacing:.3px}\r\n  .sgp-btn[disabled]{opacity:.6;cursor:not-allowed}\r\n  .sgp-ok,.sgp-err{display:none;margin:10px 0;padding:12px 16px;border-radius:10px;font-weight:600}\r\n  .sgp-ok{background:#EAF5C8;color:#0b1b00}\r\n  .sgp-err{background:#fde2e2;color:#7a1414}\r\n\r\n  \/* Inline error *\/\r\n  .sgp-help{display:none;font-size:12px;color:#b42318;margin-top:2px}\r\n  .is-invalid{border-color:#e5484d !important}\r\n  .is-invalid + .sgp-help{display:block}\r\n<\/style>\r\n\r\n<form id=\"sgp-contact-form\" class=\"sgp-form\" novalidate action=\"\">\r\n  <div id=\"sgp-ok\"  class=\"sgp-ok\">\u2705 Thank you! Your submission has been sent.<\/div>\r\n  <div id=\"sgp-err\" class=\"sgp-err\">\u274c Failed to send. Please try again.<\/div>\r\n\r\n  <div class=\"sgp-field\">\r\n    <label for=\"fullname\" class=\"sgp-label req\">Full Name \/ Company Name<\/label>\r\n    <input id=\"fullname\" name=\"fullname\" type=\"text\" class=\"sgp-input\" \/>\r\n    <div id=\"err-fullname\" class=\"sgp-help\">Name cannot be empty.<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sgp-field\">\r\n    <label for=\"email\" class=\"sgp-label req\">Email<\/label>\r\n    <input id=\"email\" name=\"email\" type=\"email\" class=\"sgp-input\" \/>\r\n    <div id=\"err-email\" class=\"sgp-help\">Invalid email format.<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sgp-field\">\r\n    <label for=\"wa\" class=\"sgp-label\">WhatsApp Contact<\/label>\r\n    <input id=\"wa\" name=\"wa\" type=\"text\" class=\"sgp-input\" placeholder=\"\" \/>\r\n    <div id=\"err-wa\" class=\"sgp-help\">WhatsApp number must be 9\u201315 digits (08\u2026, +62\u2026, or 62\u2026).<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sgp-field\">\r\n    <label for=\"country\" class=\"sgp-label req\">Country \/ Region<\/label>\r\n    <input id=\"country\" name=\"country\" type=\"text\" class=\"sgp-input\" \/>\r\n    <div id=\"err-country\" class=\"sgp-help\">Country is required.<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sgp-field\">\r\n    <label for=\"interest\" class=\"sgp-label req\">Interest Product & Type<\/label>\r\n    <input id=\"interest\" name=\"interest\" type=\"text\" class=\"sgp-input\" \/>\r\n    <div id=\"err-interest\" class=\"sgp-help\">Interest is required.<\/div>\r\n  <\/div>\r\n\r\n  <!-- Qty & Unit side-by-side -->\r\n  <div class=\"sgp-qtyrow\">\r\n    <div class=\"sgp-field\" style=\"margin-bottom:0\">\r\n      <label for=\"qty\" class=\"sgp-label req\">Estimated<br>Quantity Needed<\/label>\r\n      <input id=\"qty\" name=\"qty\" type=\"text\" class=\"sgp-input\" inputmode=\"numeric\" \/>\r\n      <div id=\"err-qty\" class=\"sgp-help\">Please enter a valid number.<\/div>\r\n    <\/div>\r\n    <div class=\"sgp-field\" style=\"margin-bottom:0\">\r\n      <label for=\"unit\" class=\"sgp-label req\"><\/br>Unit<\/label>\r\n      <select id=\"unit\" name=\"unit\" class=\"sgp-select\">\r\n        <option value=\"\" selected disabled>Choose unit\u2026<\/option>\r\n        <option>Sample<\/option><option>Trial<\/option><option>Bulk<\/option>\r\n      <\/select>\r\n      <div id=\"err-unit\" class=\"sgp-help\">Please choose a unit.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sgp-field\" style=\"margin-top:14px\">\r\n    <label for=\"message\" class=\"sgp-label\">Message Box (Requested Need to Respond)<\/label>\r\n    <textarea id=\"message\" name=\"message\" class=\"sgp-textarea\"><\/textarea>\r\n  <\/div>\r\n\r\n  <input type=\"hidden\" id=\"page_url\" name=\"page_url\" \/>\r\n\r\n  <div class=\"sgp-actions\">\r\n    <button type=\"submit\" id=\"sgp-submit\" class=\"sgp-btn\">SEND<\/button>\r\n  <\/div>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\r\n\r\n\r\n<script>\r\n(function(){\r\n  const GAS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwfoVd2MtL6PGuzRSy5JD5fvUvjn2vcRFJmJkomM_BwTS23kGutOXlp3kUpKrQEipX-Gw\/exec';\r\n\r\n  const v = id => (document.getElementById(id)?.value || '').trim();\r\n  const isEmail = s => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(String(s).toLowerCase());\r\n  const toIntlWa = s => {\r\n    const d = String(s||'').replace(\/\\D\/g,'');\r\n    if (!d) return '';\r\n    if (d.startsWith('0')) return '62' + d.slice(1);\r\n    if (d.startsWith('62')) return d;\r\n    return d;\r\n  };\r\n  const isWaValid = s => {\r\n    if (!s) return true;\r\n    const d = toIntlWa(s);\r\n    return \/^\\d{9,15}$\/.test(d);\r\n  };\r\n\r\n  const showErr = (id,msg)=>{const el=document.getElementById(id); if(el){el.textContent=msg; el.style.display='block';}};\r\n  const hideErr = id=>{const el=document.getElementById(id); if(el) el.style.display='none';};\r\n  const setInvalid=(inputId,helpId,msg)=>{const i=document.getElementById(inputId); if(i)i.classList.add('is-invalid'); showErr(helpId,msg);};\r\n  const clearInvalid=(inputId,helpId)=>{const i=document.getElementById(inputId); if(i)i.classList.remove('is-invalid'); hideErr(helpId);};\r\n\r\n  const pageUrlEl = document.getElementById('page_url'); if (pageUrlEl) pageUrlEl.value = location.href;\r\n\r\n  const form  = document.getElementById('sgp-contact-form');\r\n  const okBox = document.getElementById('sgp-ok');\r\n  const erBox = document.getElementById('sgp-err');\r\n  const btn   = document.getElementById('sgp-submit');\r\n\r\n  const qtyEl = document.getElementById('qty');\r\n  if(qtyEl){ qtyEl.addEventListener('input',()=>{ qtyEl.value = qtyEl.value.replace(\/[^\\d.,]\/g,''); }); }\r\n\r\n  form.addEventListener('submit', async function(e){\r\n    e.preventDefault();\r\n    okBox.style.display='none'; erBox.style.display='none';\r\n\r\n    ['fullname','email','wa','country','interest','qty','unit']\r\n      .forEach(id=>clearInvalid(id,'err-'+id));\r\n\r\n    let valid = true;\r\n    if(!v('fullname')){ setInvalid('fullname','err-fullname','Name cannot be empty.'); valid=false; }\r\n    if(!isEmail(v('email'))){ setInvalid('email','err-email','Invalid email format.'); valid=false; }\r\n    if(!isWaValid(v('wa'))){ setInvalid('wa','err-wa','WhatsApp number must contain 9\u201315 digits (08\u2026, +62\u2026, or 62\u2026).'); valid=false; }\r\n    if(!v('country')){ setInvalid('country','err-country','Country is required.'); valid=false; }\r\n    if(!v('interest')){ setInvalid('interest','err-interest','Interest is required.'); valid=false; }\r\n    if(!v('qty') || !\/^\\d+([.,]\\d+)?$\/.test(v('qty'))){ setInvalid('qty','err-qty','Please enter a valid number.'); valid=false; }\r\n    if(!v('unit')){ setInvalid('unit','err-unit','Please select a unit.'); valid=false; }\r\n\r\n    if(!valid) return;\r\n    if(btn) btn.disabled = true;\r\n\r\n    const fields = [\r\n      {id:'fullname', title:'fullname', value:v('fullname')},\r\n      {id:'email',    title:'email',    value:v('email')},\r\n      {id:'wa',       title:'wa',       value:toIntlWa(v('wa')) || v('wa')},\r\n      {id:'country',  title:'country',  value:v('country')},\r\n      {id:'interest', title:'interest', value:v('interest')},\r\n      {id:'qty',      title:'qty',      value:v('qty')},\r\n      {id:'unit',     title:'unit',     value:v('unit')},\r\n      {id:'message',  title:'message',  value:v('message')},\r\n      {id:'page_url', title:'page_url', value:location.href}\r\n    ];\r\n    const payload = { fields, meta:{ user_agent:navigator.userAgent || '', page_url: location.href } };\r\n\r\n    try{\r\n      await fetch(GAS_URL,{ method:'POST', body: JSON.stringify(payload) });\r\n      okBox.style.display='block';\r\n\r\n      const lines = [\r\n        'Hello, *GEF-SGP Indonesia!* I would like to share my details and request further assistance:',\r\n        '',\r\n        'Name\/Company: ' + (v('fullname')||'-'),\r\n        'Country\/Region: ' + (v('country') ||'-'),\r\n        'Interest Product & Type: ' + (v('interest')||'-'),\r\n        'Estimated Quantity: ' + ((v('qty')||'-') + (v('unit') ? ' ('+v('unit')+')' : '')),\r\n        'Message: ' + (v('message')||'-')\r\n      ].join('\\n');\r\n      const waUrl = 'https:\/\/wa.me\/6281806275555?text=' + encodeURIComponent(lines);\r\n      setTimeout(()=>{ window.location.href = waUrl; }, 600);\r\n\r\n    }catch(err){\r\n      console.error(err);\r\n      erBox.textContent='\u274c Failed to send. Please try again later.'; \r\n      erBox.style.display='block';\r\n      if(btn) btn.disabled=false;\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Coffee | Palm Sugar | Seaweed | Cocoa COFFEESustainable Coffee That Grows The Future of Generational Farmers and Forests Kahayya Sibuthak Rimba Lestari PALM SUGARThe Pure and Lasting Impact Sweetness From Eastern Indonesia Arenga Palmyra Palm SEAWEEDWhere Community and Conservation Thrive Together For Coastal Resilience Natural Seaweed COCOAFinest Cocoa That Revives Community and Forest Cultivation Natural Cocoa Discover Indonesia&#8217;s Excellence Discover the rich flavors and heritage of our grantees products from Java to Estern Indonesia, Visit our booth at TEI Expo and taste the finest local quality harvest for the world! Mark our booth: Hall 3A &#8211; 27 15-19 October&#8230;<\/p>",
        "protected": false
    },
    "author": 2,
    "featured_media": 14284,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-14274",
        "page",
        "type-page",
        "status-publish",
        "has-post-thumbnail",
        "hentry"
    ],
    "yoast_head": "<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Grantees Product - SGP Indonesia<\/title>\n<meta name=\"description\" content=\"SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grantees Product - SGP Indonesia\" \/>\n<meta property=\"og:description\" content=\"SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sgp-indonesia.org\/id\/grantees-product\/\" \/>\n<meta property=\"og:site_name\" content=\"SGP Indonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-05T07:42:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL02213-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/\",\"url\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/\",\"name\":\"Grantees Product - SGP Indonesia\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sgp-indonesia.org\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Copy-of-DZL02213-scaled.jpg\",\"datePublished\":\"2025-09-25T07:17:38+00:00\",\"dateModified\":\"2025-11-05T07:42:06+00:00\",\"description\":\"SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sgp-indonesia.org\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Copy-of-DZL02213-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/sgp-indonesia.org\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Copy-of-DZL02213-scaled.jpg\",\"width\":2560,\"height\":1440,\"caption\":\"Bulukumba-Kopi-Kahayya-Premium\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sgp-indonesia.org\\\/grantees-product\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/sgp-indonesia.org\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grantees Product\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#website\",\"url\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/\",\"name\":\"SGP Indonesia\",\"description\":\"The GEF Small Grants Programme\",\"publisher\":{\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#organization\",\"name\":\"SGP Indonesia\",\"url\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sgp-indonesia.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-sgp-png.webp\",\"contentUrl\":\"https:\\\/\\\/sgp-indonesia.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-sgp-png.webp\",\"width\":624,\"height\":240,\"caption\":\"SGP Indonesia\"},\"image\":{\"@id\":\"http:\\\/\\\/sgp-indonesia.org\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->",
    "yoast_head_json": {
        "title": "Grantees Product - SGP Indonesia",
        "description": "SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.",
        "robots": {
            "index": "index",
            "follow": "follow",
            "max-snippet": "max-snippet:-1",
            "max-image-preview": "max-image-preview:large",
            "max-video-preview": "max-video-preview:-1"
        },
        "canonical": "https:\/\/sgp-indonesia.org\/id\/grantees-product\/",
        "og_locale": "id_ID",
        "og_type": "article",
        "og_title": "Grantees Product - SGP Indonesia",
        "og_description": "SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.",
        "og_url": "https:\/\/sgp-indonesia.org\/id\/grantees-product\/",
        "og_site_name": "SGP Indonesia",
        "article_modified_time": "2025-11-05T07:42:06+00:00",
        "og_image": [
            {
                "width": 2560,
                "height": 1440,
                "url": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL02213-scaled.jpg",
                "type": "image\/jpeg"
            }
        ],
        "twitter_card": "summary_large_image",
        "twitter_misc": {
            "Estimasi waktu membaca": "15 menit"
        },
        "schema": {
            "@context": "https:\/\/schema.org",
            "@graph": [
                {
                    "@type": "WebPage",
                    "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/",
                    "url": "https:\/\/sgp-indonesia.org\/grantees-product\/",
                    "name": "Grantees Product - SGP Indonesia",
                    "isPartOf": {
                        "@id": "http:\/\/sgp-indonesia.org\/en\/#website"
                    },
                    "primaryImageOfPage": {
                        "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/#primaryimage"
                    },
                    "image": {
                        "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/#primaryimage"
                    },
                    "thumbnailUrl": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL02213-scaled.jpg",
                    "datePublished": "2025-09-25T07:17:38+00:00",
                    "dateModified": "2025-11-05T07:42:06+00:00",
                    "description": "SGP Indonesia grantees product catalog sustainably sourced foods and natural goods from community enterprises; inclusive, traceable, impact-driven.",
                    "breadcrumb": {
                        "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/#breadcrumb"
                    },
                    "inLanguage": "id",
                    "potentialAction": [
                        {
                            "@type": "ReadAction",
                            "target": [
                                "https:\/\/sgp-indonesia.org\/grantees-product\/"
                            ]
                        }
                    ]
                },
                {
                    "@type": "ImageObject",
                    "inLanguage": "id",
                    "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/#primaryimage",
                    "url": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL02213-scaled.jpg",
                    "contentUrl": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2025\/09\/Copy-of-DZL02213-scaled.jpg",
                    "width": 2560,
                    "height": 1440,
                    "caption": "Bulukumba-Kopi-Kahayya-Premium"
                },
                {
                    "@type": "BreadcrumbList",
                    "@id": "https:\/\/sgp-indonesia.org\/grantees-product\/#breadcrumb",
                    "itemListElement": [
                        {
                            "@type": "ListItem",
                            "position": 1,
                            "name": "Beranda",
                            "item": "https:\/\/sgp-indonesia.org\/en\/"
                        },
                        {
                            "@type": "ListItem",
                            "position": 2,
                            "name": "Grantees Product"
                        }
                    ]
                },
                {
                    "@type": "WebSite",
                    "@id": "http:\/\/sgp-indonesia.org\/en\/#website",
                    "url": "http:\/\/sgp-indonesia.org\/en\/",
                    "name": "SGP Indonesia",
                    "description": "The GEF Small Grants Programme",
                    "publisher": {
                        "@id": "http:\/\/sgp-indonesia.org\/en\/#organization"
                    },
                    "potentialAction": [
                        {
                            "@type": "SearchAction",
                            "target": {
                                "@type": "EntryPoint",
                                "urlTemplate": "http:\/\/sgp-indonesia.org\/en\/?s={search_term_string}"
                            },
                            "query-input": {
                                "@type": "PropertyValueSpecification",
                                "valueRequired": true,
                                "valueName": "search_term_string"
                            }
                        }
                    ],
                    "inLanguage": "id"
                },
                {
                    "@type": "Organization",
                    "@id": "http:\/\/sgp-indonesia.org\/en\/#organization",
                    "name": "SGP Indonesia",
                    "url": "http:\/\/sgp-indonesia.org\/en\/",
                    "logo": {
                        "@type": "ImageObject",
                        "inLanguage": "id",
                        "@id": "http:\/\/sgp-indonesia.org\/en\/#\/schema\/logo\/image\/",
                        "url": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2023\/11\/logo-sgp-png.webp",
                        "contentUrl": "https:\/\/sgp-indonesia.org\/wp-content\/uploads\/2023\/11\/logo-sgp-png.webp",
                        "width": 624,
                        "height": 240,
                        "caption": "SGP Indonesia"
                    },
                    "image": {
                        "@id": "http:\/\/sgp-indonesia.org\/en\/#\/schema\/logo\/image\/"
                    }
                }
            ]
        }
    },
    "_links": {
        "self": [
            {
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/pages\/14274",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/users\/2"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/comments?post=14274"
            }
        ],
        "version-history": [
            {
                "count": 1258,
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/pages\/14274\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 16747,
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/pages\/14274\/revisions\/16747"
            }
        ],
        "wp:featuredmedia": [
            {
                "embeddable": true,
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/media\/14284"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/sgp-indonesia.org\/id\/wp-json\/wp\/v2\/media?parent=14274"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}