{"id":2547,"date":"2026-10-06T11:05:27","date_gmt":"2026-10-06T11:05:27","guid":{"rendered":"https:\/\/dev.web.icvservice.com\/?page_id=2547"},"modified":"2026-10-12T09:56:35","modified_gmt":"2026-10-12T09:56:35","slug":"sustainability","status":"publish","type":"page","link":"https:\/\/www.indexcreativevillage.com\/th\/sustainability\/","title":{"rendered":"SUSTAINABILITY\u200b"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">E<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-1\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1060\" fetchpriority=\"low\" src=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1.png\" alt=\"\" class=\"wp-image-2964\" srcset=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1.png 1600w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1-300x199.png 300w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1-1024x678.png 1024w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1-18x12.png 18w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Environment\u200b<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-2&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-2-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-2\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">S<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-2\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-2-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"678\" fetchpriority=\"low\" src=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/ADD-LOGO-MNY-1024x678.png\" alt=\"\" class=\"wp-image-2974\" srcset=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/ADD-LOGO-MNY-1024x678.png 1024w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/ADD-LOGO-MNY-300x199.png 300w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/ADD-LOGO-MNY-2000x1325.png 2000w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/ADD-LOGO-MNY-18x12.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Social<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-3&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-3-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-3\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">G<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-3\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-3-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"678\" fetchpriority=\"low\" src=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Governance-1024x678.png\" alt=\"\" class=\"wp-image-2966\" srcset=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Governance-1024x678.png 1024w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Governance-300x199.png 300w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Governance-18x12.png 18w, https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Governance.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Governance\u200b<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ESG Accordion Gallery (React Bits AccordionGallery port) - \u0e27\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e25\u0e47\u0e2d\u0e01 Custom HTML \u0e17\u0e49\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32 -->\n<style>\n.accordion-gallery {\n  --ag-accent: #ffffff;\n  --ag-overlay: #060010;\n  --ag-text: #ffffff;\n  --ag-gap: 10px;\n  --ag-radius: 16px;\n  --ag-media-size: 320px;\n  position: relative;\n  z-index: 0;\n  isolation: isolate;\n  display: flex;\n  flex-direction: row;\n  gap: var(--ag-gap);\n  width: 100%;\n  max-width: 100%;\n  margin: 40px 0;\n  perspective: 1400px;\n  perspective-origin: 50% 50%;\n}\n.accordion-gallery .ag-panel {\n  --ag-dim: 0.35;\n  position: relative;\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  border-radius: var(--ag-radius);\n  cursor: pointer;\n  display: block;\n  outline: none;\n  transform-style: preserve-3d;\n  transform-origin: center center;\n  background: #0a0713;\n  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.8);\n  will-change: flex-grow, transform;\n  -webkit-tap-highlight-color: transparent;\n}\n.accordion-gallery .ag-panel:focus-visible {\n  box-shadow: 0 0 0 2px var(--ag-accent), 0 10px 30px -18px rgba(0, 0, 0, 0.8);\n}\n.accordion-gallery .ag-panel__frame {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  border-radius: inherit;\n}\n.accordion-gallery .ag-panel__media {\n  --ag-gray: 1;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: var(--ag-media-size);\n  height: 100%;\n  filter: grayscale(var(--ag-gray));\n  will-change: transform, filter;\n}\n.accordion-gallery .ag-panel__media img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: cover;\n  display: block;\n  margin: 0 !important;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.accordion-gallery .ag-panel__media--empty {\n  background: linear-gradient(160deg, #2a2a2a, #0a0713);\n}\n.accordion-gallery .ag-panel__overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 78%, transparent) 100%),\n    color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim) * 100%), transparent);\n}\n.accordion-gallery .ag-panel__letter {\n  position: absolute;\n  top: 18px;\n  left: 20px;\n  z-index: 2;\n  color: var(--ag-text);\n  font-size: clamp(1.6rem, 2.4vw, 2.4rem);\n  font-weight: 300;\n  line-height: 1;\n  pointer-events: none;\n  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);\n}\n.accordion-gallery .ag-panel__label {\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  pointer-events: none;\n  z-index: 2;\n}\n.accordion-gallery .ag-panel__bar {\n  flex: 0 0 auto;\n  width: 3px;\n  height: 26px;\n  border-radius: 3px;\n  background: var(--ag-accent);\n  opacity: 0;\n  box-shadow: 0 0 12px color-mix(in srgb, var(--ag-accent) 60%, transparent);\n}\n.accordion-gallery .ag-panel__text {\n  color: var(--ag-text);\n  font-family: inherit;\n  font-weight: 600;\n  font-size: clamp(1rem, 1.4vw, 1.4rem);\n  letter-spacing: 0.01em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  opacity: 0;\n  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);\n}\n@media (max-width: 520px) {\n  .accordion-gallery {\n    flex-direction: column;\n    perspective: none;\n    height: auto !important;\n  }\n  .accordion-gallery .ag-panel {\n    min-height: 84px;\n    transform: none !important;\n  }\n  .accordion-gallery .ag-panel--active {\n    min-height: 280px;\n  }\n  .accordion-gallery .ag-panel__media {\n    width: 100%;\n    height: 100%;\n  }\n}\n\/* ===== \u0e1b\u0e38\u0e48\u0e21 Tab \u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e1b\u0e38\u0e48\u0e21 ALL \u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01 ===== *\/\n.wp-block-tabs.esg-tabs .wp-block-tab-list {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 18px !important;\n  margin: 0 0 28px !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n}\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"] {\n  position: relative;\n  z-index: 1;\n  display: inline-flex !important;\n  align-items: center;\n  margin: 0 !important;\n  padding: 12px 40px !important;\n  border-radius: 999px !important;\n  border: 1px solid rgba(255, 255, 255, 0.35) !important;\n  color: #f2f2f2 !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  outline: none;\n  font-family: inherit;\n  font-size: 0.85rem !important;\n  font-weight: 600 !important;\n  line-height: 1.2 !important;\n  letter-spacing: 0.04em !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n  cursor: pointer;\n  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n.wp-block-tabs.esg-tabs .wp-block-tab-list::before,\n.wp-block-tabs.esg-tabs .wp-block-tab-list::after,\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"]::before,\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"]::after {\n  display: none !important;\n}\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"]:hover {\n  border-color: rgba(255, 255, 255, 0.6) !important;\n}\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"][aria-selected=\"true\"] {\n  background: #ffffff !important;\n  color: #111214 !important;\n  border-color: #ffffff !important;\n}\n.wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"]:focus-visible {\n  outline: 2px solid #ffffff;\n  outline-offset: 3px;\n}\n@media (max-width: 767px) {\n  .wp-block-tabs.esg-tabs .wp-block-tab-list {\n    gap: 8px !important;\n  }\n  .wp-block-tabs.esg-tabs .wp-block-tab-list button[role=\"tab\"] {\n    padding: 10px 16px !important;\n    font-size: 11.5px !important;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .accordion-gallery .ag-panel,\n  .accordion-gallery .ag-panel__media {\n    will-change: auto;\n  }\n}\n<\/style>\n<script>\n(function () {\n  \/* ===== \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 (\u0e41\u0e01\u0e49\u0e44\u0e14\u0e49) =====\n     images: \u0e23\u0e39\u0e1b\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e0a\u0e48\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a E, S, G\n     \u0e16\u0e49\u0e32\u0e43\u0e19\u0e41\u0e1c\u0e07\u0e02\u0e2d\u0e07 Accordion \u0e21\u0e35\u0e1a\u0e25\u0e47\u0e2d\u0e01 Image \u0e2d\u0e22\u0e39\u0e48 \u0e08\u0e30\u0e43\u0e0a\u0e49\u0e23\u0e39\u0e1b\u0e19\u0e31\u0e49\u0e19\u0e01\u0e48\u0e2d\u0e19 *\/\n  var CONFIG = {\n    images: [\n      'https:\/\/picsum.photos\/id\/1018\/900\/1200',\n      'https:\/\/picsum.photos\/id\/1011\/900\/1200',\n      'https:\/\/picsum.photos\/id\/1048\/900\/1200'\n    ],\n    defaultIndex: 0,\n    expandRatio: 0.52,\n    trigger: 'hover',\n    height: 460,\n    gap: 10,\n    radius: 16,\n    duration: 0.6,\n    ease: 'power3.out',\n    parallax: 0.5,\n    tilt: 8,\n    stagger: 0.06,\n    grayscale: true,\n    accentColor: '#ffffff',\n    overlayColor: '#060010',\n    textColor: '#ffffff'\n  };\n  function clamp(v, lo, hi) { return Math.min(Math.max(v, lo), hi); }\n  function clean(s) { return (s || '').replace(\/[\\s\\u200B]+\/g, ' ').trim(); }\n  function loadGsap(cb) {\n    if (window.gsap) { cb(); return; }\n    var s = document.createElement('script');\n    s.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js';\n    s.onload = cb;\n    document.head.appendChild(s);\n  }\n  function build() {\n    var acc = document.querySelector('.wp-block-accordion');\n    if (!acc) return;\n    if (acc.getAttribute('data-ag-done')) return;\n    acc.setAttribute('data-ag-done', '1');\n    var gsap = window.gsap;\n    var sources = acc.querySelectorAll('.wp-block-accordion-item');\n    var items = [];\n    sources.forEach(function (it, i) {\n      var title = it.querySelector('.wp-block-accordion-heading__toggle-title');\n      var panel = it.querySelector('.wp-block-accordion-panel');\n      var img = panel ? panel.querySelector('img') : null;\n      var text = '';\n      if (panel) {\n        var p = panel.querySelector('p');\n        text = clean(p ? p.textContent : panel.textContent);\n      }\n      items.push({\n        letter: clean(title ? title.textContent : ''),\n        label: text,\n        image: img ? (img.currentSrc || img.src) : (CONFIG.images[i] || '')\n      });\n    });\n    var count = items.length;\n    if (!count) return;\n    var prefersReduced = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n    var root = document.createElement('div');\n    root.className = 'accordion-gallery';\n    root.setAttribute('role', 'list');\n    root.setAttribute('aria-label', 'ESG');\n    root.style.setProperty('--ag-accent', CONFIG.accentColor);\n    root.style.setProperty('--ag-overlay', CONFIG.overlayColor);\n    root.style.setProperty('--ag-text', CONFIG.textColor);\n    root.style.setProperty('--ag-gap', CONFIG.gap + 'px');\n    root.style.setProperty('--ag-radius', CONFIG.radius + 'px');\n    root.style.height = CONFIG.height + 'px';\n    var panels = [], medias = [], bars = [], texts = [];\n    items.forEach(function (item, i) {\n      var panel = document.createElement('div');\n      panel.className = 'ag-panel';\n      panel.setAttribute('role', 'listitem');\n      panel.setAttribute('tabindex', '0');\n      panel.setAttribute('aria-label', item.letter + ' ' + item.label);\n      var media = document.createElement('span');\n      if (item.image) {\n        media.className = 'ag-panel__media';\n        var im = document.createElement('img');\n        im.src = item.image;\n        im.alt = item.label;\n        im.draggable = false;\n        media.appendChild(im);\n      } else {\n        media.className = 'ag-panel__media ag-panel__media--empty';\n      }\n      panel.innerHTML =\n        '<span class=\"ag-panel__frame\"><\/span>' +\n        '<span class=\"ag-panel__letter\" aria-hidden=\"true\"><\/span>' +\n        '<span class=\"ag-panel__label\" aria-hidden=\"true\">' +\n        '<span class=\"ag-panel__bar\"><\/span><span class=\"ag-panel__text\"><\/span><\/span>';\n      var frame = panel.querySelector('.ag-panel__frame');\n      frame.appendChild(media);\n      var ov = document.createElement('span');\n      ov.className = 'ag-panel__overlay';\n      frame.appendChild(ov);\n      panel.querySelector('.ag-panel__letter').textContent = item.letter;\n      panel.querySelector('.ag-panel__text').textContent = item.label;\n      panels.push(panel);\n      medias.push(media);\n      bars.push(panel.querySelector('.ag-panel__bar'));\n      texts.push(panel.querySelector('.ag-panel__text'));\n      root.appendChild(panel);\n    });\n    acc.parentNode.insertBefore(root, acc);\n    acc.style.display = 'none';\n    var active = clamp(CONFIG.defaultIndex, 0, count - 1);\n    var mediaSize = 320;\n    var tl = null;\n    function applyLayout(animate) {\n      var r = clamp(CONFIG.expandRatio, 0.2, 0.9);\n      var grow = count > 1 ? (r * (count - 1)) \/ (1 - r) : 1;\n      var dur = (animate ? !prefersReduced : false) ? CONFIG.duration : 0;\n      if (tl) tl.kill();\n      tl = gsap.timeline();\n      panels.forEach(function (panel, i) {\n        var isActive = i === active;\n        panel.classList.toggle('ag-panel--active', isActive);\n        if (isActive) panel.setAttribute('aria-current', 'true');\n        else panel.removeAttribute('aria-current');\n        var rot = isActive ? 0 : (active > i ? CONFIG.tilt : -CONFIG.tilt);\n        tl.to(panel, { flexGrow: isActive ? grow : 1, rotateY: rot, '--ag-dim': isActive ? 0 : 0.35, duration: dur, ease: CONFIG.ease }, 0);\n        var drift = clamp(active - i, -1.5, 1.5);\n        var shift = drift * CONFIG.parallax * mediaSize * 0.06;\n        var gray = CONFIG.grayscale ? (isActive ? 0 : 1) : 0;\n        tl.to(medias[i], { xPercent: -50, yPercent: -50, x: isActive ? 0 : shift, '--ag-gray': gray, duration: dur, ease: CONFIG.ease }, 0);\n        if (isActive) {\n          tl.to([bars[i], texts[i]], { opacity: 1, x: 0, duration: dur, ease: CONFIG.ease, stagger: prefersReduced ? 0 : CONFIG.stagger }, 0);\n        } else {\n          tl.to([bars[i], texts[i]], { opacity: 0, x: -14, duration: dur * 0.6, ease: CONFIG.ease }, 0);\n        }\n      });\n    }\n    \/* ===== \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e1a\u0e25\u0e47\u0e2d\u0e01 Tabs \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 (\u0e15\u0e31\u0e27\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2b\u0e25\u0e31\u0e07\u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35) ===== *\/\n    var tabs = null;\n    var allTabs = document.querySelectorAll('.wp-block-tabs');\n    for (var t = 0; allTabs.length > t; t++) {\n      if (root.compareDocumentPosition(allTabs[t]) === Node.DOCUMENT_POSITION_FOLLOWING) { tabs = allTabs[t]; break; }\n    }\n    var tabBtns = tabs ? tabs.querySelectorAll('.wp-block-tab-list button[role=\"tab\"]') : [];\n    if (tabs) {\n      tabs.classList.add('esg-tabs');\n      tabBtns.forEach(function (btn, i) {\n        if (window.initSpecular) window.initSpecular(btn);\n        btn.addEventListener('click', function () { setActive(i, true); });\n      });\n    }\n    function syncTab(i) {\n      var btn = tabBtns[i];\n      if (!btn) return;\n      if (btn.getAttribute('aria-selected') === 'true') return;\n      btn.click();\n    }\n    function setActive(i, fromTab) {\n      if (i === active) return;\n      active = i;\n      applyLayout(true);\n      if (!fromTab) syncTab(i);\n    }\n    panels.forEach(function (panel, i) {\n      panel.addEventListener('mouseenter', function () { if (CONFIG.trigger === 'hover') setActive(i); });\n      panel.addEventListener('click', function () { setActive(i); });\n      panel.addEventListener('focus', function () { setActive(i); });\n      panel.addEventListener('keydown', function (e) {\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n          e.preventDefault();\n          panels[(i + 1) % count].focus();\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n          e.preventDefault();\n          panels[(i - 1 + count) % count].focus();\n        }\n      });\n    });\n    var first = true;\n    function measure() {\n      var rect = root.getBoundingClientRect();\n      var usable = Math.max(rect.width - CONFIG.gap * (count - 1), 120);\n      mediaSize = Math.max(140, usable * clamp(CONFIG.expandRatio, 0.2, 0.9) * 1.22);\n      root.style.setProperty('--ag-media-size', mediaSize + 'px');\n      applyLayout(!first);\n      first = false;\n    }\n    measure();\n    if (window.ResizeObserver) new ResizeObserver(measure).observe(root);\n    else window.addEventListener('resize', measure);\n  }\n  function start() { loadGsap(build); }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);\n  else start();\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">At Index Creative Village, sustainability isbuilt into the way we create, operate andgrow. From smarter resource use andpeople development to responsiblepartnerships and transparent governance,we aim to create lasting value beyondevery experience.\u200b<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div data-wp-context=\"{&quot;tabsId&quot;:&quot;tabs_4&quot;,&quot;activeTabIndex&quot;:0}\" data-wp-init=\"callbacks.onTabsInit\" data-wp-interactive=\"core\/tabs\" data-wp-on--keydown=\"actions.handleTabKeyDown\" class=\"wp-block-tabs is-layout-flow wp-block-tabs-is-layout-flow\">\n<div aria-label=\"Tabbed content\" role=\"tablist\" class=\"wp-block-tab-list is-layout-flex wp-block-tab-list-is-layout-flex\"><button aria-controls=\"tabs_4-tab-0\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:0}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_4-tab-0\" type=\"button\" role=\"tab\">Environment<\/button><button aria-controls=\"tabs_4-tab-1\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:1}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_4-tab-1\" type=\"button\" role=\"tab\">Social<\/button><button aria-controls=\"tabs_4-tab-2\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:2}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_4-tab-2\" type=\"button\" role=\"tab\">Governance<\/button><\/div>\n\n\n\n<div class=\"wp-block-tab-panels\">\n<section hidden aria-labelledby=\"tab__tabs_4-tab-0\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_4-tab-0\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Powering a Cleaner Future.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Waste Less. Create More.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Growing with Our Communities.<\/p>\n<\/section>\n\n\n\n<section hidden aria-labelledby=\"tab__tabs_4-tab-1\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_4-tab-1\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\">People First<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Learning Without Limits<\/p>\n<\/section>\n\n\n\n<section hidden aria-labelledby=\"tab__tabs_4-tab-2\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_4-tab-2\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Equal Opportunity. Shared Growth.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trust in Every Action<\/p>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>At Index Creative Village, sustainability isbuilt into the way we create, operate andgrow. From smarter resource use andpeople development to responsiblepartnerships and transparent governance,we aim to create lasting value beyondevery experience.\u200b<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-2547","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>SUSTAINABILITY\u200b - Index Creative Village<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.indexcreativevillage.com\/th\/sustainability\/\" \/>\r\n<meta property=\"og:locale\" content=\"th_TH\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"SUSTAINABILITY\u200b - Index Creative Village\" \/>\r\n<meta property=\"og:description\" content=\"At Index Creative Village, sustainability isbuilt into the way we create, operate andgrow. From smarter resource use andpeople development to responsiblepartnerships and transparent governance,we aim to create lasting value beyondevery experience.\u200b\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.indexcreativevillage.com\/th\/sustainability\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Index Creative Village\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/IndexCreative\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-10-12T09:56:35+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1-1024x678.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\r\n\t<meta property=\"og:image:height\" content=\"678\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/\",\"url\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/\",\"name\":\"SUSTAINABILITY\u200b - Index Creative Village\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Environment-1.png\",\"datePublished\":\"2026-10-06T11:05:27+00:00\",\"dateModified\":\"2026-10-12T09:56:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Environment-1.png\",\"contentUrl\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Environment-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/sustainability\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SUSTAINABILITY\u200b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#website\",\"url\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/\",\"name\":\"Index Creative Village\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"th\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#organization\",\"name\":\"Index Creative Village Public Company Limited\",\"url\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-LOGO-INDEX-400x400-1.png\",\"contentUrl\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-LOGO-INDEX-400x400-1.png\",\"width\":400,\"height\":400,\"caption\":\"Index Creative Village Public Company Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/www.indexcreativevillage.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/IndexCreative\"]}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SUSTAINABILITY\u200b - Index Creative Village","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:\/\/www.indexcreativevillage.com\/th\/sustainability\/","og_locale":"th_TH","og_type":"article","og_title":"SUSTAINABILITY\u200b - Index Creative Village","og_description":"At Index Creative Village, sustainability isbuilt into the way we create, operate andgrow. From smarter resource use andpeople development to responsiblepartnerships and transparent governance,we aim to create lasting value beyondevery experience.\u200b","og_url":"https:\/\/www.indexcreativevillage.com\/th\/sustainability\/","og_site_name":"Index Creative Village","article_publisher":"https:\/\/www.facebook.com\/IndexCreative","article_modified_time":"2026-10-12T09:56:35+00:00","og_image":[{"width":1024,"height":678,"url":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1-1024x678.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/","url":"https:\/\/www.indexcreativevillage.com\/sustainability\/","name":"SUSTAINABILITY\u200b - Index Creative Village","isPartOf":{"@id":"https:\/\/www.indexcreativevillage.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/#primaryimage"},"image":{"@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/#primaryimage"},"thumbnailUrl":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1.png","datePublished":"2026-10-06T11:05:27+00:00","dateModified":"2026-10-12T09:56:35+00:00","breadcrumb":{"@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.indexcreativevillage.com\/sustainability\/"]}]},{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/#primaryimage","url":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1.png","contentUrl":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/Environment-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.indexcreativevillage.com\/sustainability\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.indexcreativevillage.com\/"},{"@type":"ListItem","position":2,"name":"SUSTAINABILITY\u200b"}]},{"@type":"WebSite","@id":"https:\/\/www.indexcreativevillage.com\/#website","url":"https:\/\/www.indexcreativevillage.com\/","name":"Index Creative Village","description":"","publisher":{"@id":"https:\/\/www.indexcreativevillage.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.indexcreativevillage.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"th"},{"@type":"Organization","@id":"https:\/\/www.indexcreativevillage.com\/#organization","name":"Index Creative Village Public Company Limited","url":"https:\/\/www.indexcreativevillage.com\/","logo":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/www.indexcreativevillage.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/cropped-LOGO-INDEX-400x400-1.png","contentUrl":"https:\/\/www.indexcreativevillage.com\/wp-content\/uploads\/2026\/10\/cropped-LOGO-INDEX-400x400-1.png","width":400,"height":400,"caption":"Index Creative Village Public Company Limited"},"image":{"@id":"https:\/\/www.indexcreativevillage.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/IndexCreative"]}]}},"_links":{"self":[{"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/pages\/2547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/comments?post=2547"}],"version-history":[{"count":19,"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/pages\/2547\/revisions"}],"predecessor-version":[{"id":3015,"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/pages\/2547\/revisions\/3015"}],"wp:attachment":[{"href":"https:\/\/www.indexcreativevillage.com\/th\/wp-json\/wp\/v2\/media?parent=2547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}