{"id":26,"date":"2026-08-15T21:57:24","date_gmt":"2026-08-15T13:57:24","guid":{"rendered":"https:\/\/mapgridstudio.web.id\/?page_id=26"},"modified":"2026-09-09T22:11:28","modified_gmt":"2026-09-09T14:11:28","slug":"en","status":"publish","type":"page","link":"https:\/\/mapgridstudio.web.id\/id\/","title":{"rendered":"Map Grid Studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<main class=\"elementor-element elementor-element-7102200 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"7102200\" 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-885d1df e-flex e-con-boxed e-con e-child\" data-id=\"885d1df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3648e6a e-transform e-transform elementor-widget elementor-widget-heading\" data-id=\"3648e6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Independent Digital Creative Studio<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94aa898 elementor-widget elementor-widget-heading\" data-id=\"94aa898\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">WE DROP<br>THE PIN<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9cf8e elementor-widget elementor-widget-heading\" data-id=\"1b9cf8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Turning simple ideas into playful digital experiences.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb79ea2 elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"eb79ea2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Map Grid Studio is an independent digital creative studio exploring ideas through digital products, websites, and interactive experiences.<\/p>\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-d2adaa5 e-flex e-con-boxed e-con e-child\" data-id=\"d2adaa5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a17dc9 elementor-widget elementor-widget-button\" data-id=\"8a17dc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ EXPLORE THE GRID \u2193 ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3884ca elementor-widget elementor-widget-button\" data-id=\"a3884ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"mailto:mapgridstudio@gmail.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ WORK WITH US \u2192 ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t\t\t<\/main>\n\t\t<div class=\"elementor-element elementor-element-fa87c66 solid-section e-con-full e-flex e-con e-parent\" data-id=\"fa87c66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-634441f elementor-widget__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"634441f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c392b41\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-d763047\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-eb12046\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4fa0a54\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ad0b4a6\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-b0af9d7\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4db911a\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6883ba2\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c4050be\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1abc323\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c392b41\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-d763047\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-eb12046\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4fa0a54\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ad0b4a6\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-b0af9d7\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4db911a\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6883ba2\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c4050be\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1abc323\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bab0c3 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"8bab0c3\" data-element_type=\"container\" data-e-type=\"container\" id=\"satu\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e40897f e-flex e-con-boxed e-con e-child\" data-id=\"e40897f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fee9e7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7fee9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AN IDEA IS JUST THE START.<\/h2>\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-aeca32e e-flex e-con-boxed e-con e-child\" data-id=\"aeca32e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4cd8e49 e-transform e-flex e-con-boxed e-con e-child\" data-id=\"4cd8e49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b43085 elementor-widget__width-initial elementor-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"7b43085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-building\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-76 84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm76 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6 5.4-12 12-12h19.5V24c0-13.3 10.7-24 24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12 5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5 415z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBUILD\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDigital products and interactive experiences built from the ground up.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-e7e5f24 e-transform e-flex e-con-boxed e-con e-child\" data-id=\"e7e5f24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-191b789 elementor-widget__width-initial elementor-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"191b789\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-globe\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCREATE\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWebsites and digital spaces for brands, businesses, and ideas.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-f4d3093 e-transform e-flex e-con-boxed e-con e-child\" data-id=\"f4d3093\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.100000000000000088817841970012523233890533447265625,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceca267 elementor-widget__width-initial elementor-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ceca267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEXPLORE\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe explore different ideas, formats, and ways people interact \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\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\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-245421c grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"245421c\" 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-bc2cb66 e-flex e-con-boxed e-con e-child\" data-id=\"bc2cb66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38578e0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"38578e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ONE STUDIO. <br>DIFFERENT DIRECTIONS.<\/h2>\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-6ad8f61 e-flex e-con-boxed e-con e-child\" data-id=\"6ad8f61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-191daac elementor-widget elementor-widget-heading\" data-id=\"191daac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The Grid is where everything we create comes together. But they all start the same way.<\/p>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-1accd36 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"1accd36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8631915 elementor-widget elementor-widget-html\" data-id=\"8631915\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mgs-map\" id=\"mgsMap\">\r\n\r\n    <!-- Background Grid -->\r\n    <div class=\"mgs-map-base\"><\/div>\r\n\r\n    <!-- Dot Layer -->\r\n    <div class=\"mgs-dot-layer\" id=\"mgsDotLayer\"><\/div>\r\n\r\n    <!-- Main Hint -->\r\n    <div class=\"mgs-map-hint\" id=\"mgsMapHint\">\r\n        <span>DROP A PIN.<\/span>\r\n        <small>SEE WHAT HAPPENS.<\/small>\r\n    <\/div>\r\n\r\n    <!-- Bottom Dynamic Message -->\r\n    <div class=\"mgs-message\" id=\"mgsMessage\">\r\n        DROP A PIN TO START.\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* ========================================\r\n   MAP GRID STUDIO\r\n   INTERACTIVE GRID\r\n======================================== *\/\r\n\r\n.mgs-map {\r\n\r\n    --bg: #0B0B0F;\r\n    --surface: #15151D;\r\n    --border: #3A3A47;\r\n\r\n    --lime: #B8FF3D;\r\n    --pink: #FF4D8D;\r\n    --violet: #6C63FF;\r\n    --cyan: #4DEBFF;\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    min-height: 650px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--surface);\r\n\r\n    border: 1px solid var(--border);\r\n\r\n    cursor: crosshair;\r\n\r\n    isolation: isolate;\r\n\r\n    \/*\r\n     * Prevent parent flex\/grid layout from\r\n     * forcing unexpected sizing.\r\n     *\/\r\n    align-self: stretch;\r\n\r\n    contain: layout paint;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   FORCE CHILDREN TO RESPECT MAP\r\n======================================== *\/\r\n\r\n.mgs-map *,\r\n.mgs-map *::before,\r\n.mgs-map *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   GRID BACKGROUND\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-map-base {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,0.07) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,0.07) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 60px 60px;\r\n\r\n    background-position:\r\n        0 0;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 0;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   DOT LAYER\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-dot-layer {\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   PIN\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-pin {\r\n\r\n    position: absolute;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    min-width: 18px;\r\n    min-height: 18px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border-radius:\r\n        50% 50% 50% 0;\r\n\r\n    background:\r\n        var(--pin-color);\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(-45deg)\r\n        scale(0);\r\n\r\n    transform-origin:\r\n        center center;\r\n\r\n    z-index: 10;\r\n\r\n    \/*\r\n     * IMPORTANT:\r\n     * Pin must never capture the map click.\r\n     * Otherwise clicking an existing pin can\r\n     * create another pin accidentally.\r\n     *\/\r\n    pointer-events: none;\r\n\r\n    box-shadow:\r\n\r\n        0 0 0 5px\r\n        rgba(255,255,255,0.04),\r\n\r\n        0 0 18px\r\n        var(--pin-color);\r\n\r\n    animation:\r\n\r\n        pinDrop\r\n        0.45s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n\r\n.mgs-map .mgs-pin::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background:\r\n        var(--surface);\r\n\r\n    border-radius: 50%;\r\n\r\n    top: 6px;\r\n    left: 6px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   PIN DROP ANIMATION\r\n======================================== *\/\r\n\r\n@keyframes mgsPinDrop {\r\n\r\n    0% {\r\n\r\n        transform:\r\n\r\n            translate(-50%, -120px)\r\n            rotate(-45deg)\r\n            scale(.4);\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n\r\n    70% {\r\n\r\n        transform:\r\n\r\n            translate(-50%, -50%)\r\n            rotate(-45deg)\r\n            scale(1.25);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n\r\n    100% {\r\n\r\n        transform:\r\n\r\n            translate(-50%, -50%)\r\n            rotate(-45deg)\r\n            scale(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.mgs-map .mgs-pin {\r\n\r\n    animation-name:\r\n        mgsPinDrop;\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   RIPPLE\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-ripple {\r\n\r\n    position: absolute;\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    min-width: 10px;\r\n    min-height: 10px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        var(--ripple-color);\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    transform-origin:\r\n        center center;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 8;\r\n\r\n    animation:\r\n\r\n        mgsRipple\r\n        0.9s\r\n        ease-out\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes mgsRipple {\r\n\r\n    0% {\r\n\r\n        width: 10px;\r\n        height: 10px;\r\n\r\n        opacity: .9;\r\n\r\n    }\r\n\r\n\r\n    100% {\r\n\r\n        width: 180px;\r\n        height: 180px;\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   DOTS\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-dot {\r\n\r\n    position: absolute;\r\n\r\n    width:\r\n        var(--dot-size);\r\n\r\n    height:\r\n        var(--dot-size);\r\n\r\n    min-width:\r\n        var(--dot-size);\r\n\r\n    min-height:\r\n        var(--dot-size);\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--dot-color);\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(0);\r\n\r\n    transform-origin:\r\n        center center;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    box-shadow:\r\n\r\n        0 0 12px\r\n        var(--dot-color);\r\n\r\n    animation:\r\n\r\n        mgsDotAppear\r\n        .45s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards,\r\n\r\n        mgsDotPulse\r\n        2.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n    animation-delay:\r\n\r\n        var(--delay),\r\n\r\n        calc(\r\n            var(--delay)\r\n            + .45s\r\n        );\r\n}\r\n\r\n\r\n@keyframes mgsDotAppear {\r\n\r\n    to {\r\n\r\n        transform:\r\n\r\n            translate(-50%, -50%)\r\n            scale(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes mgsDotPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        opacity: .5;\r\n\r\n    }\r\n\r\n\r\n    50% {\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CONNECTION LINES\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-connection {\r\n\r\n    position: absolute;\r\n\r\n    height: 1px;\r\n\r\n    min-height: 1px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    background:\r\n        var(--line-color);\r\n\r\n    transform-origin:\r\n        left center;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 4;\r\n\r\n    \/*\r\n     * Rotation is kept separately.\r\n     *\/\r\n    animation:\r\n\r\n        mgsConnectionAppear\r\n        .7s\r\n        ease\r\n        forwards;\r\n\r\n    animation-delay:\r\n        var(--connection-delay);\r\n}\r\n\r\n\r\n\/*\r\n   IMPORTANT FIX\r\n\r\n   Rotation is stored in\r\n   --rotation so animation\r\n   does NOT reset it to 0deg.\r\n*\/\r\n\r\n@keyframes mgsConnectionAppear {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n\r\n            rotate(\r\n                var(--rotation)\r\n            )\r\n\r\n            scaleX(0);\r\n\r\n    }\r\n\r\n\r\n    to {\r\n\r\n        opacity: .25;\r\n\r\n        transform:\r\n\r\n            rotate(\r\n                var(--rotation)\r\n            )\r\n\r\n            scaleX(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CENTER HINT\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-map-hint {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    width: max-content;\r\n    max-width: calc(100% - 40px);\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    z-index: 20;\r\n\r\n    pointer-events: none;\r\n\r\n    text-align: center;\r\n\r\n    transition:\r\n\r\n        opacity .4s ease,\r\n\r\n        transform .4s ease;\r\n}\r\n\r\n\r\n.mgs-map .mgs-map-hint span {\r\n\r\n    display: block;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-size:\r\n\r\n        clamp(\r\n            28px,\r\n            4vw,\r\n            52px\r\n        );\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing:\r\n        -.04em;\r\n\r\n    line-height: 1.05;\r\n\r\n    color: #ffffff;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.mgs-map .mgs-map-hint small {\r\n\r\n    display: block;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing:\r\n        .2em;\r\n\r\n    color:\r\n\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .45\r\n        );\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   BOTTOM MESSAGE\r\n======================================== *\/\r\n\r\n.mgs-map .mgs-message {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 28px;\r\n\r\n    left: 50%;\r\n\r\n    width: max-content;\r\n    max-width: calc(100% - 40px);\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        translateY(10px);\r\n\r\n    z-index: 30;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing:\r\n        .18em;\r\n\r\n    color:\r\n\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .55\r\n        );\r\n\r\n    text-align: center;\r\n\r\n    white-space: nowrap;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n\r\n        opacity .3s ease,\r\n\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.mgs-map .mgs-message.active {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n\r\n        translateX(-50%)\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n======================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mgs-map {\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-width: 0;\r\n\r\n        min-height: 500px;\r\n\r\n        border-width: 1px;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-base {\r\n\r\n        background-size:\r\n            40px 40px;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-hint {\r\n\r\n        max-width:\r\n            calc(100% - 30px);\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-hint span {\r\n\r\n        font-size:\r\n            clamp(\r\n                24px,\r\n                8vw,\r\n                40px\r\n            );\r\n\r\n        white-space:\r\n            nowrap;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-hint small {\r\n\r\n        font-size:\r\n            9px;\r\n\r\n        white-space:\r\n            nowrap;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-message {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        max-width:\r\n            calc(100% - 40px);\r\n\r\n        white-space:\r\n            normal;\r\n\r\n        padding:\r\n            0 0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   VERY SMALL DEVICES\r\n======================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .mgs-map {\r\n\r\n        min-height:\r\n            450px;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-hint span {\r\n\r\n        font-size:\r\n            24px;\r\n\r\n    }\r\n\r\n\r\n    .mgs-map .mgs-map-hint small {\r\n\r\n        font-size:\r\n            8px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n\r\n        \/*\r\n         * Get the component.\r\n         *\/\r\n\r\n        const map =\r\n            document.getElementById(\r\n                \"mgsMap\"\r\n            );\r\n\r\n\r\n        if (!map) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/*\r\n         * Scope every element to this\r\n         * component only.\r\n         *\/\r\n\r\n        const hint =\r\n            map.querySelector(\r\n                \"#mgsMapHint\"\r\n            );\r\n\r\n\r\n        const dotLayer =\r\n            map.querySelector(\r\n                \"#mgsDotLayer\"\r\n            );\r\n\r\n\r\n        const message =\r\n            map.querySelector(\r\n                \"#mgsMessage\"\r\n            );\r\n\r\n\r\n        if (\r\n            !hint ||\r\n            !dotLayer ||\r\n            !message\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           BRAND COLORS\r\n        ==================================== *\/\r\n\r\n        const colors = [\r\n\r\n            \"#B8FF3D\",\r\n\r\n            \"#FF4D8D\",\r\n\r\n            \"#6C63FF\",\r\n\r\n            \"#4DEBFF\"\r\n\r\n        ];\r\n\r\n\r\n        \/* ====================================\r\n           RANDOM RESPONSES\r\n        ==================================== *\/\r\n\r\n        const messages = [\r\n\r\n            \"A NEW DIRECTION.\",\r\n\r\n            \"SOMEWHERE TO START.\",\r\n\r\n            \"INTERESTING.\",\r\n\r\n            \"KEEP EXPLORING.\",\r\n\r\n            \"THAT'S A GOOD PLACE.\",\r\n\r\n            \"LET'S SEE WHERE IT GOES.\",\r\n\r\n            \"NOTED.\",\r\n\r\n            \"ANOTHER POINT ON THE GRID.\"\r\n\r\n        ];\r\n\r\n\r\n        let hintHidden =\r\n            false;\r\n\r\n\r\n        let messageTimeout =\r\n            null;\r\n\r\n\r\n        \/* ====================================\r\n           RANDOM ARRAY ITEM\r\n        ==================================== *\/\r\n\r\n        function randomItem(\r\n            array\r\n        ) {\r\n\r\n            return array[\r\n                Math.floor(\r\n                    Math.random()\r\n                    * array.length\r\n                )\r\n            ];\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           SHOW BOTTOM MESSAGE\r\n        ==================================== *\/\r\n\r\n        function showMessage() {\r\n\r\n            const newMessage =\r\n                randomItem(\r\n                    messages\r\n                );\r\n\r\n\r\n            message.textContent =\r\n                newMessage;\r\n\r\n\r\n            message.classList.remove(\r\n                \"active\"\r\n            );\r\n\r\n\r\n            \/*\r\n             * Force animation restart.\r\n             *\/\r\n\r\n            void message.offsetWidth;\r\n\r\n\r\n            message.classList.add(\r\n                \"active\"\r\n            );\r\n\r\n\r\n            \/*\r\n             * Clear old timer first.\r\n             *\/\r\n\r\n            if (\r\n                messageTimeout !== null\r\n            ) {\r\n\r\n                clearTimeout(\r\n                    messageTimeout\r\n                );\r\n\r\n            }\r\n\r\n\r\n            messageTimeout =\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        message.classList.remove(\r\n                            \"active\"\r\n                        );\r\n\r\n                        messageTimeout =\r\n                            null;\r\n\r\n                    },\r\n\r\n                    2200\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           CREATE DOT\r\n        ==================================== *\/\r\n\r\n        function createDot(\r\n            x,\r\n            y,\r\n            color,\r\n            delay\r\n        ) {\r\n\r\n            const dot =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            dot.className =\r\n                \"mgs-dot\";\r\n\r\n\r\n            const size =\r\n                Math.floor(\r\n                    Math.random() * 5\r\n                ) + 4;\r\n\r\n\r\n            dot.style.left =\r\n                x + \"px\";\r\n\r\n\r\n            dot.style.top =\r\n                y + \"px\";\r\n\r\n\r\n            dot.style.setProperty(\r\n                \"--dot-color\",\r\n                color\r\n            );\r\n\r\n\r\n            dot.style.setProperty(\r\n                \"--dot-size\",\r\n                size + \"px\"\r\n            );\r\n\r\n\r\n            dot.style.setProperty(\r\n                \"--delay\",\r\n                delay + \"s\"\r\n            );\r\n\r\n\r\n            dotLayer.appendChild(\r\n                dot\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           CREATE CONNECTION\r\n        ==================================== *\/\r\n\r\n        function createConnection(\r\n            x1,\r\n            y1,\r\n            x2,\r\n            y2,\r\n            color,\r\n            delay\r\n        ) {\r\n\r\n            const dx =\r\n                x2 - x1;\r\n\r\n\r\n            const dy =\r\n                y2 - y1;\r\n\r\n\r\n            const length =\r\n                Math.sqrt(\r\n                    dx * dx +\r\n                    dy * dy\r\n                );\r\n\r\n\r\n            const angle =\r\n                Math.atan2(\r\n                    dy,\r\n                    dx\r\n                )\r\n                * 180\r\n                \/ Math.PI;\r\n\r\n\r\n            const line =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            line.className =\r\n                \"mgs-connection\";\r\n\r\n\r\n            line.style.left =\r\n                x1 + \"px\";\r\n\r\n\r\n            line.style.top =\r\n                y1 + \"px\";\r\n\r\n\r\n            line.style.width =\r\n                length + \"px\";\r\n\r\n\r\n            line.style.setProperty(\r\n                \"--line-color\",\r\n                color\r\n            );\r\n\r\n\r\n            line.style.setProperty(\r\n                \"--rotation\",\r\n                angle + \"deg\"\r\n            );\r\n\r\n\r\n            line.style.setProperty(\r\n                \"--connection-delay\",\r\n                delay + \"s\"\r\n            );\r\n\r\n\r\n            map.appendChild(\r\n                line\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           CREATE DOT REACTION\r\n        ==================================== *\/\r\n\r\n        function createReaction(\r\n            x,\r\n            y,\r\n            pinColor\r\n        ) {\r\n\r\n            const dotCount =\r\n                Math.floor(\r\n                    Math.random() * 5\r\n                ) + 5;\r\n\r\n\r\n            for (\r\n                let i = 0;\r\n                i < dotCount;\r\n                i++\r\n            ) {\r\n\r\n\r\n                const angle =\r\n                    Math.random()\r\n                    * Math.PI\r\n                    * 2;\r\n\r\n\r\n                const distance =\r\n                    50 +\r\n                    Math.random() * 160;\r\n\r\n\r\n                const dotX =\r\n                    x +\r\n                    Math.cos(angle)\r\n                    * distance;\r\n\r\n\r\n                const dotY =\r\n                    y +\r\n                    Math.sin(angle)\r\n                    * distance;\r\n\r\n\r\n                \/*\r\n                 * Keep generated dots inside\r\n                 * the visible map area.\r\n                 *\/\r\n\r\n                if (\r\n                    dotX < 20 ||\r\n                    dotX >\r\n                    map.clientWidth - 20 ||\r\n                    dotY < 20 ||\r\n                    dotY >\r\n                    map.clientHeight - 50\r\n                ) {\r\n                    continue;\r\n                }\r\n\r\n\r\n                const color =\r\n                    Math.random() > .45\r\n                        ? pinColor\r\n                        : randomItem(colors);\r\n\r\n\r\n                const delay =\r\n                    i * .08;\r\n\r\n\r\n                createDot(\r\n                    dotX,\r\n                    dotY,\r\n                    color,\r\n                    delay\r\n                );\r\n\r\n\r\n                \/*\r\n                 * Some dots get connected.\r\n                 *\/\r\n\r\n                if (\r\n                    Math.random() > .55\r\n                ) {\r\n\r\n                    createConnection(\r\n                        x,\r\n                        y,\r\n                        dotX,\r\n                        dotY,\r\n                        color,\r\n                        delay + .1\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           DROP PIN\r\n        ==================================== *\/\r\n\r\n        function dropPin(\r\n            x,\r\n            y\r\n        ) {\r\n\r\n            \/*\r\n             * Clamp coordinates so a click\r\n             * can never position an object\r\n             * outside the map.\r\n             *\/\r\n\r\n            const safeX =\r\n                Math.max(\r\n                    0,\r\n                    Math.min(\r\n                        x,\r\n                        map.clientWidth\r\n                    )\r\n                );\r\n\r\n\r\n            const safeY =\r\n                Math.max(\r\n                    0,\r\n                    Math.min(\r\n                        y,\r\n                        map.clientHeight\r\n                    )\r\n                );\r\n\r\n\r\n            const color =\r\n                randomItem(\r\n                    colors\r\n                );\r\n\r\n\r\n            \/* ==================================\r\n               HIDE MAIN HINT\r\n            ================================== *\/\r\n\r\n            if (!hintHidden) {\r\n\r\n                hint.style.opacity =\r\n                    \"0\";\r\n\r\n\r\n                hint.style.transform =\r\n                    \"translate(-50%, -50%) scale(.92)\";\r\n\r\n\r\n                hintHidden =\r\n                    true;\r\n\r\n            }\r\n\r\n\r\n            \/* ==================================\r\n               CREATE PIN\r\n            ================================== *\/\r\n\r\n            const pin =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            pin.className =\r\n                \"mgs-pin\";\r\n\r\n\r\n            pin.style.left =\r\n                safeX + \"px\";\r\n\r\n\r\n            pin.style.top =\r\n                safeY + \"px\";\r\n\r\n\r\n            pin.style.setProperty(\r\n                \"--pin-color\",\r\n                color\r\n            );\r\n\r\n\r\n            map.appendChild(\r\n                pin\r\n            );\r\n\r\n\r\n            \/* ==================================\r\n               CREATE RIPPLE\r\n            ================================== *\/\r\n\r\n            const ripple =\r\n                document.createElement(\r\n                    \"div\"\r\n                );\r\n\r\n\r\n            ripple.className =\r\n                \"mgs-ripple\";\r\n\r\n\r\n            ripple.style.left =\r\n                safeX + \"px\";\r\n\r\n\r\n            ripple.style.top =\r\n                safeY + \"px\";\r\n\r\n\r\n            ripple.style.setProperty(\r\n                \"--ripple-color\",\r\n                color\r\n            );\r\n\r\n\r\n            map.appendChild(\r\n                ripple\r\n            );\r\n\r\n\r\n            \/* ==================================\r\n               DOTS APPEAR\r\n            ================================== *\/\r\n\r\n            setTimeout(\r\n                function () {\r\n\r\n                    createReaction(\r\n                        safeX,\r\n                        safeY,\r\n                        color\r\n                    );\r\n\r\n                },\r\n                250\r\n            );\r\n\r\n\r\n            \/* ==================================\r\n               SHOW MESSAGE\r\n            ================================== *\/\r\n\r\n            showMessage();\r\n\r\n        }\r\n\r\n\r\n        \/* ====================================\r\n           CLICK \/ TAP\r\n        ==================================== *\/\r\n\r\n        map.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n\r\n                \/*\r\n                 * Use the map itself as the\r\n                 * coordinate reference.\r\n                 *\/\r\n\r\n                const rect =\r\n                    map.getBoundingClientRect();\r\n\r\n\r\n                const x =\r\n                    event.clientX -\r\n                    rect.left;\r\n\r\n\r\n                const y =\r\n                    event.clientY -\r\n                    rect.top;\r\n\r\n\r\n                dropPin(\r\n                    x,\r\n                    y\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n);\r\n\r\n<\/script>\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-a633d09 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"a633d09\" data-element_type=\"container\" data-e-type=\"container\" id=\"dua\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-438c4ad e-flex e-con-boxed e-con e-child\" data-id=\"438c4ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e40f3e5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e40f3e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ON THE GRID.<\/h2>\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-850a966 e-flex e-con-boxed e-con e-child\" data-id=\"850a966\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84b6dba elementor-widget elementor-widget-heading\" data-id=\"84b6dba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A few things we've been working on<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<article class=\"elementor-element elementor-element-7e4cc70 e-flex e-con-boxed e-con e-child\" data-id=\"7e4cc70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79594fa elementor-posts--thumbnail-none elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-card-shadow-yes elementor-posts__hover-gradient load-more-align-center elementor-widget elementor-widget-posts\" data-id=\"79594fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;pagination_type&quot;:&quot;load_more_on_click&quot;,&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-572 post type-post status-publish format-standard hentry category-projects tag-map-grid-studio tag-web-design tag-webikin tag-website-setup tag-wordpress\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/mapgridstudio.web.id\/id\/webikin\/\">\n\t\t\t\tWEBIKIN \u2014 A Simpler Way to Get a Website\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>A website setup product by Map Grid Studio. Getting a website shouldn&#8217;t feel like starting a full-scale technical project. For many people, the goal is<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/mapgridstudio.web.id\/id\/webikin\/\" aria-label=\"Read more about WEBIKIN \u2014 A Simpler Way to Get a Website\" tabindex=\"-1\" target=\"_blank\">\n\t\t\t[ INTEREST ? ]\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-240 post type-post status-publish format-standard hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/mapgridstudio.web.id\/id\/social-game\/\">\n\t\t\t\tPROJECT 02\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Social card games<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/mapgridstudio.web.id\/id\/social-game\/\" aria-label=\"Read more about PROJECT 02\" tabindex=\"-1\" target=\"_blank\">\n\t\t\t[ INTEREST ? ]\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1 post type-post status-publish format-standard hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/mapgridstudio.web.id\/id\/hello-world\/\">\n\t\t\t\tPROJECT 03\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Pass and play games<\/p>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/mapgridstudio.web.id\/id\/hello-world\/\" aria-label=\"Read more about PROJECT 03\" tabindex=\"-1\" target=\"_blank\">\n\t\t\t[ INTEREST ? ]\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\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<\/article>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d80e39 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"0d80e39\" 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-3bc8977 e-flex e-con-boxed e-con e-child\" data-id=\"3bc8977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fe3221 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5fe3221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FROM PIN TO PRODUCT.<!-- notionvc: 3d0f4db5-cd55-48eb-8b11-42ea0812b8f8 --><\/h2>\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-a5f71c3 e-con-full e-flex e-con e-child\" data-id=\"a5f71c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-97e9712 e-con-full e-flex e-con e-child\" data-id=\"97e9712\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e3437e6 e-con-full e-flex e-con e-child\" data-id=\"e3437e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5351426 e-con-full e-flex e-con e-child\" data-id=\"5351426\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b8c6c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"64b8c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6608b e-con-full e-flex e-con e-child\" data-id=\"3f6608b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e961d4 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1e961d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">DROP THE PIN<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0793836 elementor-widget elementor-widget-heading\" data-id=\"0793836\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">An idea finds its place<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc49b13 e-con-full e-flex e-con e-child\" data-id=\"dc49b13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-22efc9d e-con-full e-flex e-con e-child\" data-id=\"22efc9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7806f1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e7806f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-left\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93007e3 e-con-full e-flex e-con e-child\" data-id=\"93007e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ba5ca3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3ba5ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">EXPLORE<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2b015 elementor-widget elementor-widget-heading\" data-id=\"8a2b015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">We figure out where it can go<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ed01fc e-con-full e-flex e-con e-child\" data-id=\"1ed01fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a840c97 e-con-full e-flex e-con e-child\" data-id=\"a840c97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2fc9e5 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e2fc9e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d180b65 e-con-full e-flex e-con e-child\" data-id=\"d180b65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ff038 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"16ff038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">BUILD<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6931ca0 elementor-widget elementor-widget-heading\" data-id=\"6931ca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The idea starts taking shape<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e12161 e-con-full e-flex e-con e-child\" data-id=\"5e12161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-29be87a e-con-full e-flex e-con e-child\" data-id=\"29be87a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff6355 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"cff6355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7079806 e-con-full e-flex e-con e-child\" data-id=\"7079806\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53667d0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"53667d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">PUT IT OUT THERE<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-288a11a elementor-widget elementor-widget-heading\" data-id=\"288a11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">From concept to something real<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-4eaf3c8 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"4eaf3c8\" data-element_type=\"container\" data-e-type=\"container\" id=\"tiga\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9993041 e-flex e-con-boxed e-con e-child\" data-id=\"9993041\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b863d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"09b863d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NO SINGLE PATH.<\/h2>\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-7aabcf4 e-flex e-con-boxed e-con e-child\" data-id=\"7aabcf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e154ed7 elementor-widget elementor-widget-html\" data-id=\"e154ed7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mgs-path-v2\">\r\n\r\n    <div class=\"path-grid\">\r\n\r\n        <!-- START -->\r\n        <div class=\"path-start active\" data-path=\"start\">\r\n            <span class=\"start-dot\"><\/span>\r\n            <span>START<\/span>\r\n        <\/div>\r\n\r\n        <!-- EXPLORE -->\r\n        <div class=\"path-node explore\" data-path=\"explore\">\r\n            <span>\u271b EXPLORE<\/span>\r\n        <\/div>\r\n\r\n        <!-- PLAY -->\r\n        <div class=\"path-node play\" data-path=\"play\">\r\n            <span>\u2715 PLAY<\/span>\r\n        <\/div>\r\n\r\n        <!-- CREATE -->\r\n        <div class=\"path-node create\" data-path=\"create\">\r\n            <span>\u25cb CREATE<\/span>\r\n        <\/div>\r\n\r\n        <!-- BUILD -->\r\n        <div class=\"path-node build\" data-path=\"build\">\r\n            <span>\u2726 BUILD<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- DYNAMIC COPY -->\r\n    <div class=\"path-copy\">\r\n        <div class=\"copy-label\">START HERE<\/div>\r\n        <div class=\"path-description\">\r\n            Every idea starts somewhere. Where it goes is the interesting part.\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* =========================================================\r\n   MGS PATH V2\r\n   FLOW-SAFE \/ PURE UNICODE\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    min-width: 0;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n    overflow: visible;\r\n}\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.mgs-path-v2,\r\n.mgs-path-v2 *,\r\n.mgs-path-v2 *::before,\r\n.mgs-path-v2 *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   INTERACTIVE GRID\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-grid {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 560px;\r\n    min-width: 0;\r\n    min-height: 560px;\r\n    max-height: 560px;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    background: transparent;\r\n}\r\n\r\n\/* =========================================================\r\n   ALL INTERACTIVE ELEMENTS\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-start,\r\n.mgs-path-v2 .path-node {\r\n    position: absolute;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    font-family: inherit;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    z-index: 10;\r\n}\r\n\r\n.mgs-path-v2 .path-start:focus,\r\n.mgs-path-v2 .path-node:focus {\r\n    outline: none;\r\n}\r\n\r\n\/* =========================================================\r\n   START\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-start {\r\n    top: 50%;\r\n    left: 50%;\r\n    width: max-content;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    color: #F5F5F7;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    line-height: 1;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* =========================================================\r\n   START DOT\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .start-dot {\r\n    display: block;\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    border-radius: 50%;\r\n    background: #B8FF3D;\r\n    box-shadow:\r\n        0 0 0 8px rgba(215, 255, 63, 0.08),\r\n        0 0 30px rgba(215, 255, 63, 0.3);\r\n    transform: scale(1);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.mgs-path-v2 .path-start:hover .start-dot {\r\n    transform: scale(1.2);\r\n    box-shadow:\r\n        0 0 0 12px rgba(215, 255, 63, 0.08),\r\n        0 0 40px rgba(215, 255, 63, 0.5);\r\n}\r\n\r\n\/* =========================================================\r\n   PATH NODE\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-node {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: max-content;\r\n    padding: 10px;\r\n    color: rgba(245, 245, 247, 0.45);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    scale: 1;\r\n    transition: color 0.3s ease, scale 0.3s ease;\r\n}\r\n\r\n\/* =========================================================\r\n   NODE POSITIONS\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .explore {\r\n    top: 25%;\r\n    left: 22%;\r\n}\r\n\r\n.mgs-path-v2 .play {\r\n    top: 16%;\r\n    right: 20%;\r\n}\r\n\r\n.mgs-path-v2 .create {\r\n    bottom: 26%;\r\n    right: 20%;\r\n}\r\n\r\n.mgs-path-v2 .build {\r\n    bottom: 9%;\r\n    left: 50%;\r\n    translate: -50% 0;\r\n}\r\n\r\n\/* =========================================================\r\n   NODE HOVER \/ ACTIVE\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-node:hover,\r\n.mgs-path-v2 .path-node.active {\r\n    color: #B8FF3D;\r\n    scale: 1.12;\r\n}\r\n\r\n.mgs-path-v2 .build:hover,\r\n.mgs-path-v2 .build.active {\r\n    translate: -50% 0;\r\n    scale: 1.12;\r\n}\r\n\r\n\/* =========================================================\r\n   COPY AREA\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-copy {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 105px;\r\n    min-height: 105px;\r\n    max-height: 105px;\r\n    margin: 28px 0 0;\r\n    padding: 20px 0 0;\r\n    border-top: 1px solid rgba(245, 245, 247, 0.12);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   COPY LABEL\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .copy-label {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 0;\r\n    width: max-content;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #B8FF3D;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    line-height: 1.4;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.mgs-path-v2 .path-description {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 0;\r\n    width: min(550px, calc(100% - 180px));\r\n    height: 58px;\r\n    min-height: 58px;\r\n    max-height: 58px;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: rgba(245, 245, 247, 0.65);\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition: opacity 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n    .mgs-path-v2 {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin: 0;\r\n        padding: 40px 16px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .mgs-path-v2 .path-grid {\r\n        width: 100%;\r\n        height: 500px;\r\n        min-height: 500px;\r\n        max-height: 500px;\r\n    }\r\n\r\n    .mgs-path-v2 .path-node {\r\n        font-size: 13px;\r\n        padding: 8px;\r\n    }\r\n\r\n    .mgs-path-v2 .explore { top: 23%; left: 5%; }\r\n    .mgs-path-v2 .play { top: 13%; right: 4%; }\r\n    .mgs-path-v2 .create { bottom: 27%; right: 3%; }\r\n    .mgs-path-v2 .build { bottom: 7%; left: 50%; }\r\n\r\n    .mgs-path-v2 .path-copy {\r\n        height: 150px;\r\n        min-height: 150px;\r\n        max-height: 150px;\r\n        margin-top: 28px;\r\n    }\r\n\r\n    .mgs-path-v2 .copy-label {\r\n        top: 20px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .mgs-path-v2 .path-description {\r\n        top: 50px;\r\n        left: 0;\r\n        right: auto;\r\n        width: 100%;\r\n        height: 90px;\r\n        min-height: 90px;\r\n        max-height: 90px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .mgs-path-v2 {\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n    }\r\n    .mgs-path-v2 .explore { left: 2%; }\r\n    .mgs-path-v2 .play { right: 2%; }\r\n    .mgs-path-v2 .create { right: 2%; }\r\n    .mgs-path-v2 .path-node { font-size: 11px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ JS tetep persis sama kayak yang lu punya, nggak ada yang perlu diubah.\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const components = document.querySelectorAll(\".mgs-path-v2\");\r\n\r\n    components.forEach(function (component) {\r\n        const nodes = component.querySelectorAll(\".path-node\");\r\n        const start = component.querySelector(\".path-start\");\r\n        const label = component.querySelector(\".copy-label\");\r\n        const description = component.querySelector(\".path-description\");\r\n\r\n        if (!label || !description) return;\r\n\r\n        const content = {\r\n            start: {\r\n                label: \"START HERE\",\r\n                text: \"Every idea starts somewhere. Where it goes is the interesting part.\"\r\n            },\r\n            explore: {\r\n                label: \"EXPLORE\",\r\n                text: \"Follow the idea. Test different directions and see what happens.\"\r\n            },\r\n            play: {\r\n                label: \"PLAY\",\r\n                text: \"Not every idea needs to start serious. Sometimes play is where the good stuff happens.\"\r\n            },\r\n            create: {\r\n                label: \"CREATE\",\r\n                text: \"Turn possibilities into something people can actually see, use, or experience.\"\r\n            },\r\n            build: {\r\n                label: \"BUILD\",\r\n                text: \"Take the idea off the grid and turn it into something real.\"\r\n            }\r\n        };\r\n\r\n        let currentPath = \"start\";\r\n        let transitionTimer = null;\r\n\r\n        function activate(path) {\r\n            if (!content[path] || currentPath === path) return;\r\n\r\n            currentPath = path;\r\n\r\n            if (transitionTimer !== null) {\r\n                window.clearTimeout(transitionTimer);\r\n                transitionTimer = null;\r\n            }\r\n\r\n            nodes.forEach(function (node) {\r\n                node.classList.remove(\"active\");\r\n            });\r\n\r\n            if (path !== \"start\") {\r\n                const activeNode = component.querySelector('[data-path=\"' + path + '\"]');\r\n                if (activeNode) activeNode.classList.add(\"active\");\r\n            }\r\n\r\n            description.style.opacity = \"0\";\r\n            description.style.transform = \"translateY(5px)\";\r\n\r\n            transitionTimer = window.setTimeout(function () {\r\n                label.textContent = content[path].label;\r\n                description.textContent = content[path].text;\r\n                description.style.opacity = \"1\";\r\n                description.style.transform = \"translateY(0)\";\r\n                transitionTimer = null;\r\n            }, 150);\r\n        }\r\n\r\n        nodes.forEach(function (node) {\r\n            node.addEventListener(\"click\", function (event) {\r\n                event.preventDefault();\r\n                event.stopPropagation();\r\n                activate(node.dataset.path);\r\n            });\r\n        });\r\n\r\n        if (start) {\r\n            start.addEventListener(\"click\", function (event) {\r\n                event.preventDefault();\r\n                event.stopPropagation();\r\n\r\n                currentPath = \"start\";\r\n\r\n                if (transitionTimer !== null) {\r\n                    window.clearTimeout(transitionTimer);\r\n                    transitionTimer = null;\r\n                }\r\n\r\n                nodes.forEach(function (node) {\r\n                    node.classList.remove(\"active\");\r\n                });\r\n\r\n                description.style.opacity = \"0\";\r\n                description.style.transform = \"translateY(5px)\";\r\n\r\n                transitionTimer = window.setTimeout(function () {\r\n                    label.textContent = content.start.label;\r\n                    description.textContent = content.start.text;\r\n                    description.style.opacity = \"1\";\r\n                    description.style.transform = \"translateY(0)\";\r\n                    transitionTimer = null;\r\n                }, 150);\r\n            });\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-0f0dba8 solid-section e-con-full e-flex e-con e-parent\" data-id=\"0f0dba8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd9246 elementor-widget__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"0dd9246\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c392b41\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-d763047\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-eb12046\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4fa0a54\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ad0b4a6\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-b0af9d7\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4db911a\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6883ba2\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c4050be\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1abc323\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c392b41\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-d763047\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-eb12046\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4fa0a54\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ad0b4a6\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-b0af9d7\" >IDEAS<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4db911a\" >PLAY<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6883ba2\" >EXPLORE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c4050be\" >CREATE<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1abc323\" >REPEAT<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d53c119 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"d53c119\" data-element_type=\"container\" data-e-type=\"container\" id=\"empat\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-62410ed e-flex e-con-boxed e-con e-child\" data-id=\"62410ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c04759 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7c04759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WE'RE BUILDING IN PUBLIC.<\/h2>\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-aaa4e1b e-flex e-con-boxed e-con e-child\" data-id=\"aaa4e1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4146e elementor-widget elementor-widget-heading\" data-id=\"ff4146e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Follow along as we build, test, break, fix, and figure things out.<\/p>\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-679f2d0 e-flex e-con-boxed e-con e-child\" data-id=\"679f2d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316132b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"316132b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">FOLLOW THE JOURNEY.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d753864 elementor-widget elementor-widget-heading\" data-id=\"d753864\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">See what we're building, breaking, and figuring out.<\/p>\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-30dcfca e-flex e-con-boxed e-con e-child\" data-id=\"30dcfca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfc524f elementor-widget elementor-widget-button\" data-id=\"cfc524f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.instagram.com\/mapgridstudio\/\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ INSTAGRAM ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c698687 elementor-widget elementor-widget-button\" data-id=\"c698687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.tiktok.com\/@mapgridstudio\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ TIKTOK ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f1dec0 elementor-widget elementor-widget-button\" data-id=\"8f1dec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.youtube.com\/@mapgridstudio\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ YOUTUBE ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d8afb5 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"3d8afb5\" 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-20835ef e-flex e-con-boxed e-con e-child\" data-id=\"20835ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d279c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"13d279c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GOT SOMETHING IN MIND?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a54bbf elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6a54bbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">DROP A PIN.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bcaf0f elementor-widget elementor-widget-heading\" data-id=\"3bcaf0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Have an idea, project, or something <span style=\"letter-spacing: -0.1px;text-align: start\"> you want to explore<\/span>?\nLet's see where it goes.<\/p>\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-617baf2 e-flex e-con-boxed e-con e-child\" data-id=\"617baf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538562b elementor-widget elementor-widget-button\" data-id=\"538562b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:mapgridstudio@gmail.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">[ START A PROJECT \u2192 ]<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-393e70a elementor-widget elementor-widget-button\" data-id=\"393e70a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/wa.me\/6281234567890\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CHAT ON WHATSAPP \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9258dd1 grid-canvas e-flex e-con-boxed e-con e-parent\" data-id=\"9258dd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Independent Digital Creative Studio WE DROPTHE PIN Turning simple ideas into playful digital experiences. Map Grid Studio is an independent digital creative studio exploring ideas through digital products, websites, and interactive experiences. [ EXPLORE THE GRID \u2193 ] [ WORK WITH US \u2192 ] IDEAS PLAY EXPLORE CREATE REPEAT IDEAS PLAY EXPLORE CREATE REPEAT IDEAS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":706,"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1101,"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/pages\/26\/revisions\/1101"}],"wp:attachment":[{"href":"https:\/\/mapgridstudio.web.id\/id\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}