{"id":223,"date":"2026-04-12T23:20:52","date_gmt":"2026-04-12T23:20:52","guid":{"rendered":"https:\/\/metaartron.com\/?page_id=223"},"modified":"2026-04-13T00:10:54","modified_gmt":"2026-04-13T00:10:54","slug":"elementor-page-223","status":"publish","type":"page","link":"https:\/\/metaartron.com\/?page_id=223","title":{"rendered":"SOLID 3D ANImation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"223\" class=\"elementor elementor-223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbc2ee2 e-con-full e-flex e-con e-parent\" data-id=\"bbc2ee2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-689c460 elementor-widget elementor-widget-html\" data-id=\"689c460\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<canvas id=\"meta-bg\"><\/canvas>\r\n\r\n<style>\r\n#meta-bg{\r\n  position: fixed;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r134\/three.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.134\/examples\/js\/loaders\/RGBELoader.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\n\/\/ SCENE\r\nconst scene = new THREE.Scene();\r\n\r\nconst camera = new THREE.PerspectiveCamera(\r\n  55,\r\n  window.innerWidth\/window.innerHeight,\r\n  0.1,\r\n  1000\r\n);\r\ncamera.position.z = 4;\r\n\r\n\/\/ RENDERER\r\nconst renderer = new THREE.WebGLRenderer({\r\n  canvas: document.getElementById(\"meta-bg\"),\r\n  alpha: true,\r\n  antialias: true\r\n});\r\n\r\nrenderer.setSize(window.innerWidth, window.innerHeight);\r\nrenderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\nrenderer.outputEncoding = THREE.sRGBEncoding;\r\n\r\n\/\/ \ud83d\udd34 LOAD HDRI (REAL REFLECTION)\r\nnew THREE.RGBELoader()\r\n  .setDataType(THREE.UnsignedByteType)\r\n  .load(\r\n    \"https:\/\/dl.polyhaven.org\/file\/ph-assets\/HDRIs\/hdr\/1k\/studio_small_08_1k.hdr\",\r\n    function(texture){\r\n\r\n      texture.mapping = THREE.EquirectangularReflectionMapping;\r\n\r\n      scene.environment = texture;\r\n      scene.background = null; \/\/ keep transparent\r\n    }\r\n  );\r\n\r\n\/\/ GEOMETRY\r\nconst geometry = new THREE.PlaneGeometry(10,10,260,260);\r\n\r\n\/\/ UNIFORMS\r\nconst uniforms = {\r\n  time: { value: 0 },\r\n  mouse: { value: new THREE.Vector2(0,0) }\r\n};\r\n\r\n\/\/ \ud83d\udd34 VERTEX (same parametric logic)\r\nconst vertexShader = `\r\nuniform float time;\r\nuniform vec2 mouse;\r\nvarying float vElevation;\r\n\r\nfloat voronoi(vec2 p){\r\n    float res = 100.0;\r\n    for(int i=0;i<14;i++){\r\n        vec2 seed = vec2(\r\n            sin(float(i)*12.9898 + time*0.4),\r\n            cos(float(i)*78.233 + time*0.4)\r\n        ) * 2.0;\r\n\r\n        float d = length(p - seed);\r\n        res = min(res, d);\r\n    }\r\n    return res;\r\n}\r\n\r\nvoid main(){\r\n    vec3 pos = position;\r\n\r\n    vec2 p = pos.xy * 0.9;\r\n\r\n    float v = voronoi(p);\r\n\r\n    float elevation = sin(v * 7.0 - time * 2.0);\r\n\r\n    elevation += sin(p.x * 2.0 + mouse.x * 3.0) * 0.25;\r\n    elevation += cos(p.y * 2.0 + mouse.y * 3.0) * 0.25;\r\n\r\n    pos.z += elevation;\r\n\r\n    vElevation = elevation;\r\n\r\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos,1.0);\r\n}\r\n`;\r\n\r\n\/\/ \ud83d\udd34 FRAGMENT (GLASS + REFLECTION)\r\nconst fragmentShader = `\r\nprecision highp float;\r\n\r\nvarying float vElevation;\r\n\r\nvoid main(){\r\n\r\n    float intensity = abs(vElevation);\r\n\r\n    \/\/ DARK BASE\r\n    vec3 base = vec3(0.02,0.02,0.02);\r\n\r\n    \/\/ RED TINT\r\n    vec3 red = vec3(0.6,0.05,0.05) * intensity;\r\n\r\n    \/\/ GLASS LIGHT\r\n    float fresnel = pow(1.0 - intensity, 3.0);\r\n\r\n    vec3 color = base + red + fresnel * 0.6;\r\n\r\n    gl_FragColor = vec4(color, 0.85);\r\n}\r\n`;\r\n\r\n\/\/ \ud83d\udd34 PHYSICAL MATERIAL (KEY FOR REAL REFLECTION)\r\nconst material = new THREE.MeshPhysicalMaterial({\r\n  color: 0x111111,\r\n  metalness: 0.3,\r\n  roughness: 0.1,\r\n  transmission: 0.9, \/\/ GLASS\r\n  thickness: 1.5,\r\n  envMapIntensity: 2.5,\r\n  clearcoat: 1,\r\n  clearcoatRoughness: 0.05\r\n});\r\n\r\n\/\/ \ud83d\udd34 APPLY SHADER DISPLACEMENT\r\nmaterial.onBeforeCompile = (shader)=>{\r\n  shader.uniforms.time = uniforms.time;\r\n  shader.uniforms.mouse = uniforms.mouse;\r\n\r\n  shader.vertexShader = shader.vertexShader.replace(\r\n    \"#include <begin_vertex>\",\r\n    `\r\n    vec3 transformed = position;\r\n\r\n    vec2 p = transformed.xy * 0.9;\r\n\r\n    float res = 100.0;\r\n    for(int i=0;i<14;i++){\r\n      vec2 seed = vec2(\r\n        sin(float(i)*12.9898 + time*0.4),\r\n        cos(float(i)*78.233 + time*0.4)\r\n      ) * 2.0;\r\n\r\n      float d = length(p - seed);\r\n      res = min(res, d);\r\n    }\r\n\r\n    float elevation = sin(res * 7.0 - time * 2.0);\r\n\r\n    elevation += sin(p.x * 2.0 + mouse.x * 3.0) * 0.25;\r\n    elevation += cos(p.y * 2.0 + mouse.y * 3.0) * 0.25;\r\n\r\n    transformed.z += elevation;\r\n    `\r\n  );\r\n};\r\n\r\n\/\/ MESH\r\nconst mesh = new THREE.Mesh(geometry, material);\r\nscene.add(mesh);\r\n\r\n\/\/ MOUSE\r\nwindow.addEventListener(\"mousemove\", (e)=>{\r\n  uniforms.mouse.value.x = (e.clientX\/window.innerWidth - 0.5)*2;\r\n  uniforms.mouse.value.y = (e.clientY\/window.innerHeight - 0.5)*2;\r\n});\r\n\r\n\/\/ ANIMATION\r\nfunction animate(){\r\n  requestAnimationFrame(animate);\r\n\r\n  uniforms.time.value += 0.01;\r\n\r\n  mesh.rotation.x = -0.85 + uniforms.mouse.value.y * 0.2;\r\n  mesh.rotation.y = uniforms.mouse.value.x * 0.3;\r\n\r\n  renderer.render(scene,camera);\r\n}\r\n\r\nanimate();\r\n\r\n\/\/ RESPONSIVE\r\nwindow.addEventListener(\"resize\", ()=>{\r\n  renderer.setSize(window.innerWidth, window.innerHeight);\r\n  camera.aspect = window.innerWidth\/window.innerHeight;\r\n  camera.updateProjectionMatrix();\r\n});\r\n\r\n})();\r\n<\/script>\r\n<!-- META ARTRON BACKGROUND -->\r\n\r\n<canvas id=\"meta-bg\"><\/canvas>\r\n\r\n<style>\r\n#meta-bg{\r\n  position: fixed;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r134\/three.min.js\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n\r\n\/\/ SCENE\r\nconst scene = new THREE.Scene();\r\n\r\nconst camera = new THREE.PerspectiveCamera(\r\n  55,\r\n  window.innerWidth\/window.innerHeight,\r\n  0.1,\r\n  1000\r\n);\r\n\r\n\/\/ \ud83d\udd34 PERFECT ZOOM FOR BACKGROUND\r\ncamera.position.z = 4;\r\n\r\nconst renderer = new THREE.WebGLRenderer({\r\n  canvas: document.getElementById(\"meta-bg\"),\r\n  alpha: true,\r\n  antialias: true\r\n});\r\n\r\nrenderer.setSize(window.innerWidth, window.innerHeight);\r\nrenderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n\r\n\/\/ GEOMETRY\r\nconst geometry = new THREE.PlaneGeometry(10, 10, 260, 260);\r\n\r\n\/\/ UNIFORMS\r\nconst uniforms = {\r\n  time: { value: 0 },\r\n  mouse: { value: new THREE.Vector2(0,0) }\r\n};\r\n\r\n\/\/ \ud83d\udd34 SHADER (GLASS + CINEMATIC)\r\nconst material = new THREE.ShaderMaterial({\r\n  uniforms: uniforms,\r\n  transparent: true,\r\n\r\n  vertexShader: `\r\n    uniform float time;\r\n    uniform vec2 mouse;\r\n    varying float vElevation;\r\n    varying vec2 vUv;\r\n\r\n    float voronoi(vec2 p){\r\n        float res = 100.0;\r\n        for(int i=0;i<14;i++){\r\n            vec2 seed = vec2(\r\n                sin(float(i)*12.9898 + time*0.4),\r\n                cos(float(i)*78.233 + time*0.4)\r\n            ) * 2.0;\r\n\r\n            float d = length(p - seed);\r\n            res = min(res, d);\r\n        }\r\n        return res;\r\n    }\r\n\r\n    void main(){\r\n        vUv = uv;\r\n\r\n        vec3 pos = position;\r\n\r\n        vec2 p = pos.xy * 0.9;\r\n\r\n        float v = voronoi(p);\r\n\r\n        float elevation = sin(v * 7.0 - time * 2.0);\r\n\r\n        elevation += sin(p.x * 2.0 + mouse.x * 3.0) * 0.25;\r\n        elevation += cos(p.y * 2.0 + mouse.y * 3.0) * 0.25;\r\n\r\n        pos.z += elevation;\r\n\r\n        vElevation = elevation;\r\n\r\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(pos,1.0);\r\n    }\r\n  `,\r\n\r\n  fragmentShader: `\r\n    varying float vElevation;\r\n    varying vec2 vUv;\r\n\r\n    void main(){\r\n\r\n        \/\/ \ud83d\udd34 DARK BASE\r\n        vec3 base = vec3(0.01,0.01,0.01);\r\n\r\n        \/\/ \ud83d\udd34 RED GLOW\r\n        float glow = smoothstep(0.1,1.0,abs(vElevation));\r\n        vec3 red = vec3(0.8,0.05,0.05) * glow;\r\n\r\n        \/\/ \ud83d\udd34 GLASS HIGHLIGHT\r\n        float highlight = pow(1.0 - abs(vElevation), 4.0);\r\n        vec3 glass = vec3(1.0,0.2,0.2) * highlight * 0.4;\r\n\r\n        \/\/ \ud83d\udd34 EDGE SHIMMER (CINEMATIC)\r\n        float edge = smoothstep(0.4,0.9,abs(vElevation));\r\n        vec3 edgeGlow = vec3(1.0,0.1,0.1) * edge * 0.6;\r\n\r\n        vec3 color = base + red + glass + edgeGlow;\r\n\r\n        gl_FragColor = vec4(color, 0.9);\r\n    }\r\n  `,\r\n\r\n  side: THREE.DoubleSide\r\n});\r\n\r\nconst mesh = new THREE.Mesh(geometry, material);\r\nscene.add(mesh);\r\n\r\n\/\/ MOUSE\r\nwindow.addEventListener(\"mousemove\", (e)=>{\r\n  uniforms.mouse.value.x = (e.clientX\/window.innerWidth - 0.5)*2;\r\n  uniforms.mouse.value.y = (e.clientY\/window.innerHeight - 0.5)*2;\r\n});\r\n\r\n\/\/ ANIMATION\r\nfunction animate(){\r\n  requestAnimationFrame(animate);\r\n\r\n  uniforms.time.value += 0.01;\r\n\r\n  mesh.rotation.x = -0.85 + uniforms.mouse.value.y * 0.2;\r\n  mesh.rotation.y = uniforms.mouse.value.x * 0.3;\r\n\r\n  renderer.render(scene,camera);\r\n}\r\n\r\nanimate();\r\n\r\n\/\/ RESPONSIVE\r\nwindow.addEventListener(\"resize\", ()=>{\r\n  renderer.setSize(window.innerWidth, window.innerHeight);\r\n  camera.aspect = window.innerWidth\/window.innerHeight;\r\n  camera.updateProjectionMatrix();\r\n});\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f01b5df e-con-full e-flex e-con e-parent\" data-id=\"f01b5df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"d75f82b\" \n\t\tclass=\"e-d75f82b-c423511 e-heading-base\" \n\t\t \n\t\tdata-e-type=\"widget\" data-id=\"d75f82b\"\n\t>\n\t\n\t\t\tMETA ARTRON\n\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f023daf e-con-full e-flex e-con e-parent\" data-id=\"f023daf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"2b28d19\" \n\t\tclass=\"e-2b28d19-e5d5a7b e-heading-base\" \n\t\t \n\t\tdata-e-type=\"widget\" data-id=\"2b28d19\"\n\t>\n\t\n\t\t\tWhere Art Meets Functions.\n\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d388a0 e-con-full e-flex e-con e-parent\" data-id=\"5d388a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-f80df3e e-con-full e-flex e-con e-child\" data-id=\"f80df3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7e565c5 e-flex e-con-boxed e-con e-child\" data-id=\"7e565c5\" 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-bb5554d elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"bb5554d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/metaartron.com\/wp-content\/uploads\/2026\/04\/ts_architecture_portfolio_design_themed__architecture_style_tem_eb9fc5a3-4566-4642-9b91-b0c1b85a1368-removebg-preview.png\" class=\"attachment-1536x1536 size-1536x1536 wp-image-123\" alt=\"\" srcset=\"https:\/\/metaartron.com\/wp-content\/uploads\/2026\/04\/ts_architecture_portfolio_design_themed__architecture_style_tem_eb9fc5a3-4566-4642-9b91-b0c1b85a1368-removebg-preview.png 500w, https:\/\/metaartron.com\/wp-content\/uploads\/2026\/04\/ts_architecture_portfolio_design_themed__architecture_style_tem_eb9fc5a3-4566-4642-9b91-b0c1b85a1368-removebg-preview-300x300.png 300w, https:\/\/metaartron.com\/wp-content\/uploads\/2026\/04\/ts_architecture_portfolio_design_themed__architecture_style_tem_eb9fc5a3-4566-4642-9b91-b0c1b85a1368-removebg-preview-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8a1cd7 e-con-full e-flex e-con e-child\" data-id=\"f8a1cd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a78d873 elementor-widget elementor-widget-heading\" data-id=\"a78d873\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Who We Are<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b11936 e-transform elementor-widget elementor-widget-text-editor\" data-id=\"3b11936\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4><strong>Where Art Breathes,<\/strong><br data-start=\"394\" data-end=\"397\" \/><strong>and Nature Takes Form.<\/strong><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d377fa7 elementor-widget elementor-widget-icon-box\" data-id=\"d377fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" 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\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\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\tMeta Artron is a design intelligence studio where architecture is not imposed \u2014 it is derived.\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<div class=\"elementor-element elementor-element-9ae4040 elementor-widget elementor-widget-icon-box\" data-id=\"9ae4040\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" 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\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\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\tOur work begins at the intersection of artistic expression and natural logic, where patterns found in nature are translated into precise geometric systems.\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<div class=\"elementor-element elementor-element-f763e1a elementor-widget elementor-widget-icon-box\" data-id=\"f763e1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" 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\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\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 form as a living entity \u2014 shaped through parametric processes, spatial intelligence, and material sensitivity. Each project evolves through layers of analysis, iteration, and refinement, resulting in spaces that feel both intentional and inevitable.\n\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<div class=\"elementor-element elementor-element-a81a334 elementor-widget elementor-widget-icon-box\" data-id=\"a81a334\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" 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\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\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\tInspired by the flow of landscapes, the rhythm of structures, and the abstraction of art, we create environments that are not only functional \u2014 but deeply experiential and immersive.\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a614e6 e-con-full e-flex e-con e-child\" data-id=\"0a614e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a82d395 e-con-full e-flex e-con e-child\" data-id=\"a82d395\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63a41ad elementor-widget elementor-widget-heading\" data-id=\"63a41ad\" 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\">Where Art Becomes Architecture<\/h1>\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-d5575fa e-con-full e-flex e-con e-child\" data-id=\"d5575fa\" 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-220ee48 elementor-widget elementor-widget-heading\" data-id=\"220ee48\" 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\">A Title to Turn the Visitor Into a Lead<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e51002 elementor-widget elementor-widget-text-editor\" data-id=\"6e51002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This is your chance to emphasize why the visitor should contact you right now.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99ff669 elementor-mobile-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"99ff669\" 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=\"#\">\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\">Contact us<\/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>\n\t\t<footer class=\"elementor-element elementor-element-348434e e-con-full e-flex e-con e-child\" data-id=\"348434e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5188ecd e-con-full e-flex e-con e-child\" data-id=\"5188ecd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f105da elementor-widget elementor-widget-image\" data-id=\"6f105da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/metaartron.com\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fce7883 e-con-full e-flex e-con e-child\" data-id=\"fce7883\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e0f78e elementor-icon-list--layout-inline elementor-tablet-align-center elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1e0f78e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">123-456-7890<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">123 Main Street, New York, NY 10001<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mon-Fri 9:00AM - 5:00PM<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-400ffe4 e-con-full e-flex e-con e-child\" data-id=\"400ffe4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb6a4e e-grid-align-right e-grid-align-tablet-right e-grid-align-mobile-center elementor-widget-mobile__width-inherit elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"abb6a4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-3f1b7ac\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook-f<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-f\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-5c0ce3c\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-828f132\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t<div class=\"elementor-element elementor-element-9e1b9ca e-con-full e-flex e-con e-child\" data-id=\"9e1b9ca\" 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-8edd10c elementor-widget elementor-widget-heading\" data-id=\"8edd10c\" 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\">\u00a9 2022 All Rights Reserved.<\/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","protected":false},"excerpt":{"rendered":"<p>META ARTRON Where Art Meets Functions. Who We Are Where Art Breathes,and Nature Takes Form. Meta Artron is a design intelligence studio where architecture is not imposed \u2014 it is derived. Our work begins at the intersection of artistic expression and natural logic, where patterns found in nature are translated into precise geometric systems. We &#8230; <a title=\"SOLID 3D ANImation\" class=\"read-more\" href=\"https:\/\/metaartron.com\/?page_id=223\" aria-label=\"Read more about SOLID 3D ANImation\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-223","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaartron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":13,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/metaartron.com\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/metaartron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}