{"id":112,"date":"2020-09-29T14:53:13","date_gmt":"2020-09-29T14:53:13","guid":{"rendered":"https:\/\/themes.muffingroup.com\/be\/travel2\/?page_id=2"},"modified":"2026-06-14T15:16:33","modified_gmt":"2026-06-14T15:16:33","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/rootsinbetween.gr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"112\" class=\"elementor elementor-112\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2623bf8 e-flex e-con-boxed e-con e-parent\" data-id=\"2623bf8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/rootsinbetween.gr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Untitled-design.mp4&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5e86f2 elementor-invisible elementor-widget elementor-widget-ucaddon_splitting_letters_effect\" data-id=\"b5e86f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_splitting_letters_effect.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Animated Split Text -->\n<style>\/* widget: Animated Split Text *\/\n\n\n.uc-splitting-text{\n\tdisplay:flex;\n\tvisibility:hidden;\n}\n\n.uc-splitting-text-wrapper{\n  display:flex;\n  flex-wrap: wrap;\n}\n\n.uc-splitting-text-item{\n  display:inline-flex;\n  flex-wrap: wrap;\n}\n\n.uc-splitting-text .word{\n   display:inline-flex;\n}\n\n.uc-splitting-text.uc-animated{\n\tvisibility:visible;\n}\n\n\n@keyframes ue_slide {\n  from {\n    transform: translateY(-1em) rotate(-.5turn) scale(0.5);\n    opacity: 0;\n  }\n}\n\n@keyframes ue_flip {\n  from {\n    transform: rotate(360deg) scale(0.5);\n    opacity: 0;\n  }\n}\n\n\n@keyframes ue_blur {\n  from {\n    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);\n    transform-origin: 50% 0%;\n    filter: blur(40px);\n    opacity: 0;\n  }\n}\n\n@keyframes ue_puff {\n  from {\n    transform: scale(2);\n    filter: blur(4px);\n    opacity: 0;\n  }\n}\n\n@keyframes ue_tilt {\n  from {\n    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);\n    opacity: 0;\n  }\n}\n\n@keyframes ue_scale {\n  from {\n    transform: scale(0);\n    opacity: 0;\n  }\n}\n\n@keyframes ue_slide_up {\n  from {\n    transform: translateY(100%); \n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n            \n\n\n#uc_splitting_letters_effect_elementor_b5e86f2.uc-animated .char {\n  animation: ue_slide 1s cubic-bezier(.5, 0, .5, 1) both;\n  animation-delay: calc(60ms * var(--char-index));\n}\n\n\n\n\n\n\n\n\n<\/style>\n\n<div id=\"uc_splitting_letters_effect_elementor_b5e86f2\" class=\"uc-splitting-text\"   data-splitting data-reveal-eachscroll=\"false\">\n  <div class=\"uc-splitting-text-wrapper\">\n\t<div id=\"uc_splitting_letters_effect_elementor_b5e86f2_item1\" class=\"uc-splitting-text-item\">Lorem<\/div>\n<div id=\"uc_splitting_letters_effect_elementor_b5e86f2_item2\" class=\"uc-splitting-text-item\">Ipsum<\/div>\n<div id=\"uc_splitting_letters_effect_elementor_b5e86f2_item3\" class=\"uc-splitting-text-item\">Seri<\/div>\n\n  <\/div>\n<\/div>\n<!-- end Animated Split Text -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f86af43 e-flex e-con-boxed e-con e-parent\" data-id=\"f86af43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-defd35e elementor-widget elementor-widget-image\" data-id=\"defd35e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_rotateZ_effect&quot;:&quot;yes&quot;,&quot;motion_fx_rotateZ_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;motion_fx_rotateZ_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview.png\" class=\"attachment-large size-large wp-image-497\" alt=\"\" srcset=\"https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview.png 500w, https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview-300x300.png 300w, https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview-150x150.png 150w, https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview-75x75.png 75w, https:\/\/rootsinbetween.gr\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2026-03-15_at_15.38.34-removebg-preview-480x480.png 480w\" sizes=\"(max-width:767px) 480px, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28e909e elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28e909e\" 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-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1949e18\" data-id=\"1949e18\" 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-c7b60a7 elementor-widget elementor-widget-html\" data-id=\"c7b60a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WordPress \/ Elementor HTML widget snippet.\r\n  Paste the whole block into a Custom HTML block or an Elementor HTML widget.\r\n-->\r\n\r\n<section class=\"roots-letter-hero\">\r\n  <div class=\"roots-letter-field\" aria-hidden=\"true\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"roots-letter-wrap\">\r\n    <p class=\"roots-letter-kicker\">Roots in Between<\/p>\r\n\r\n    <h1 class=\"roots-letter-title\" data-split-letters>\r\n      Roots in Between  aspires to act as a hub with an eye on society.\r\n    <\/h1>\r\n\r\n    <p class=\"roots-letter-body\" data-split-letters>\r\n      Through its actions, the organization aims to contribute to the creation of a socially just, environmentally sustainable, and culturally resilient society by strengthening youth participation and developing community structures in urban and rural areas.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .roots-letter-hero,\r\n  .roots-letter-hero * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .roots-letter-hero {\r\n    --wine: #613A43;\r\n    --teal: #03544f;\r\n    --stone: #eeedea;\r\n    --ink: #123330;\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    min-height: 100vh;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: clamp(90px, 10vw, 150px) 0px;\r\n    background: transparent;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .roots-letter-field {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .roots-letter-field::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 9%;\r\n    border: 1px solid rgba(3, 84, 79, 0.16);\r\n    transform: skewY(-5deg);\r\n  }\r\n\r\n  .roots-letter-field::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: min(760px, 88vw);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(97, 58, 67, 0.18);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .roots-letter-field span {\r\n    position: absolute;\r\n    width: clamp(80px, 13vw, 180px);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(3, 84, 79, 0.2);\r\n    background: transparent;\r\n    transform: rotate(17deg);\r\n  }\r\n\r\n  .roots-letter-field span:nth-child(1) {\r\n    left: 8%;\r\n    top: 12%;\r\n  }\r\n\r\n  .roots-letter-field span:nth-child(2) {\r\n    right: 12%;\r\n    top: 8%;\r\n    border-color: rgba(97, 58, 67, 0.24);\r\n  }\r\n\r\n  .roots-letter-field span:nth-child(3) {\r\n    left: -4%;\r\n    bottom: 18%;\r\n  }\r\n\r\n  .roots-letter-field span:nth-child(4) {\r\n    right: -3%;\r\n    bottom: 10%;\r\n    border-color: rgba(97, 58, 67, 0.22);\r\n  }\r\n\r\n  .roots-letter-field span:nth-child(5) {\r\n    left: 48%;\r\n    bottom: -8%;\r\n  }\r\n\r\n  .roots-letter-wrap {\r\n    width: min(1160px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .roots-letter-kicker {\r\n    width: fit-content;\r\n    margin: 0 0 clamp(22px, 3vw, 34px);\r\n    padding: 8px 0;\r\n    border-top: 1px solid rgba(97, 58, 67, 0.42);\r\n    border-bottom: 1px solid rgba(97, 58, 67, 0.42);\r\n    font: 800 12px\/1.1 Arial, sans-serif;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .roots-letter-title,\r\n  .roots-letter-body {\r\n    margin: 0;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .roots-letter-title {\r\n    max-width: 1040px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(42px, 7.5vw, 104px);\r\n    font-weight: 600;\r\n    line-height: 0.96;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .roots-letter-body {\r\n    max-width: 980px;\r\n    margin-top: clamp(28px, 4vw, 52px);\r\n    font: 500 clamp(18px, 2vw, 30px)\/1.35 Arial, sans-serif;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .roots-letter-char {\r\n    display: inline-block;\r\n    transform-origin: 50% 72%;\r\n    will-change: transform, opacity, filter, color;\r\n  }\r\n\r\n  .roots-letter-space {\r\n    display: inline-block;\r\n    width: 0.32em;\r\n  }\r\n\r\n  .roots-letter-title .roots-letter-char,\r\n  .roots-letter-body .roots-letter-char {\r\n    color: var(--teal);\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .roots-letter-hero {\r\n      min-height: 780px;\r\n      padding-inline: 16px;\r\n    }\r\n\r\n    .roots-letter-title {\r\n      font-size: clamp(40px, 13vw, 68px);\r\n    }\r\n\r\n    .roots-letter-body {\r\n      font-size: clamp(17px, 5.2vw, 24px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .roots-letter-char {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script>\r\n  (function () {\r\n    function waitForGsap(callback) {\r\n      var tries = 0;\r\n      var timer = window.setInterval(function () {\r\n        tries += 1;\r\n        if (window.gsap) {\r\n          window.clearInterval(timer);\r\n          callback();\r\n        }\r\n        if (tries > 80) window.clearInterval(timer);\r\n      }, 100);\r\n    }\r\n\r\n    function splitLetters(element) {\r\n      if (!element || element.dataset.splitDone === \"true\") return [];\r\n\r\n      var text = element.textContent.replace(\/\\s+\/g, \" \").trim();\r\n      var fragment = document.createDocumentFragment();\r\n      var chars = [];\r\n\r\n      text.split(\"\").forEach(function (character) {\r\n        var span = document.createElement(\"span\");\r\n\r\n        if (character === \" \") {\r\n          span.className = \"roots-letter-space\";\r\n          span.innerHTML = \"&nbsp;\";\r\n        } else {\r\n          span.className = \"roots-letter-char\";\r\n          span.textContent = character;\r\n          chars.push(span);\r\n        }\r\n\r\n        fragment.appendChild(span);\r\n      });\r\n\r\n      element.textContent = \"\";\r\n      element.appendChild(fragment);\r\n      element.dataset.splitDone = \"true\";\r\n      return chars;\r\n    }\r\n\r\n    function initRootsLetterHero() {\r\n      if (!window.gsap) return;\r\n\r\n      document.querySelectorAll(\".roots-letter-hero\").forEach(function (section) {\r\n        if (section.dataset.rootsReady === \"true\") return;\r\n        section.dataset.rootsReady = \"true\";\r\n\r\n        var titleChars = splitLetters(section.querySelector(\".roots-letter-title\"));\r\n        var bodyChars = splitLetters(section.querySelector(\".roots-letter-body\"));\r\n        var allChars = titleChars.concat(bodyChars);\r\n        var fieldShapes = gsap.utils.toArray(\".roots-letter-field span\", section);\r\n\r\n        gsap.set(allChars, {\r\n          autoAlpha: 0,\r\n          x: function () { return gsap.utils.random(-170, 170); },\r\n          y: function () { return gsap.utils.random(-120, 140); },\r\n          z: function () { return gsap.utils.random(-80, 80); },\r\n          rotate: function () { return gsap.utils.random(-55, 55); },\r\n          scale: function () { return gsap.utils.random(0.25, 1.7); },\r\n          filter: \"blur(14px)\"\r\n        });\r\n\r\n        gsap.fromTo(section.querySelector(\".roots-letter-kicker\"), {\r\n          autoAlpha: 0,\r\n          y: 20\r\n        }, {\r\n          autoAlpha: 1,\r\n          y: 0,\r\n          duration: 0.65,\r\n          ease: \"power3.out\"\r\n        });\r\n\r\n        var intro = gsap.timeline({ delay: 0.15 });\r\n\r\n        intro\r\n          .to(titleChars, {\r\n            autoAlpha: 1,\r\n            x: 0,\r\n            y: 0,\r\n            z: 0,\r\n            rotate: 0,\r\n            scale: 1,\r\n            filter: \"blur(0px)\",\r\n            duration: 1.15,\r\n            ease: \"expo.out\",\r\n            stagger: {\r\n              each: 0.018,\r\n              from: \"random\"\r\n            }\r\n          })\r\n          .to(bodyChars, {\r\n            autoAlpha: 1,\r\n            x: 0,\r\n            y: 0,\r\n            z: 0,\r\n            rotate: 0,\r\n            scale: 1,\r\n            filter: \"blur(0px)\",\r\n            duration: 0.95,\r\n            ease: \"expo.out\",\r\n            stagger: {\r\n              each: 0.006,\r\n              from: \"random\"\r\n            }\r\n          }, \"-=0.55\")\r\n          .to(titleChars, {\r\n            y: function (index) { return Math.sin(index * 0.7) * 4; },\r\n            duration: 2.6,\r\n            ease: \"sine.inOut\",\r\n            stagger: 0.012,\r\n            yoyo: true,\r\n            repeat: -1\r\n          }, \"-=0.2\");\r\n\r\n        gsap.to(fieldShapes, {\r\n          x: function (index) { return index % 2 ? -34 : 28; },\r\n          y: function (index) { return index % 2 ? 26 : -32; },\r\n          rotate: function (index) { return index % 2 ? 28 : -24; },\r\n          duration: 5.5,\r\n          stagger: 0.35,\r\n          yoyo: true,\r\n          repeat: -1,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        section.addEventListener(\"mousemove\", function (event) {\r\n          var rect = section.getBoundingClientRect();\r\n          var mouseX = event.clientX - rect.left;\r\n          var mouseY = event.clientY - rect.top;\r\n\r\n          allChars.forEach(function (char) {\r\n            var box = char.getBoundingClientRect();\r\n            var charX = box.left - rect.left + box.width \/ 2;\r\n            var charY = box.top - rect.top + box.height \/ 2;\r\n            var dx = charX - mouseX;\r\n            var dy = charY - mouseY;\r\n            var distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n            if (distance < 145) {\r\n              var force = (145 - distance) \/ 145;\r\n              gsap.to(char, {\r\n                x: dx * force * 0.24,\r\n                y: dy * force * 0.24,\r\n                rotate: dx * force * 0.045,\r\n                scale: 1 + force * 0.26,\r\n                color: force > 0.55 ? \"#613A43\" : \"\",\r\n                duration: 0.38,\r\n                ease: \"power3.out\"\r\n              });\r\n            } else {\r\n              gsap.to(char, {\r\n                x: 0,\r\n                y: 0,\r\n                rotate: 0,\r\n                scale: 1,\r\n                color: \"\",\r\n                duration: 0.55,\r\n                ease: \"power3.out\"\r\n              });\r\n            }\r\n          });\r\n        });\r\n\r\n        section.addEventListener(\"mouseleave\", function () {\r\n          gsap.to(allChars, {\r\n            x: 0,\r\n            y: 0,\r\n            rotate: 0,\r\n            scale: 1,\r\n            color: \"\",\r\n            duration: 0.8,\r\n            ease: \"elastic.out(1, 0.45)\",\r\n            stagger: {\r\n              each: 0.002,\r\n              from: \"random\"\r\n            }\r\n          });\r\n        });\r\n\r\n        section.addEventListener(\"click\", function () {\r\n          gsap.fromTo(allChars, {\r\n            filter: \"blur(0px)\"\r\n          }, {\r\n            y: function () { return gsap.utils.random(-34, 34); },\r\n            rotate: function () { return gsap.utils.random(-16, 16); },\r\n            filter: \"blur(1px)\",\r\n            duration: 0.26,\r\n            stagger: {\r\n              each: 0.003,\r\n              from: \"random\"\r\n            },\r\n            yoyo: true,\r\n            repeat: 1,\r\n            ease: \"power2.out\"\r\n          });\r\n        });\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        waitForGsap(initRootsLetterHero);\r\n      });\r\n    } else {\r\n      waitForGsap(initRootsLetterHero);\r\n    }\r\n  })();\r\n<\/script>\r\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<div class=\"elementor-element elementor-element-f5190ce e-flex e-con-boxed e-con e-parent\" data-id=\"f5190ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a68df4 elementor-section-stretched elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0a68df4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-250ac05\" data-id=\"250ac05\" 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-507d297 elementor-widget elementor-widget-text-editor\" data-id=\"507d297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4><span style=\"color: #e9dccd;\"><strong>It supports sustainable resource management, the circular economy, and the reintegration of traditional knowledge and skills, while providing education, training, and consulting services with a social and environmental focus.<\/strong><\/span><\/h4>\t\t\t\t\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<div class=\"elementor-element elementor-element-453bfe6 e-flex e-con-boxed e-con e-parent\" data-id=\"453bfe6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0325880 e-con-full e-flex e-con e-child\" data-id=\"0325880\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1f979 elementor-widget elementor-widget-text-editor\" data-id=\"7e1f979\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #e9dccd;\"><strong>It also seeks to develop partnerships and networks at the local, European, and international levels, promoting the exchange of knowledge and expertise on social, environmental, and cultural issues. <\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a6ffc0 e-con-full e-flex e-con e-child\" data-id=\"2a6ffc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c23d150 elementor-widget elementor-widget-text-editor\" data-id=\"c23d150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #e9dccd;\"><strong>At the same time, it aims to promote sustainable forms of tourism and organize informational events, while publishing studies and articles related to its objectives.<\/strong><\/span><\/p>\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\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dba9bdf elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dba9bdf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c2fd63\" data-id=\"1c2fd63\" 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-64b685a elementor-widget elementor-widget-html\" data-id=\"64b685a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WordPress \/ Elementor HTML widget snippet.\r\n  Paste the whole block into a Custom HTML block or an Elementor HTML widget.\r\n-->\r\n\r\n<section class=\"thematic-lab-section\">\r\n  <div class=\"thematic-lab-bg\" aria-hidden=\"true\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"thematic-lab-wrap\">\r\n    <div class=\"thematic-lab-copy\">\r\n      <p class=\"thematic-lab-eyebrow\">Thematic sections<\/p>\r\n      <h2 class=\"thematic-lab-heading\">Explore the fields that shape collective progress.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"thematic-lab-panel\" data-active=\"0\">\r\n      <div class=\"thematic-lab-visual\" aria-hidden=\"true\">\r\n        <div class=\"thematic-lab-ring\"><\/div>\r\n        <div class=\"thematic-lab-scan\"><\/div>\r\n        <div class=\"thematic-lab-core\">\r\n          <span class=\"thematic-lab-number\">01<\/span>\r\n          <span class=\"thematic-lab-word\">Environment<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"thematic-lab-content\" aria-live=\"polite\">\r\n        <p class=\"thematic-lab-kicker\">Current focus<\/p>\r\n        <h3 class=\"thematic-lab-title\">Environment &amp; agriculture<\/h3>\r\n        <p class=\"thematic-lab-text\">Living systems, resilient land use, food futures, and climate-aware local action.<\/p>\r\n        <div class=\"thematic-lab-progress\" aria-hidden=\"true\"><span><\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"thematic-lab-nav\" role=\"tablist\" aria-label=\"Thematic sections\">\r\n        <button class=\"is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-index=\"0\">\r\n          <span>01<\/span>\r\n          Environment &amp; agriculture\r\n        <\/button>\r\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-index=\"1\">\r\n          <span>02<\/span>\r\n          Society\r\n        <\/button>\r\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-index=\"2\">\r\n          <span>03<\/span>\r\n          Economy &amp; sustainability\r\n        <\/button>\r\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-index=\"3\">\r\n          <span>04<\/span>\r\n          Culture &amp; tradition\r\n        <\/button>\r\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-index=\"4\">\r\n          <span>05<\/span>\r\n          Education &amp; empowerment\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .thematic-lab-section,\r\n  .thematic-lab-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .thematic-lab-section {\r\n    --wine: #613A43;\r\n    --teal: #03544f;\r\n    --stone: #eeedea;\r\n    --ink: #17302d;\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    min-height: 720px;\r\n    padding: clamp(64px, 7vw, 110px) 20px;\r\n    background: transparent;\r\n    color: var(--ink);\r\n  }\r\n\r\n  .thematic-lab-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .thematic-lab-bg::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 9%;\r\n    border: 1px solid rgba(3, 84, 79, 0.14);\r\n    transform: skewY(-4deg);\r\n  }\r\n\r\n  .thematic-lab-bg span {\r\n    position: absolute;\r\n    width: 22vw;\r\n    min-width: 180px;\r\n    aspect-ratio: 1 \/ 1;\r\n    border: 1px solid rgba(97, 58, 67, 0.14);\r\n    background: rgba(3, 84, 79, 0.04);\r\n    transform: rotate(18deg);\r\n  }\r\n\r\n  .thematic-lab-bg span:nth-child(1) {\r\n    left: -8vw;\r\n    top: 8%;\r\n  }\r\n\r\n  .thematic-lab-bg span:nth-child(2) {\r\n    right: 6vw;\r\n    top: -9%;\r\n    background: rgba(97, 58, 67, 0.06);\r\n  }\r\n\r\n  .thematic-lab-bg span:nth-child(3) {\r\n    left: 14vw;\r\n    bottom: -14%;\r\n  }\r\n\r\n  .thematic-lab-bg span:nth-child(4) {\r\n    right: -7vw;\r\n    bottom: 10%;\r\n    background: rgba(97, 58, 67, 0.045);\r\n  }\r\n\r\n  .thematic-lab-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .thematic-lab-copy {\r\n    display: grid;\r\n    grid-template-columns: 0.6fr 1.4fr;\r\n    gap: 24px;\r\n    align-items: end;\r\n    margin-bottom: clamp(28px, 5vw, 58px);\r\n  }\r\n\r\n  .thematic-lab-eyebrow,\r\n  .thematic-lab-kicker {\r\n    margin: 0;\r\n    font: 700 12px\/1.2 Arial, sans-serif;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--wine);\r\n  }\r\n\r\n  .thematic-lab-heading {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 5.2vw, 74px);\r\n    font-weight: 600;\r\n    line-height: 0.98;\r\n    letter-spacing: 0;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .thematic-lab-panel {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.05fr);\r\n    gap: clamp(24px, 4vw, 56px);\r\n    align-items: center;\r\n    min-height: 430px;\r\n    padding: clamp(22px, 4vw, 44px);\r\n    border: 1px solid rgba(3, 84, 79, 0.18);\r\n    background: transparent;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .thematic-lab-visual {\r\n    position: relative;\r\n    min-height: clamp(280px, 34vw, 390px);\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .thematic-lab-ring {\r\n    width: min(360px, 80vw);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(3, 84, 79, 0.28);\r\n    border-radius: 50%;\r\n    background:\r\n      conic-gradient(from 90deg, rgba(3, 84, 79, 0.18), rgba(97, 58, 67, 0.18), rgba(238, 237, 234, 0.2), rgba(3, 84, 79, 0.18));\r\n    mask: radial-gradient(circle, transparent 57%, #000 58%);\r\n    -webkit-mask: radial-gradient(circle, transparent 57%, #000 58%);\r\n  }\r\n\r\n  .thematic-lab-scan {\r\n    position: absolute;\r\n    width: min(280px, 66vw);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(97, 58, 67, 0.24);\r\n    transform: rotate(45deg);\r\n    background:\r\n      linear-gradient(90deg, transparent 49%, rgba(3, 84, 79, 0.2) 50%, transparent 51%),\r\n      linear-gradient(0deg, transparent 49%, rgba(97, 58, 67, 0.2) 50%, transparent 51%);\r\n  }\r\n\r\n  .thematic-lab-core {\r\n    position: absolute;\r\n    width: min(230px, 58vw);\r\n    aspect-ratio: 1;\r\n    display: grid;\r\n    place-items: center;\r\n    align-content: center;\r\n    gap: 10px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(3, 84, 79, 0.2);\r\n    background: transparent;\r\n    box-shadow: 0 24px 70px rgba(3, 84, 79, 0.12);\r\n    text-align: center;\r\n  }\r\n\r\n  .thematic-lab-number {\r\n    font: 700 13px\/1 Arial, sans-serif;\r\n    letter-spacing: 0.18em;\r\n    color: var(--wine);\r\n  }\r\n\r\n  .thematic-lab-word {\r\n    max-width: 170px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(30px, 4vw, 48px);\r\n    line-height: 0.94;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .thematic-lab-content {\r\n    position: relative;\r\n    min-height: 260px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding-right: clamp(0px, 3vw, 32px);\r\n  }\r\n\r\n  .thematic-lab-title {\r\n    min-height: 2.1em;\r\n    margin: 14px 0 18px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(38px, 6vw, 78px);\r\n    font-weight: 600;\r\n    line-height: 1.02;\r\n    letter-spacing: 0;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .thematic-lab-text {\r\n    max-width: 560px;\r\n    min-height: 3.6em;\r\n    margin: 0;\r\n    font: 400 clamp(16px, 1.7vw, 21px)\/1.55 Arial, sans-serif;\r\n    color: rgba(23, 48, 45, 0.78);\r\n  }\r\n\r\n  .thematic-lab-progress {\r\n    width: min(420px, 100%);\r\n    height: 3px;\r\n    margin-top: 30px;\r\n    background: rgba(3, 84, 79, 0.16);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .thematic-lab-progress span {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    background: var(--wine);\r\n  }\r\n\r\n  .thematic-lab-nav {\r\n    grid-column: 1 \/ -1;\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .thematic-lab-nav button {\r\n    min-height: 74px;\r\n    padding: 13px 12px;\r\n    border: 1px solid rgba(3, 84, 79, 0.2);\r\n    border-radius: 0;\r\n    background: transparent;\r\n    color: var(--ink);\r\n    cursor: pointer;\r\n    text-align: left;\r\n    font: 700 13px\/1.2 Arial, sans-serif;\r\n    transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .thematic-lab-nav button span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--wine);\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .thematic-lab-nav button:hover,\r\n  .thematic-lab-nav button:focus-visible,\r\n  .thematic-lab-nav button.is-active {\r\n    border-color: rgba(3, 84, 79, 0.46);\r\n    background: var(--teal);\r\n    color: var(--stone);\r\n    outline: none;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .thematic-lab-nav button:hover span,\r\n  .thematic-lab-nav button:focus-visible span,\r\n  .thematic-lab-nav button.is-active span {\r\n    color: rgba(238, 237, 234, 0.78);\r\n  }\r\n\r\n  .thematic-lab-panel[data-active=\"1\"] .thematic-lab-title,\r\n  .thematic-lab-panel[data-active=\"3\"] .thematic-lab-title {\r\n    color: var(--wine);\r\n  }\r\n\r\n  @media (max-width: 860px) {\r\n    .thematic-lab-section {\r\n      min-height: auto;\r\n    }\r\n\r\n    .thematic-lab-copy,\r\n    .thematic-lab-panel {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .thematic-lab-panel {\r\n      padding: 22px;\r\n    }\r\n\r\n    .thematic-lab-nav {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .thematic-lab-nav button {\r\n      min-height: 58px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .thematic-lab-section {\r\n      padding-inline: 14px;\r\n    }\r\n\r\n    .thematic-lab-heading {\r\n      font-size: clamp(32px, 11vw, 48px);\r\n    }\r\n\r\n    .thematic-lab-title {\r\n      font-size: clamp(34px, 12vw, 52px);\r\n    }\r\n\r\n    .thematic-lab-content {\r\n      min-height: 240px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .thematic-lab-bg span,\r\n    .thematic-lab-ring,\r\n    .thematic-lab-scan {\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script>\r\n  (function () {\r\n    function whenGsapIsReady(callback) {\r\n      var tries = 0;\r\n      var timer = window.setInterval(function () {\r\n        tries += 1;\r\n\r\n        if (window.gsap) {\r\n          window.clearInterval(timer);\r\n          callback();\r\n        }\r\n\r\n        if (tries > 80) {\r\n          window.clearInterval(timer);\r\n          document.querySelectorAll(\".thematic-lab-section\").forEach(function (section) {\r\n            section.classList.add(\"thematic-lab-no-gsap\");\r\n          });\r\n        }\r\n      }, 100);\r\n    }\r\n\r\n    var themes = [\r\n      {\r\n        number: \"01\",\r\n        word: \"Environment\",\r\n        title: \"Environment & agriculture\",\r\n        text: \"Living systems, resilient land use, food futures, and climate-aware local action.\"\r\n      },\r\n      {\r\n        number: \"02\",\r\n        word: \"Society\",\r\n        title: \"Society\",\r\n        text: \"People, belonging, civic participation, equity, care, and stronger community networks.\"\r\n      },\r\n      {\r\n        number: \"03\",\r\n        word: \"Economy\",\r\n        title: \"Economy & sustainability\",\r\n        text: \"Responsible growth, circular models, long-term value, and practical sustainability strategies.\"\r\n      },\r\n      {\r\n        number: \"04\",\r\n        word: \"Culture\",\r\n        title: \"Culture & tradition\",\r\n        text: \"Heritage, identity, local memory, craft, storytelling, and living cultural expression.\"\r\n      },\r\n      {\r\n        number: \"05\",\r\n        word: \"Education\",\r\n        title: \"Education & empowerment\",\r\n        text: \"Skills, access, confidence, participation, and tools that help people shape their future.\"\r\n      }\r\n    ];\r\n\r\n    function initThematicLab() {\r\n      if (!window.gsap) return;\r\n\r\n      document.querySelectorAll(\".thematic-lab-section\").forEach(function (section) {\r\n        if (section.dataset.gsapReady === \"true\") return;\r\n        section.dataset.gsapReady = \"true\";\r\n\r\n        var panel = section.querySelector(\".thematic-lab-panel\");\r\n        var buttons = gsap.utils.toArray(\".thematic-lab-nav button\", section);\r\n        var number = section.querySelector(\".thematic-lab-number\");\r\n        var word = section.querySelector(\".thematic-lab-word\");\r\n        var title = section.querySelector(\".thematic-lab-title\");\r\n        var text = section.querySelector(\".thematic-lab-text\");\r\n        var progress = section.querySelector(\".thematic-lab-progress span\");\r\n        var ring = section.querySelector(\".thematic-lab-ring\");\r\n        var scan = section.querySelector(\".thematic-lab-scan\");\r\n        var bgShapes = gsap.utils.toArray(\".thematic-lab-bg span\", section);\r\n        var activeIndex = 0;\r\n        var autoTimer;\r\n        var autoDelay = 4200;\r\n\r\n        gsap.fromTo(section.querySelector(\".thematic-lab-heading\"), {\r\n          autoAlpha: 0,\r\n          y: 28\r\n        }, {\r\n          autoAlpha: 1,\r\n          y: 0,\r\n          duration: 0.9,\r\n          ease: \"power3.out\"\r\n        });\r\n\r\n        gsap.to(ring, {\r\n          rotate: 360,\r\n          duration: 28,\r\n          repeat: -1,\r\n          ease: \"none\"\r\n        });\r\n\r\n        gsap.to(scan, {\r\n          rotate: -315,\r\n          scale: 1.08,\r\n          duration: 12,\r\n          repeat: -1,\r\n          yoyo: true,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        gsap.to(bgShapes, {\r\n          y: function (index) { return index % 2 ? 34 : -28; },\r\n          x: function (index) { return index % 2 ? -18 : 22; },\r\n          rotate: function (index) { return index % 2 ? 8 : -10; },\r\n          duration: 6,\r\n          stagger: 0.4,\r\n          repeat: -1,\r\n          yoyo: true,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        function restartProgress() {\r\n          gsap.killTweensOf(progress);\r\n          gsap.set(progress, { scaleX: 0 });\r\n          gsap.to(progress, {\r\n            scaleX: 1,\r\n            duration: autoDelay \/ 1000,\r\n            ease: \"none\"\r\n          });\r\n        }\r\n\r\n        function setActive(index, instant) {\r\n          activeIndex = (index + themes.length) % themes.length;\r\n          var theme = themes[activeIndex];\r\n\r\n          panel.dataset.active = String(activeIndex);\r\n          buttons.forEach(function (button, buttonIndex) {\r\n            var isActive = buttonIndex === activeIndex;\r\n            button.classList.toggle(\"is-active\", isActive);\r\n            button.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\r\n          });\r\n\r\n          var outgoing = [number, word, title, text];\r\n          gsap.killTweensOf(outgoing);\r\n\r\n          var tl = gsap.timeline();\r\n          tl.to(outgoing, {\r\n            autoAlpha: 0,\r\n            y: instant ? 0 : -16,\r\n            filter: \"blur(8px)\",\r\n            duration: instant ? 0 : 0.22,\r\n            stagger: instant ? 0 : 0.035,\r\n            ease: \"power2.in\",\r\n            onComplete: function () {\r\n              number.textContent = theme.number;\r\n              word.textContent = theme.word;\r\n              title.textContent = theme.title;\r\n              text.textContent = theme.text;\r\n            }\r\n          })\r\n          .fromTo(outgoing, {\r\n            autoAlpha: 0,\r\n            y: instant ? 0 : 22,\r\n            filter: \"blur(8px)\"\r\n          }, {\r\n            autoAlpha: 1,\r\n            y: 0,\r\n            filter: \"blur(0px)\",\r\n            duration: instant ? 0 : 0.55,\r\n            stagger: instant ? 0 : 0.045,\r\n            ease: \"power3.out\"\r\n          })\r\n          .to(ring, {\r\n            scale: 1 + activeIndex * 0.018,\r\n            borderColor: activeIndex % 2 ? \"rgba(97, 58, 67, 0.42)\" : \"rgba(3, 84, 79, 0.42)\",\r\n            duration: 0.55,\r\n            ease: \"power3.out\"\r\n          }, 0)\r\n          .to(scan, {\r\n            scale: 1.02 + activeIndex * 0.025,\r\n            duration: 0.55,\r\n            ease: \"power3.out\"\r\n          }, 0);\r\n\r\n          restartProgress();\r\n        }\r\n\r\n        function queueNext() {\r\n          window.clearTimeout(autoTimer);\r\n          autoTimer = window.setTimeout(function () {\r\n            setActive(activeIndex + 1);\r\n            queueNext();\r\n          }, autoDelay);\r\n        }\r\n\r\n        buttons.forEach(function (button) {\r\n          button.addEventListener(\"click\", function () {\r\n            setActive(Number(button.dataset.index));\r\n            queueNext();\r\n          });\r\n\r\n          button.addEventListener(\"mouseenter\", function () {\r\n            gsap.to(button, { y: -5, duration: 0.25, ease: \"power2.out\" });\r\n          });\r\n\r\n          button.addEventListener(\"mouseleave\", function () {\r\n            if (!button.classList.contains(\"is-active\")) {\r\n              gsap.to(button, { y: 0, duration: 0.25, ease: \"power2.out\" });\r\n            }\r\n          });\r\n        });\r\n\r\n        panel.addEventListener(\"mousemove\", function (event) {\r\n          var rect = panel.getBoundingClientRect();\r\n          var x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n          var y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n          gsap.to([ring, scan], {\r\n            x: x * 18,\r\n            y: y * 18,\r\n            duration: 0.45,\r\n            ease: \"power2.out\"\r\n          });\r\n        });\r\n\r\n        panel.addEventListener(\"mouseleave\", function () {\r\n          gsap.to([ring, scan], {\r\n            x: 0,\r\n            y: 0,\r\n            duration: 0.55,\r\n            ease: \"power2.out\"\r\n          });\r\n        });\r\n\r\n        setActive(0, true);\r\n        queueNext();\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        whenGsapIsReady(initThematicLab);\r\n      });\r\n    } else {\r\n      whenGsapIsReady(initThematicLab);\r\n    }\r\n  })();\r\n<\/script>\r\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<div class=\"elementor-element elementor-element-c9f869d e-flex e-con-boxed e-con e-parent\" data-id=\"c9f869d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-343e868 elementor-widget elementor-widget-html\" data-id=\"343e868\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WordPress \/ Elementor HTML widget snippet.\r\n  Paste the whole block into a Custom HTML block or an Elementor HTML widget.\r\n-->\r\n\r\n<section class=\"services-stack-section\">\r\n  <div class=\"services-stack-pattern\" aria-hidden=\"true\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"services-stack-wrap\">\r\n    <div class=\"services-stack-head\">\r\n      <p>Services<\/p>\r\n      <h2>Knowledge services that grow from research to action.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"services-stack\" aria-label=\"Services stacked cards\">\r\n      \r\n\r\n      <article class=\"services-stack-card\">\r\n        <span>01<\/span>\r\n        <h3>Social &amp; Environmental Research Services<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"services-stack-card\">\r\n        <span>02<\/span>\r\n        <h3>Lecturing Services at Training Seminars<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"services-stack-card\">\r\n        <span>03<\/span>\r\n        <h3>Management Consulting Services<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"services-stack-card\">\r\n        <span>04<\/span>\r\n        <h3>Vocational Training Services<\/h3>\r\n      <\/article>\r\n      \r\n      <article class=\"services-stack-card\">\r\n        <span>05<\/span>\r\n        <h3>Research and Experimental Development Services in Social Sciences<\/h3>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .services-stack-section,\r\n  .services-stack-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .services-stack-section {\r\n    --wine: #613A43;\r\n    --teal: #03544f;\r\n    --stone: #eeedea;\r\n    --ink: #123330;\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: visible;\r\n    min-height: 100vh;\r\n    padding: clamp(78px, 9vw, 130px) 20px;\r\n    background: transparent;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .services-stack-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(3, 84, 79, 0.1) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(3, 84, 79, 0.1) 1px, transparent 1px);\r\n    background-size: 58px 58px;\r\n    mask-image: radial-gradient(circle at 50% 45%, #000 0%, rgba(0, 0, 0, 0.82) 45%, transparent 78%);\r\n    -webkit-mask-image: radial-gradient(circle at 50% 45%, #000 0%, rgba(0, 0, 0, 0.82) 45%, transparent 78%);\r\n  }\r\n\r\n  .services-stack-pattern::before,\r\n  .services-stack-pattern::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 48%;\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(97, 58, 67, 0.18);\r\n    transform: translate(-50%, -50%) rotate(10deg);\r\n  }\r\n\r\n  .services-stack-pattern::before {\r\n    width: min(900px, 94vw);\r\n  }\r\n\r\n  .services-stack-pattern::after {\r\n    width: min(640px, 78vw);\r\n    border-color: rgba(3, 84, 79, 0.18);\r\n    transform: translate(-50%, -50%) rotate(-12deg);\r\n  }\r\n\r\n  .services-stack-pattern span {\r\n    position: absolute;\r\n    width: clamp(110px, 16vw, 230px);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(3, 84, 79, 0.18);\r\n    background: transparent;\r\n    transform: rotate(15deg);\r\n  }\r\n\r\n  .services-stack-pattern span:nth-child(1) {\r\n    left: 5%;\r\n    top: 12%;\r\n  }\r\n\r\n  .services-stack-pattern span:nth-child(2) {\r\n    right: 8%;\r\n    top: 5%;\r\n    border-color: rgba(97, 58, 67, 0.2);\r\n  }\r\n\r\n  .services-stack-pattern span:nth-child(3) {\r\n    left: -4%;\r\n    bottom: 15%;\r\n    border-color: rgba(97, 58, 67, 0.18);\r\n  }\r\n\r\n  .services-stack-pattern span:nth-child(4) {\r\n    right: -3%;\r\n    bottom: 9%;\r\n  }\r\n\r\n  .services-stack-wrap {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .services-stack-head {\r\n    display: grid;\r\n    grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);\r\n    gap: clamp(20px, 5vw, 70px);\r\n    align-items: end;\r\n    margin-bottom: clamp(42px, 7vw, 80px);\r\n  }\r\n\r\n  .services-stack-head p {\r\n    margin: 0;\r\n    padding-top: 12px;\r\n    border-top: 1px solid rgba(97, 58, 67, 0.46);\r\n    font: 800 12px\/1.1 Arial, sans-serif;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--wine);\r\n  }\r\n\r\n  .services-stack-head h2 {\r\n    max-width: 880px;\r\n    margin: 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(38px, 6.4vw, 88px);\r\n    font-weight: 600;\r\n    line-height: 0.98;\r\n    letter-spacing: 0;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .services-stack {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    padding-bottom: 28vh;\r\n  }\r\n\r\n  .services-stack-card {\r\n    position: sticky;\r\n    top: clamp(72px, 10vh, 120px);\r\n    display: grid;\r\n    align-content: space-between;\r\n    min-height: min(72vh, 680px);\r\n    margin-bottom: 24vh;\r\n    padding: clamp(28px, 5vw, 58px);\r\n    border: 1px solid rgba(3, 84, 79, 0.28);\r\n    background:\r\n      linear-gradient(135deg, rgba(238, 237, 234, 0.46), rgba(238, 237, 234, 0.18)),\r\n      rgba(238, 237, 234, 0.16);\r\n    backdrop-filter: blur(18px) saturate(1.2);\r\n    -webkit-backdrop-filter: blur(18px) saturate(1.2);\r\n    color: var(--teal);\r\n    transform-origin: 50% 100%;\r\n    box-shadow:\r\n      0 28px 90px rgba(3, 84, 79, 0.08),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.36);\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  .services-stack-card:nth-child(1) {\r\n    z-index: 1;\r\n  }\r\n\r\n  .services-stack-card:nth-child(2) {\r\n    z-index: 2;\r\n  }\r\n\r\n  .services-stack-card:nth-child(3) {\r\n    z-index: 3;\r\n  }\r\n\r\n  .services-stack-card:nth-child(4) {\r\n    z-index: 4;\r\n  }\r\n\r\n  .services-stack-card:nth-child(5) {\r\n    z-index: 5;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .services-stack-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 14px;\r\n    border: 1px solid rgba(97, 58, 67, 0.14);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .services-stack-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: clamp(22px, 4vw, 52px);\r\n    top: clamp(22px, 4vw, 52px);\r\n    width: clamp(110px, 16vw, 230px);\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(3, 84, 79, 0.18);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .services-stack-card .services-stack-shine {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    background:\r\n      radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),\r\n        rgba(255, 255, 255, 0.46) 0%,\r\n        rgba(238, 237, 234, 0.2) 18%,\r\n        transparent 44%);\r\n    transition: opacity 0.28s ease;\r\n  }\r\n\r\n  .services-stack-card:nth-child(even) {\r\n    border-color: rgba(97, 58, 67, 0.28);\r\n    color: var(--wine);\r\n  }\r\n\r\n  .services-stack-card:nth-child(even)::after {\r\n    border-color: rgba(97, 58, 67, 0.2);\r\n    border-radius: 0;\r\n    transform: rotate(12deg);\r\n  }\r\n\r\n  .services-stack-card span {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: fit-content;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid currentColor;\r\n    font: 800 13px\/1 Arial, sans-serif;\r\n    letter-spacing: 0.18em;\r\n  }\r\n\r\n  .services-stack-card h3 {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 900px;\r\n    margin: clamp(90px, 18vw, 190px) 0 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(36px, 6.2vw, 92px);\r\n    font-weight: 600;\r\n    line-height: 0.98;\r\n    letter-spacing: 0;\r\n    color: currentColor;\r\n  }\r\n\r\n  .services-stack-card:hover {\r\n    filter: saturate(1.16);\r\n    box-shadow:\r\n      0 34px 110px rgba(3, 84, 79, 0.16),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.48);\r\n  }\r\n\r\n  .services-stack-card:hover .services-stack-shine {\r\n    opacity: 1;\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .services-stack-head {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .services-stack {\r\n      min-height: 100vh;\r\n    }\r\n\r\n    .services-stack-card {\r\n      padding: 26px;\r\n      min-height: 70vh;\r\n      margin-bottom: 18vh;\r\n    }\r\n\r\n    .services-stack-card h3 {\r\n      font-size: clamp(34px, 10vw, 62px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .services-stack-section {\r\n      padding-inline: 14px;\r\n    }\r\n\r\n    .services-stack {\r\n      min-height: 620px;\r\n    }\r\n\r\n    .services-stack-card h3 {\r\n      font-size: clamp(31px, 11vw, 52px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .services-stack-card,\r\n    .services-stack-pattern,\r\n    .services-stack-pattern span {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script>\r\n  (function () {\r\n    function waitForGsap(callback) {\r\n      var tries = 0;\r\n      var timer = window.setInterval(function () {\r\n        tries += 1;\r\n        if (window.gsap) {\r\n          window.clearInterval(timer);\r\n          callback();\r\n        }\r\n        if (tries > 100) window.clearInterval(timer);\r\n      }, 100);\r\n    }\r\n\r\n    function initServicesStack() {\r\n      if (!window.gsap) return;\r\n\r\n      document.querySelectorAll(\".services-stack-section\").forEach(function (section) {\r\n        if (section.dataset.gsapReady === \"true\") return;\r\n        section.dataset.gsapReady = \"true\";\r\n\r\n        var cards = gsap.utils.toArray(\".services-stack-card\", section);\r\n        var pattern = section.querySelector(\".services-stack-pattern\");\r\n        var boxes = gsap.utils.toArray(\".services-stack-pattern span\", section);\r\n\r\n        gsap.set(section.querySelector(\".services-stack-head\"), { autoAlpha: 0, y: 28 });\r\n\r\n        gsap.set(cards, {\r\n          y: 44,\r\n          scale: 0.96,\r\n          rotate: function (index) { return index % 2 ? 1.5 : -1.5; },\r\n          autoAlpha: 0,\r\n          filter: \"blur(8px)\"\r\n        });\r\n\r\n        var observer = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (!entry.isIntersecting) return;\r\n\r\n            if (entry.target.classList.contains(\"services-stack-head\")) {\r\n              gsap.to(entry.target, {\r\n                autoAlpha: 1,\r\n                y: 0,\r\n                duration: 0.85,\r\n                ease: \"power3.out\"\r\n              });\r\n              observer.unobserve(entry.target);\r\n              return;\r\n            }\r\n\r\n            gsap.to(entry.target, {\r\n              autoAlpha: 1,\r\n              y: 0,\r\n              rotate: 0,\r\n              scale: 1,\r\n              filter: \"blur(0px)\",\r\n              duration: 0.85,\r\n              ease: \"expo.out\"\r\n            });\r\n            observer.unobserve(entry.target);\r\n          });\r\n        }, {\r\n          threshold: 0.28,\r\n          rootMargin: \"0px 0px -12% 0px\"\r\n        });\r\n\r\n        observer.observe(section.querySelector(\".services-stack-head\"));\r\n        cards.forEach(function (card) { observer.observe(card); });\r\n\r\n        gsap.to(pattern, {\r\n          backgroundPosition: \"116px 58px\",\r\n          duration: 14,\r\n          repeat: -1,\r\n          ease: \"none\"\r\n        });\r\n\r\n        gsap.to(boxes, {\r\n          x: function (index) { return index % 2 ? -28 : 34; },\r\n          y: function (index) { return index % 2 ? 36 : -24; },\r\n          rotate: function (index) { return index % 2 ? 28 : -18; },\r\n          duration: 5.4,\r\n          stagger: 0.32,\r\n          repeat: -1,\r\n          yoyo: true,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        cards.forEach(function (card) {\r\n          var shine = document.createElement(\"i\");\r\n          shine.className = \"services-stack-shine\";\r\n          shine.setAttribute(\"aria-hidden\", \"true\");\r\n          card.insertBefore(shine, card.firstChild);\r\n\r\n          card.addEventListener(\"mousemove\", function (event) {\r\n            var rect = card.getBoundingClientRect();\r\n            var x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n            var y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n            var shineX = ((x + 0.5) * 100).toFixed(2) + \"%\";\r\n            var shineY = ((y + 0.5) * 100).toFixed(2) + \"%\";\r\n\r\n            card.style.setProperty(\"--shine-x\", shineX);\r\n            card.style.setProperty(\"--shine-y\", shineY);\r\n\r\n            gsap.to(card, {\r\n              x: x * 16,\r\n              y: y * 12,\r\n              rotateX: y * -8,\r\n              rotateY: x * 10,\r\n              scale: 1.025,\r\n              duration: 0.35,\r\n              ease: \"power3.out\"\r\n            });\r\n\r\n            gsap.to(shine, {\r\n              opacity: 1,\r\n              duration: 0.22,\r\n              ease: \"power2.out\"\r\n            });\r\n          });\r\n\r\n          card.addEventListener(\"mouseleave\", function () {\r\n            gsap.to(card, {\r\n              x: 0,\r\n              y: 0,\r\n              rotateX: 0,\r\n              rotateY: 0,\r\n              scale: 1,\r\n              duration: 0.72,\r\n              ease: \"elastic.out(1, 0.55)\"\r\n            });\r\n\r\n            gsap.to(shine, {\r\n              opacity: 0,\r\n              duration: 0.3,\r\n              ease: \"power2.out\"\r\n            });\r\n          });\r\n        });\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        waitForGsap(initServicesStack);\r\n      });\r\n    } else {\r\n      waitForGsap(initServicesStack);\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f427a1 e-flex e-con-boxed e-con e-parent\" data-id=\"4f427a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d322d12 elementor-widget elementor-widget-html\" data-id=\"d322d12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WordPress \/ Elementor HTML widget snippet.\r\n  Paste the whole block into a Custom HTML block or an Elementor HTML widget.\r\n-->\r\n\r\n<section class=\"bloom-slogan-section\">\r\n  <div class=\"bloom-tech-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bloom-tech-scan\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"bloom-slogan-lines\" aria-hidden=\"true\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"bloom-tech-nodes\" aria-hidden=\"true\">\r\n    <i><\/i>\r\n    <i><\/i>\r\n    <i><\/i>\r\n    <i><\/i>\r\n    <i><\/i>\r\n    <i><\/i>\r\n  <\/div>\r\n\r\n  <div class=\"bloom-slogan-wrap\">\r\n    <p class=\"bloom-slogan-kicker\">Collective growth protocol<\/p>\r\n    <h2 class=\"bloom-slogan-text\" data-bloom-slogan>\r\n      Today we stand together, tomorrow we bloom together!\r\n    <\/h2>\r\n    <div class=\"bloom-tech-meta\" aria-hidden=\"true\">\r\n      <span>social sync<\/span>\r\n      <span>community signal<\/span>\r\n      <span>future bloom<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .bloom-slogan-section,\r\n  .bloom-slogan-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .bloom-slogan-section {\r\n    --wine: #613A43;\r\n    --teal: #03544f;\r\n    --stone: #eeedea;\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    min-height: 680px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: clamp(84px, 10vw, 150px) 20px;\r\n    background: transparent;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .bloom-tech-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(3, 84, 79, 0.12) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(3, 84, 79, 0.12) 1px, transparent 1px),\r\n      linear-gradient(rgba(97, 58, 67, 0.08) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(97, 58, 67, 0.08) 1px, transparent 1px);\r\n    background-size: 52px 52px, 52px 52px, 208px 208px, 208px 208px;\r\n    mask-image: radial-gradient(circle at 50% 50%, #000 0%, rgba(0, 0, 0, 0.82) 48%, transparent 82%);\r\n    -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0%, rgba(0, 0, 0, 0.82) 48%, transparent 82%);\r\n  }\r\n\r\n  .bloom-tech-scan {\r\n    position: absolute;\r\n    left: -20%;\r\n    top: 0;\r\n    z-index: -2;\r\n    width: 42%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    background: linear-gradient(90deg, transparent, rgba(238, 237, 234, 0.26), rgba(3, 84, 79, 0.12), transparent);\r\n    transform: skewX(-18deg);\r\n    opacity: 0.72;\r\n  }\r\n\r\n  .bloom-slogan-lines {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloom-slogan-lines::before,\r\n  .bloom-slogan-lines::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(3, 84, 79, 0.16);\r\n    border-radius: 0;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .bloom-slogan-lines::before {\r\n    width: min(760px, 88vw);\r\n  }\r\n\r\n  .bloom-slogan-lines::after {\r\n    width: min(520px, 70vw);\r\n    border-color: rgba(97, 58, 67, 0.18);\r\n  }\r\n\r\n  .bloom-slogan-lines span {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: min(180px, 24vw);\r\n    height: min(180px, 24vw);\r\n    border: 1px solid rgba(3, 84, 79, 0.2);\r\n    border-radius: 50% 50% 50% 8px;\r\n    transform-origin: 0 0;\r\n    opacity: 0.72;\r\n  }\r\n\r\n  .bloom-tech-nodes {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloom-tech-nodes i {\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--teal);\r\n    box-shadow: 0 0 0 10px rgba(3, 84, 79, 0.08);\r\n  }\r\n\r\n  .bloom-tech-nodes i::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: clamp(70px, 12vw, 160px);\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(3, 84, 79, 0.36), transparent);\r\n    transform-origin: left;\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(1) {\r\n    left: 14%;\r\n    top: 24%;\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(2) {\r\n    right: 16%;\r\n    top: 18%;\r\n    background: var(--wine);\r\n    box-shadow: 0 0 0 10px rgba(97, 58, 67, 0.08);\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(3) {\r\n    left: 9%;\r\n    bottom: 24%;\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(4) {\r\n    right: 12%;\r\n    bottom: 20%;\r\n    background: var(--wine);\r\n    box-shadow: 0 0 0 10px rgba(97, 58, 67, 0.08);\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(5) {\r\n    left: 47%;\r\n    top: 12%;\r\n  }\r\n\r\n  .bloom-tech-nodes i:nth-child(6) {\r\n    left: 52%;\r\n    bottom: 10%;\r\n    background: var(--wine);\r\n    box-shadow: 0 0 0 10px rgba(97, 58, 67, 0.08);\r\n  }\r\n\r\n\r\n  .bloom-slogan-lines span:nth-child(1) {\r\n    transform: rotate(0deg) translate(150px, -50%);\r\n  }\r\n\r\n  .bloom-slogan-lines span:nth-child(2) {\r\n    transform: rotate(60deg) translate(150px, -50%);\r\n    border-color: rgba(97, 58, 67, 0.2);\r\n  }\r\n\r\n  .bloom-slogan-lines span:nth-child(3) {\r\n    transform: rotate(120deg) translate(150px, -50%);\r\n  }\r\n\r\n  .bloom-slogan-lines span:nth-child(4) {\r\n    transform: rotate(180deg) translate(150px, -50%);\r\n    border-color: rgba(97, 58, 67, 0.2);\r\n  }\r\n\r\n  .bloom-slogan-lines span:nth-child(5) {\r\n    transform: rotate(240deg) translate(150px, -50%);\r\n  }\r\n\r\n  .bloom-slogan-lines span:nth-child(6) {\r\n    transform: rotate(300deg) translate(150px, -50%);\r\n    border-color: rgba(97, 58, 67, 0.2);\r\n  }\r\n\r\n  .bloom-slogan-wrap {\r\n    width: min(1120px, 100%);\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .bloom-slogan-kicker {\r\n    width: fit-content;\r\n    margin: 0 auto clamp(20px, 3vw, 34px);\r\n    padding: 10px 14px;\r\n    border: 1px solid rgba(3, 84, 79, 0.22);\r\n    background: rgba(238, 237, 234, 0.18);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    font: 800 11px\/1.1 Arial, sans-serif;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--teal);\r\n  }\r\n\r\n  .bloom-slogan-text {\r\n    margin: 0;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(46px, 8vw, 118px);\r\n    font-weight: 600;\r\n    line-height: 0.94;\r\n    letter-spacing: 0;\r\n    color: var(--teal);\r\n    text-shadow: 0 18px 60px rgba(3, 84, 79, 0.12);\r\n  }\r\n\r\n  .bloom-word {\r\n    position: relative;\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    margin: 0 0.08em;\r\n    transform-origin: 50% 100%;\r\n    will-change: transform, opacity, filter, color;\r\n  }\r\n\r\n  .bloom-word.is-accent {\r\n    color: var(--wine);\r\n  }\r\n\r\n  .bloom-word::before {\r\n    content: attr(data-ghost);\r\n    position: absolute;\r\n    inset: 0;\r\n    color: var(--wine);\r\n    opacity: 0;\r\n    transform: translate(var(--glitch-x, 0.06em), -0.04em);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloom-slogan-section:hover .bloom-word::before {\r\n    opacity: 0.24;\r\n  }\r\n\r\n  .bloom-word.is-bloom {\r\n    position: relative;\r\n  }\r\n\r\n  .bloom-word.is-bloom::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: -0.12em;\r\n    width: 84%;\r\n    height: 0.08em;\r\n    background: var(--wine);\r\n    transform: translateX(-50%) scaleX(0);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .bloom-slogan-section:hover .bloom-word.is-bloom::after {\r\n    transform: translateX(-50%) scaleX(1);\r\n    transition: transform 0.45s ease;\r\n  }\r\n\r\n  .bloom-tech-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: clamp(26px, 4vw, 48px);\r\n  }\r\n\r\n  .bloom-tech-meta span {\r\n    padding: 8px 11px;\r\n    border: 1px solid rgba(3, 84, 79, 0.2);\r\n    background: rgba(238, 237, 234, 0.12);\r\n    color: var(--teal);\r\n    font: 800 10px\/1 Arial, sans-serif;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .bloom-slogan-section {\r\n      min-height: 560px;\r\n      padding-inline: 16px;\r\n    }\r\n\r\n    .bloom-slogan-text {\r\n      font-size: clamp(42px, 13vw, 74px);\r\n    }\r\n\r\n    .bloom-slogan-lines span {\r\n      width: 120px;\r\n      height: 120px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bloom-word,\r\n    .bloom-tech-grid,\r\n    .bloom-tech-scan,\r\n    .bloom-tech-nodes,\r\n    .bloom-slogan-lines,\r\n    .bloom-slogan-lines span {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script>\r\n  (function () {\r\n    function waitForGsap(callback) {\r\n      var tries = 0;\r\n      var timer = window.setInterval(function () {\r\n        tries += 1;\r\n        if (window.gsap) {\r\n          window.clearInterval(timer);\r\n          callback();\r\n        }\r\n        if (tries > 80) window.clearInterval(timer);\r\n      }, 100);\r\n    }\r\n\r\n    function splitWords(element) {\r\n      if (!element || element.dataset.bloomReady === \"true\") return [];\r\n\r\n      var words = element.textContent.replace(\/\\s+\/g, \" \").trim().split(\" \");\r\n      var html = words.map(function (word) {\r\n        var clean = word.toLowerCase().replace(\/[^a-z]\/g, \"\");\r\n        var classes = [\"bloom-word\"];\r\n\r\n        if (clean === \"together\" || clean === \"bloom\") classes.push(\"is-accent\");\r\n        if (clean === \"bloom\") classes.push(\"is-bloom\");\r\n\r\n        return '<span class=\"' + classes.join(\" \") + '\" data-ghost=\"' + word + '\">' + word + \"<\/span>\";\r\n      }).join(\" \");\r\n\r\n      element.innerHTML = html;\r\n      element.dataset.bloomReady = \"true\";\r\n      return gsap.utils.toArray(\".bloom-word\", element);\r\n    }\r\n\r\n    function initBloomSlogan() {\r\n      if (!window.gsap) return;\r\n\r\n      document.querySelectorAll(\".bloom-slogan-section\").forEach(function (section) {\r\n        if (section.dataset.gsapReady === \"true\") return;\r\n        section.dataset.gsapReady = \"true\";\r\n\r\n        var words = splitWords(section.querySelector(\"[data-bloom-slogan]\"));\r\n        var petals = gsap.utils.toArray(\".bloom-slogan-lines span\", section);\r\n        var nodes = gsap.utils.toArray(\".bloom-tech-nodes i\", section);\r\n        var rings = section.querySelector(\".bloom-slogan-lines\");\r\n        var grid = section.querySelector(\".bloom-tech-grid\");\r\n        var scan = section.querySelector(\".bloom-tech-scan\");\r\n        var meta = gsap.utils.toArray(\".bloom-tech-meta span\", section);\r\n\r\n        gsap.set(words, {\r\n          autoAlpha: 0,\r\n          y: function () { return gsap.utils.random(42, 96); },\r\n          x: function () { return gsap.utils.random(-28, 28); },\r\n          rotateX: -62,\r\n          rotate: function () { return gsap.utils.random(-8, 8); },\r\n          scale: 0.82,\r\n          filter: \"blur(10px)\"\r\n        });\r\n\r\n        gsap.set(petals, {\r\n          autoAlpha: 0,\r\n          scale: 0.25,\r\n          rotate: function (index) { return index * 60 - 25; }\r\n        });\r\n\r\n        gsap.set(nodes, {\r\n          autoAlpha: 0,\r\n          scale: 0\r\n        });\r\n\r\n        gsap.set(meta, {\r\n          autoAlpha: 0,\r\n          y: 16\r\n        });\r\n\r\n        var intro = gsap.timeline({ delay: 0.2 });\r\n\r\n        intro\r\n          .fromTo(grid, {\r\n            autoAlpha: 0,\r\n            scale: 1.04\r\n          }, {\r\n            autoAlpha: 1,\r\n            scale: 1,\r\n            duration: 0.9,\r\n            ease: \"power3.out\"\r\n          })\r\n          .fromTo(section.querySelector(\".bloom-slogan-kicker\"), {\r\n            autoAlpha: 0,\r\n            y: 18\r\n          }, {\r\n            autoAlpha: 1,\r\n            y: 0,\r\n            duration: 0.55,\r\n            ease: \"power3.out\"\r\n          }, \"-=0.55\")\r\n          .to(nodes, {\r\n            autoAlpha: 1,\r\n            scale: 1,\r\n            duration: 0.55,\r\n            stagger: 0.07,\r\n            ease: \"back.out(2)\"\r\n          }, \"-=0.3\")\r\n          .to(petals, {\r\n            autoAlpha: 1,\r\n            scale: 1,\r\n            rotate: function (index) { return index * 60; },\r\n            duration: 1.15,\r\n            stagger: 0.07,\r\n            ease: \"elastic.out(1, 0.7)\"\r\n          }, \"-=0.15\")\r\n          .to(words, {\r\n            autoAlpha: 1,\r\n            y: 0,\r\n            rotateX: 0,\r\n            rotate: 0,\r\n            scale: 1,\r\n            filter: \"blur(0px)\",\r\n            duration: 0.95,\r\n            stagger: {\r\n              each: 0.09,\r\n              from: \"start\"\r\n            },\r\n            ease: \"expo.out\"\r\n          }, \"-=0.75\")\r\n          .fromTo(words, {\r\n            \"--glitch-x\": \"0px\"\r\n          }, {\r\n            duration: 0.22,\r\n            repeat: 2,\r\n            yoyo: true,\r\n            ease: \"steps(2)\",\r\n            onUpdate: function () {\r\n              words.forEach(function (word, index) {\r\n                if (index % 3 === 0) {\r\n                  word.style.setProperty(\"--glitch-x\", gsap.utils.random(-3, 3) + \"px\");\r\n                }\r\n              });\r\n            },\r\n            onComplete: function () {\r\n              words.forEach(function (word) {\r\n                word.style.setProperty(\"--glitch-x\", \"0px\");\r\n              });\r\n            }\r\n          }, \"-=0.45\")\r\n          .to(\".bloom-word.is-bloom\", {\r\n            scale: 1.08,\r\n            color: \"#613A43\",\r\n            duration: 0.36,\r\n            yoyo: true,\r\n            repeat: 1,\r\n            ease: \"power2.inOut\"\r\n          }, \"-=0.1\")\r\n          .to(meta, {\r\n            autoAlpha: 1,\r\n            y: 0,\r\n            duration: 0.5,\r\n            stagger: 0.08,\r\n            ease: \"power3.out\"\r\n          }, \"-=0.2\");\r\n\r\n        gsap.to(rings, {\r\n          rotate: 360,\r\n          duration: 46,\r\n          repeat: -1,\r\n          ease: \"none\"\r\n        });\r\n\r\n        gsap.to(grid, {\r\n          backgroundPosition: \"104px 52px, 104px 52px, 208px 208px, 208px 208px\",\r\n          duration: 18,\r\n          repeat: -1,\r\n          ease: \"none\"\r\n        });\r\n\r\n        gsap.fromTo(scan, {\r\n          xPercent: -80\r\n        }, {\r\n          xPercent: 360,\r\n          duration: 5.5,\r\n          repeat: -1,\r\n          repeatDelay: 1.6,\r\n          ease: \"power2.inOut\"\r\n        });\r\n\r\n        gsap.to(nodes, {\r\n          scale: 1.36,\r\n          duration: 1.8,\r\n          stagger: 0.18,\r\n          repeat: -1,\r\n          yoyo: true,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        gsap.to(petals, {\r\n          scale: 1.08,\r\n          duration: 2.8,\r\n          stagger: 0.18,\r\n          yoyo: true,\r\n          repeat: -1,\r\n          ease: \"sine.inOut\"\r\n        });\r\n\r\n        section.addEventListener(\"mousemove\", function (event) {\r\n          var rect = section.getBoundingClientRect();\r\n          var x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n          var y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n          gsap.to(words, {\r\n            x: function (index) { return x * ((index % 3) + 1) * 10; },\r\n            y: function (index) { return y * ((index % 2) + 1) * 12; },\r\n            duration: 0.45,\r\n            ease: \"power3.out\"\r\n          });\r\n\r\n          gsap.to(petals, {\r\n            x: x * 24,\r\n            y: y * 24,\r\n            duration: 0.6,\r\n            ease: \"power3.out\"\r\n          });\r\n\r\n          gsap.to(nodes, {\r\n            x: x * -22,\r\n            y: y * -18,\r\n            duration: 0.55,\r\n            ease: \"power3.out\"\r\n          });\r\n        });\r\n\r\n        section.addEventListener(\"mouseleave\", function () {\r\n          gsap.to(words, {\r\n            x: 0,\r\n            y: 0,\r\n            duration: 0.65,\r\n            ease: \"elastic.out(1, 0.55)\"\r\n          });\r\n\r\n          gsap.to(petals, {\r\n            x: 0,\r\n            y: 0,\r\n            duration: 0.7,\r\n            ease: \"power3.out\"\r\n          });\r\n\r\n          gsap.to(nodes, {\r\n            x: 0,\r\n            y: 0,\r\n            duration: 0.7,\r\n            ease: \"power3.out\"\r\n          });\r\n        });\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        waitForGsap(initBloomSlogan);\r\n      });\r\n    } else {\r\n      waitForGsap(initBloomSlogan);\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-464d064 elementor-widget elementor-widget-ucaddon_custom_cursor\" data-id=\"464d064\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_custom_cursor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Custom Cursor -->\n\t\t<link id='font-awesome-css' href='https:\/\/rootsinbetween.gr\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/rootsinbetween.gr\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_ms_cursor_css_1200-css' href='https:\/\/rootsinbetween.gr\/wp-content\/uploads\/ac_assets\/ue-custom-cursor\/ms-cursor.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Custom Cursor *\/\n\n#uc_custom_cursor_elementor_464d064{\n  min-height: 1px;\n}\n\n#uc_custom_cursor_elementor_464d064 .ue-message{\n  padding: 10px;\n  border: 1px solid grey;\n  background-color: lightgrey;\n  border-radius: 5px;\n  font-size: 12px;\n}\n\n\/* should be written without #uc_custom_cursor_elementor_464d064 *\/\n.uc-mscursor-hidden{\n  display:none !important;\n}\n\n\/* cursor 2: custom cursor *\/\n\n\/* attention grabber  *\/\n\/* end attention grabber *\/\n\/* end cursor 2: custom cursor *\/\n\n<\/style>\n\n<div id=\"uc_custom_cursor_elementor_464d064\" class=\"ue_cursor-wrap\" data-cursor=\"cursor-1\">\n  \n    \n      <div class=\"ue-custom-cursor\"\n        size=\"1\"\n        pause-animation=\"enable\"\n        difference=\"disable\"\n        cursor=\"enable\"\n        color=\"#ffffff\"\n        color-outline=\"#00000000\"\n        aria-hidden=\"true\"\n        gradient=\"#613A43, #284D4C\"    >\n    <\/div>\n  \n  <\/div>\n<!-- end Custom Cursor -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_splitting_letters_effect Roots in Between Roots in Between aspires to act as a hub with an eye on society. Through its actions, the organization aims<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":157,"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions\/917"}],"wp:attachment":[{"href":"https:\/\/rootsinbetween.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}