{"id":49,"date":"2026-11-02T04:27:25","date_gmt":"2026-11-02T04:27:25","guid":{"rendered":"https:\/\/craftmee.in\/?page_id=49"},"modified":"2026-11-02T10:27:29","modified_gmt":"2026-11-02T10:27:29","slug":"home","status":"publish","type":"page","link":"https:\/\/craftmee.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c468758 e-con e-atomic-element e-flexbox-base e-default-div e-3ed5109 \" data-id=\"c468758\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c468758\">\n    \t\t<div class=\"elementor-element elementor-element-f5fc00b elementor-widget elementor-widget-html\" data-id=\"f5fc00b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CraftMee v12: mobile image fixed (background-image crop), desktop unchanged -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600&family=Nunito:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.cm-root{--blue:#3DA5E6;--teal:#06B0AE;--pink:#EE2D7A;--yellow:#FDB10A;--ink:#3A3A3C;--h:var(--blue);\r\n  --mz:155%;  \/* mobile zoom: bigger = closer on the kids *\/\r\n  --mh:85%;   \/* mobile picture height as % of width: bigger = shows more of the top (planes) *\/\r\n  position:relative;font-family:Nunito,sans-serif}\r\n.cm-root *{box-sizing:border-box}\r\n\r\n.cm-header{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,48px);\r\n  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow .3s}\r\nbody.admin-bar .cm-header{top:32px}\r\n.cm-header.is-stuck{box-shadow:0 6px 24px rgba(11,58,99,.12)}\r\n.cm-logo{display:flex;align-items:center;text-decoration:none}\r\n.cm-logo img{height:76px;width:auto;display:block}\r\n.cm-fallback{display:none;font:600 2.2rem\/1 Fredoka,sans-serif;color:var(--teal)}\r\n.cm-logo.no-img img{display:none}.cm-logo.no-img .cm-fallback{display:block}\r\n.cm-btn,.cm-nav a{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--pink);color:#fff !important;text-decoration:none;border-radius:999px;\r\n  font:600 1rem Fredoka,sans-serif;padding:13px 30px;transition:transform .25s}\r\n.cm-btn:hover,.cm-nav a:hover{transform:translateY(-3px) scale(1.04)}\r\n\r\n.cm-hero{position:relative;overflow:hidden;isolation:isolate;\r\n  background:#fff linear-gradient(rgba(61,165,230,.11) 1px,transparent 1px) 0 0\/40px 40px,linear-gradient(90deg,rgba(61,165,230,.11) 1px,transparent 1px) 0 0\/40px 40px}\r\n.cm-stage{position:relative;width:100%}\r\n.cm-pic{position:relative;width:100%}\r\n.cm-bg{display:block;width:100%;height:auto}\r\n.cm-mob{display:none}\r\n\r\n.cm-content{position:absolute;z-index:3;left:0;top:24%;bottom:6%;width:44%;display:flex;flex-direction:column;justify-content:center;\r\n  padding:0 10px 0 clamp(20px,6vw,90px);will-change:transform,opacity}\r\n.cm-root .cm-title{margin:0;color:var(--h) !important;font:500 clamp(2rem,4.6vw,4.8rem)\/1.04 Fredoka,sans-serif;letter-spacing:.07em;text-transform:uppercase;text-align:left}\r\n.cm-root .cm-title .l{display:block;color:var(--h) !important}\r\n.cm-root .cm-title .l1{position:relative;display:inline-block;align-self:flex-start;font-size:.62em;letter-spacing:.09em;margin-bottom:.2em}\r\n.cm-root .cm-title .l1::after{content:\"\";position:absolute;left:0;bottom:-.06em;height:.09em;width:100%;background:var(--yellow);border-radius:99px;transform:scaleX(0);transform-origin:left;animation:cmLine .8s 1.5s cubic-bezier(.2,.9,.2,1) forwards}\r\n.cm-root .cm-title .l3{margin-top:.1em}\r\n.cm-root .cm-title .con{font-size:.46em;text-transform:none;letter-spacing:.04em;margin-right:.35em}\r\n.cm-root .cm-ch{display:inline-block;color:var(--h) !important;opacity:0;transform:translateX(-60px) skewX(-14deg);filter:blur(10px);\r\n  animation:cmGlide .9s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--i)*55ms + .3s)}\r\n@keyframes cmGlide{to{opacity:1;transform:none;filter:none}}\r\n@keyframes cmLine{to{transform:scaleX(1)}}\r\n@keyframes cmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\r\n\r\n.cm-root .cm-sub{margin:18px 0 0;max-width:360px;color:var(--ink) !important;font:600 clamp(.9rem,1.25vw,1.1rem)\/1.6 Nunito,sans-serif;opacity:0;animation:cmUp .8s 1.5s forwards}\r\n.cm-btn{margin-top:22px;align-self:flex-start;opacity:0;animation:cmUp .8s 1.75s forwards,cmPulse 2.6s 2.7s infinite}\r\n@keyframes cmPulse{0%{box-shadow:0 0 0 0 rgba(238,45,122,.45)}70%,100%{box-shadow:0 0 0 16px rgba(238,45,122,0)}}\r\n\r\n\/* ---------- mobile ---------- *\/\r\n@media (max-width:760px){\r\n  .cm-logo img{height:50px}\r\n  .cm-btn,.cm-nav a{padding:10px 20px;font-size:.95rem}\r\n  .cm-stage{display:flex;flex-direction:column}\r\n\r\n  .cm-content{position:relative;order:1;width:100%;top:auto;bottom:auto;padding:96px 22px 0;justify-content:flex-start}\r\n  .cm-root .cm-title{font-size:clamp(2.3rem,12.5vw,3.5rem);line-height:1.02}\r\n  .cm-root .cm-title .l1{font-size:.6em}\r\n  .cm-root .cm-sub{margin-top:14px;max-width:100%;font-size:.98rem;line-height:1.5}\r\n  .cm-btn{align-self:stretch;margin-top:18px;padding:14px 24px}\r\n\r\n  .cm-pic{order:2;margin-top:10px}\r\n  .cm-bg{display:none !important}\r\n  .cm-mob{display:block;width:100%;height:0;padding-bottom:var(--mh);\r\n    background-repeat:no-repeat;background-position:right bottom;background-size:var(--mz) auto;\r\n    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(180deg,transparent 0,#000 12%)}\r\n}\r\n@media (prefers-reduced-motion:reduce){.cm-ch,.cm-sub,.cm-btn{animation:none;opacity:1;transform:none;filter:none}.cm-title .l1::after{animation:none;transform:none}}\r\n<\/style>\r\n\r\n<div class=\"cm-root\">\r\n  <header class=\"cm-header\" id=\"cmHeader\">\r\n    <a class=\"cm-logo\" id=\"cmLogo\" href=\"\/\" aria-label=\"CraftMee home\">\r\n      <img id=\"cmLogoImg\" alt=\"CraftMee\">\r\n      <span class=\"cm-fallback\" aria-hidden=\"true\">craftmee<\/span>\r\n    <\/a>\r\n    <nav class=\"cm-nav\" aria-label=\"Main\"><a href=\"#contact\">Contact Us<\/a><\/nav>\r\n  <\/header>\r\n\r\n  <section class=\"cm-hero\" id=\"cmHero\">\r\n    <div class=\"cm-stage\">\r\n      <div class=\"cm-pic\">\r\n        <img class=\"cm-bg\" id=\"cmBg\" alt=\"Two excited children watching a small brick robot on a craft table, with paper planes above\" fetchpriority=\"high\" decoding=\"async\">\r\n        <div class=\"cm-mob\" id=\"cmMob\" role=\"img\" aria-label=\"Two excited children watching a small brick robot on a craft table, with paper planes above\"><\/div>\r\n      <\/div>\r\n      <div class=\"cm-content\" id=\"cmContent\">\r\n        <h1 class=\"cm-title\" aria-label=\"Crafts, Robotics for Kids\">\r\n          <span class=\"l l1 cm-split\">Crafts,<\/span>\r\n          <span class=\"l l2 cm-split\">Robotics<\/span>\r\n          <span class=\"l l3\"><span class=\"con cm-split\">for<\/span><span class=\"cm-split\">Kids<\/span><\/span>\r\n        <\/h1>\r\n        <p class=\"cm-sub\">Live online classes where your child builds robots, paints and imagines.<\/p>\r\n        <a class=\"cm-btn\" href=\"#contact\">Contact Us <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var LOGO_URL ='http:\/\/craftmee.in\/wp-content\/uploads\/2026\/11\/Playful_Craft_Robotics_Wordmark-removebg-preview.png';\r\n  var IMAGE_URL='http:\/\/craftmee.in\/wp-content\/uploads\/2026\/11\/Crafting-Robot-Adventures-on-Grid-Paper.png';\r\n\r\n  var hero=document.getElementById('cmHero'),header=document.getElementById('cmHeader'),content=document.getElementById('cmContent'),mob=document.getElementById('cmMob');\r\n\r\n  function load(el,url,fail){var t=0;el.onerror=function(){if(!t&&url.indexOf('http:\/\/')===0){t=1;el.src=url.replace('http:\/\/','https:\/\/')}else if(fail)fail()};el.src=url}\r\n  var logo=document.getElementById('cmLogo');\r\n  load(document.getElementById('cmLogoImg'),LOGO_URL,function(){logo.classList.add('no-img')});\r\n  load(document.getElementById('cmBg'),IMAGE_URL);\r\n  \/* mobile picture: try http, fall back to https *\/\r\n  (function(){var p=new Image();p.onload=function(){mob.style.backgroundImage='url(\"'+p.src+'\")'};\r\n    p.onerror=function(){var s=IMAGE_URL.replace('http:\/\/','https:\/\/');var q=new Image();q.onload=function(){mob.style.backgroundImage='url(\"'+s+'\")'};q.src=s};\r\n    p.src=IMAGE_URL})();\r\n\r\n  var mq=matchMedia('(max-width:760px)');\r\n  function onScroll(){\r\n    var y=scrollY;\r\n    header.classList.toggle('is-stuck',y>10);\r\n    if(mq.matches){content.style.transform='';content.style.opacity='';return}\r\n    var p=Math.min(1,y\/(hero.offsetHeight*.55));\r\n    content.style.transform='translateX('+(-p*90)+'px)';\r\n    content.style.opacity=1-p*1.3;\r\n  }\r\n  onScroll();addEventListener('scroll',onScroll,{passive:true});addEventListener('resize',onScroll);\r\n\r\n  var n=0;\r\n  hero.querySelectorAll('.cm-split').forEach(function(el){\r\n    var t=el.textContent;el.textContent='';el.setAttribute('aria-hidden','true');\r\n    t.split(' ').forEach(function(w,wi,arr){\r\n      var word=document.createElement('span');word.style.whiteSpace='nowrap';word.style.display='inline-block';\r\n      w.split('').forEach(function(c){var s=document.createElement('span');s.className='cm-ch';s.style.setProperty('--i',n++);s.textContent=c;word.appendChild(s)});\r\n      el.appendChild(word);if(wi<arr.length-1)el.appendChild(document.createTextNode(' '));\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bd0d249 e-con e-atomic-element e-flexbox-base e-default-div e-96ff3af \" data-id=\"bd0d249\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bd0d249\">\n    \t\t<div class=\"elementor-element elementor-element-01afb63 elementor-widget elementor-widget-html\" data-id=\"01afb63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CraftMee: Bujji intro v9 (one file, no patch needed). Replace the whole old Bujji widget with this. -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600;700&family=Noto+Sans+Telugu:wght@600;700&family=Noto+Sans+Kannada:wght@600;700&family=Noto+Sans+Malayalam:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.bj-root{--sky:#3DA5E6;--pink:#EE2D7A;--ink:#3A3A3C;--f:'Fredoka',sans-serif;--cw:min(520px,92vw);--gs:24px;--gl:.065;font-family:var(--f)}\r\n.bj-root[data-lang=\"te\"]{--f:'Noto Sans Telugu','Fredoka',sans-serif}\r\n.bj-root[data-lang=\"kn\"]{--f:'Noto Sans Kannada','Fredoka',sans-serif}\r\n.bj-root[data-lang=\"ml\"]{--f:'Noto Sans Malayalam','Fredoka',sans-serif}\r\n.bj-root *{box-sizing:border-box}\r\n\r\n.bj-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:14px;padding:130px 16px 56px;text-align:center;background-color:#fff;\r\n  background-image:linear-gradient(rgba(61,165,230,var(--gl)) 1px,transparent 1px),linear-gradient(90deg,rgba(61,165,230,var(--gl)) 1px,transparent 1px);background-size:var(--gs) var(--gs)}\r\n\r\n\/* language toggle *\/\r\n.bj-lang{display:flex;flex-wrap:nowrap;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px;max-width:100%}\r\n.bj-root .bj-lang button{border:0 !important;background:transparent !important;color:var(--ink) !important;font-family:var(--f);font-weight:600;font-size:.76rem;line-height:1.2;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}\r\n.bj-root .bj-lang button.on{background:var(--sky) !important;color:#fff !important}\r\n\r\n\/* cloud *\/\r\n.bj-cloud{position:relative;width:var(--cw);aspect-ratio:424\/248;display:grid;place-items:center;margin-bottom:14px;opacity:0}\r\n.bj-cloud.on{opacity:1;animation:bjCl 5s ease-in-out 1.4s infinite}\r\n@keyframes bjCl{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.8deg)}}\r\n.bj-cb{position:absolute;inset:0;transform:scale(.2);transform-origin:85% 100%}\r\n.bj-cloud.on .bj-cb{animation:bjInf 1.05s cubic-bezier(.3,1.2,.4,1) .35s both}\r\n@keyframes bjInf{0%{transform:scale(.2) rotate(-8deg)}55%{transform:scale(1.12) rotate(3deg)}75%{transform:scale(.96) rotate(-1deg)}100%{transform:none}}\r\n.bj-cb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 10px rgba(11,58,99,.10))}\r\n.bj-cb .fl{fill:#fff;stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round;opacity:0}\r\n.bj-cloud.on .fl{animation:bjFade .4s .5s forwards}\r\n@keyframes bjFade{to{opacity:1}}\r\n@keyframes bjDraw{to{stroke-dashoffset:0}}\r\n.bj-cloud i.b{position:absolute;left:50%;border:3.5px solid var(--ink);background:#fff;border-radius:50%;transform:scale(0)}\r\n.bj-cloud .t1{width:17px;height:17px;bottom:-12%;margin-left:-24px}\r\n.bj-cloud .t2{width:10px;height:10px;bottom:-23%;margin-left:-30px}\r\n.bj-cloud.on .t2{animation:bjBub .45s cubic-bezier(.3,1.8,.4,1) 0s forwards}\r\n.bj-cloud.on .t1{animation:bjBub .45s cubic-bezier(.3,1.8,.4,1) .18s forwards}\r\n@keyframes bjBub{to{transform:scale(1)}}\r\n.bj-cloud .tx{position:relative;z-index:2;padding:6% 13% 11%}\r\n.bj-cloud .cs{position:absolute;width:24px;height:24px;opacity:0;z-index:3}\r\n.bj-cloud.on .cs{animation:bjTw 1.8s ease-in-out 1.2s infinite}\r\n.bj-cloud .cs.a{left:2%;top:4%;color:#FDB10A}.bj-cloud .cs.b{right:1%;top:-4%;color:#EE2D7A;animation-delay:1.7s !important}\r\n@keyframes bjTw{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(25deg)}}\r\n\r\n\/* text: sky blue *\/\r\n.bj-root .bj-h1,.bj-root .bj-h2,.bj-root .bj-bt{color:var(--sky) !important;font-family:var(--f)}\r\n.bj-root .bj-h1,.bj-root .bj-h2{display:block}\r\n.bj-root .bj-h1{font-weight:700;font-size:calc(var(--cw)*.17);line-height:1.05}\r\n.bj-root .bj-h2{margin-top:.12em;font-weight:600;font-size:calc(var(--cw)*.07);line-height:1.15}\r\n.bj-root[data-lang=\"te\"] .bj-h1,.bj-root[data-lang=\"te\"] .bj-h2,.bj-root[data-lang=\"kn\"] .bj-h1,.bj-root[data-lang=\"kn\"] .bj-h2,.bj-root[data-lang=\"ml\"] .bj-h1,.bj-root[data-lang=\"ml\"] .bj-h2{line-height:1.4}\r\n.w{display:inline-block;white-space:nowrap}\r\n.ch{display:inline-block;opacity:0}\r\n.ch>i{display:inline-block;font-style:normal}\r\n.bj-cloud.on .ch{animation:bjLet .65s cubic-bezier(.3,1.7,.4,1) both;animation-delay:calc(var(--i)*55ms + 1.15s)}\r\n.bj-cloud.fast .ch{animation-delay:calc(var(--i)*45ms)}\r\n@keyframes bjLet{0%{opacity:0;transform:translateY(60%) scale(.3) rotate(-14deg)}100%{opacity:1;transform:none}}\r\n.bj-cloud.wig .bj-h1 .ch>i{animation:bjWig 1.9s ease-in-out infinite;animation-delay:calc(var(--i)*130ms)}\r\n@keyframes bjWig{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-6%) rotate(-3deg)}60%{transform:translateY(2%) rotate(2deg)}}\r\n\r\n\/* Bujji *\/\r\n.bj-wrap{position:relative;opacity:0;transform:translateY(60px);transition:opacity .6s,transform .9s cubic-bezier(.2,1.2,.3,1)}\r\n.bj-wrap.in{opacity:1;transform:none}\r\n.bj-float{display:block;animation:bjBob 3.6s ease-in-out infinite}\r\n@keyframes bjBob{50%{transform:translateY(-8px)}}\r\n.bj-root .bj-bot{position:relative;display:block;height:clamp(360px,54vh,580px);aspect-ratio:320\/400;overflow:visible;border:0 !important;padding:0;margin:0;background:none !important;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}\r\n.bj-root .bj-bot:focus-visible{box-shadow:0 0 0 4px #3DA5E6 !important;border-radius:24px}\r\n.fbsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 100%;animation:bjBr 3.2s ease-in-out infinite}\r\n@keyframes bjBr{50%{transform:scale(1.015,.985)}}\r\n.fbsvg.lol{animation:bjLol .3s ease-in-out 5}\r\n@keyframes bjLol{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-8px) rotate(3deg)}}\r\n.fbsvg .aL{transform-origin:84px 222px;transform:rotate(var(--aL,0deg));transition:transform .5s cubic-bezier(.3,1.5,.4,1)}\r\n.fbsvg .aR{transform-origin:236px 222px;transform:rotate(var(--aR,0deg));transition:transform .5s cubic-bezier(.3,1.5,.4,1)}\r\n.fbsvg.waving .aL{animation:bjWave .45s ease-in-out infinite alternate}\r\n@keyframes bjWave{from{transform:rotate(126deg)}to{transform:rotate(152deg)}}\r\n.fbsvg .blink{transform-box:fill-box;transform-origin:center;transition:transform .08s}\r\n.fbsvg.blk .blink{transform:scaleY(.08)}\r\n.fbsvg circle[cx=\"160\"][cy=\"24\"]{transform-box:fill-box;transform-origin:center;animation:bjAnt 1.6s ease-in-out infinite}\r\n@keyframes bjAnt{50%{transform:scale(1.25);filter:drop-shadow(0 0 6px #19C6E6)}}\r\n\r\n\/* floating icons *\/\r\n.bj-ic{position:absolute;pointer-events:none;z-index:4;font:700 30px var(--f);animation:bjUp 1.7s ease-out forwards}\r\n@keyframes bjUp{0%{opacity:0;transform:translateY(0) scale(.3) rotate(0)}18%{opacity:1;transform:translateY(-14px) scale(1.15) rotate(var(--r))}100%{opacity:0;transform:translateY(-110px) scale(.9) rotate(calc(var(--r)*-1))}}\r\n\r\n\/* bottom *\/\r\n.bj-bottom{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s;max-width:680px}\r\n.bj-bottom.on{opacity:1;transform:none}\r\n.bj-root .bj-bt{margin:0;font-weight:600;font-size:clamp(1.2rem,2.6vw,1.9rem);line-height:1.25}\r\n.bj-root[data-lang=\"te\"] .bj-bt,.bj-root[data-lang=\"kn\"] .bj-bt,.bj-root[data-lang=\"ml\"] .bj-bt{line-height:1.5}\r\n.bj-root .bj-go{display:inline-flex;align-items:center;gap:10px;margin-top:14px;border:0 !important;background:var(--pink) !important;color:#fff !important;border-radius:999px;font-family:var(--f);font-weight:600;font-size:1.05rem;padding:13px 32px;cursor:pointer;animation:bjPulse 2.6s infinite}\r\n.bj-root .bj-go:hover{transform:translateY(-3px) scale(1.04)}\r\n@keyframes bjPulse{0%{box-shadow:0 0 0 0 rgba(238,45,122,.45)}70%,100%{box-shadow:0 0 0 16px rgba(238,45,122,0)}}\r\n\r\n@media (max-width:760px){\r\n  .bj-root{--cw:min(360px,90vw)}\r\n  .bj-stage{padding:104px 12px 44px}\r\n  .bj-root .bj-lang button{font-size:.68rem;padding:5px 8px}\r\n  .bj-root .bj-bot{height:clamp(330px,46vh,460px)}\r\n}\r\n@media (prefers-reduced-motion:reduce){.bj-float,.bj-cloud.on,.bj-root .bj-go,.bj-cloud .cs,.fbsvg,.fbsvg.waving .aL,.fbsvg circle[cx=\"160\"][cy=\"24\"],.bj-cloud.wig .bj-h1 .ch>i{animation:none !important}.bj-wrap{transition:none}}\r\n<\/style>\r\n\r\n<section class=\"bj-root\" id=\"bjRoot\" data-lang=\"en\">\r\n <div class=\"bj-stage\" id=\"bjStage\">\r\n  <div class=\"bj-lang\" role=\"group\" aria-label=\"Language\">\r\n    <button type=\"button\" data-l=\"en\" class=\"on\">EN<\/button><button type=\"button\" data-l=\"hi\">Hinglish<\/button><button type=\"button\" data-l=\"te\">\u0c24\u0c46\u0c32\u0c41\u0c17\u0c41<\/button><button type=\"button\" data-l=\"kn\">\u0c95\u0ca8\u0ccd\u0ca8\u0ca1<\/button><button type=\"button\" data-l=\"ml\">\u0d2e\u0d32\u0d2f\u0d3e\u0d33\u0d02<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"bj-cloud\" id=\"bjCloud\">\r\n   <div class=\"bj-cb\">\r\n    <svg viewBox=\"-6 -8 424 248\" aria-hidden=\"true\">\r\n     <path class=\"fl\" d=\"M206 8C310 8 400 46 400 104C400 150 360 182 312 192C322 208 336 220 352 226C318 226 292 214 276 200C262 202 234 204 206 204C100 204 12 164 12 104C12 46 102 8 206 8Z\"\/>\r\n    <\/svg>\r\n   <\/div>\r\n   <div class=\"tx\"><span class=\"bj-h1\" id=\"bjH1\"><\/span><span class=\"bj-h2\" id=\"bjH2\"><\/span><\/div>\r\n      <svg class=\"cs a\" viewBox=\"-10 -10 20 20\" aria-hidden=\"true\"><path d=\"M0-9L2.5-2.5L9 0L2.5 2.5L0 9L-2.5 2.5L-9 0L-2.5-2.5Z\" fill=\"currentColor\"\/><\/svg>\r\n   <svg class=\"cs b\" viewBox=\"-10 -10 20 20\" aria-hidden=\"true\"><path d=\"M0-9L2.5-2.5L9 0L2.5 2.5L0 9L-2.5 2.5L-9 0L-2.5-2.5Z\" fill=\"currentColor\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bj-wrap\" id=\"bjWrap\"><span class=\"bj-float\">\r\n   <button type=\"button\" class=\"bj-bot\" id=\"bjBot\" aria-label=\"Tap Bujji to say hi\">\r\n    <svg class=\"fbsvg\" id=\"bjFb\" viewBox=\"0 0 320 400\" role=\"img\" aria-label=\"Bujji, CraftMee's friendly yellow robot\">\r\n     <defs>\r\n      <linearGradient id=\"fbY\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#FFD24F\"\/><stop offset=\".55\" stop-color=\"#FDB10A\"\/><stop offset=\"1\" stop-color=\"#EBA000\"\/><\/linearGradient>\r\n      <radialGradient id=\"fbV\" cx=\".5\" cy=\".3\" r=\".85\"><stop offset=\"0\" stop-color=\"#fff\"\/><stop offset=\"1\" stop-color=\"#D9E1EE\"\/><\/radialGradient>\r\n      <radialGradient id=\"fbI\" cx=\".4\" cy=\".35\" r=\".8\"><stop offset=\"0\" stop-color=\"#7CCBFF\"\/><stop offset=\".6\" stop-color=\"#3DA5E6\"\/><stop offset=\"1\" stop-color=\"#1B72BC\"\/><\/radialGradient>\r\n     <\/defs>\r\n     <ellipse cx=\"160\" cy=\"388\" rx=\"112\" ry=\"10\" fill=\"rgba(60,40,0,.16)\"\/>\r\n     <path d=\"M160 170C235 170 276 245 276 310C276 360 230 384 160 384C90 384 44 360 44 310C44 245 85 170 160 170Z\" fill=\"url(#fbY)\"\/>\r\n     <g class=\"aL\"><ellipse cx=\"66\" cy=\"268\" rx=\"19\" ry=\"50\" transform=\"rotate(20 66 268)\" fill=\"url(#fbY)\"\/><\/g>\r\n     <g class=\"aR\"><ellipse cx=\"254\" cy=\"268\" rx=\"19\" ry=\"50\" transform=\"rotate(-20 254 268)\" fill=\"url(#fbY)\"\/><\/g>\r\n     <ellipse cx=\"64\" cy=\"142\" rx=\"15\" ry=\"25\" fill=\"url(#fbY)\"\/><ellipse cx=\"256\" cy=\"142\" rx=\"15\" ry=\"25\" fill=\"url(#fbY)\"\/>\r\n     <line x1=\"160\" y1=\"56\" x2=\"160\" y2=\"36\" stroke=\"#EBA000\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n     <circle cx=\"160\" cy=\"24\" r=\"14\" fill=\"#19C6E6\"\/><circle cx=\"155\" cy=\"19\" r=\"4.5\" fill=\"#fff\" opacity=\".85\"\/>\r\n     <path d=\"M68 148C68 82 108 52 160 52C212 52 252 82 252 148C252 184 224 200 160 200C96 200 68 184 68 148Z\" fill=\"url(#fbY)\"\/>\r\n     <rect x=\"90\" y=\"86\" width=\"140\" height=\"96\" rx=\"46\" fill=\"url(#fbV)\" stroke=\"#E3A000\" stroke-width=\"3\"\/>\r\n     <g id=\"bjFace\"><g data-e=\"n\"><g class=\"blink\"><circle cx=\"128\" cy=\"130\" r=\"21\" fill=\"url(#fbI)\"\/><circle cx=\"128\" cy=\"130\" r=\"11\" fill=\"#0F2A55\"\/><circle cx=\"121\" cy=\"122\" r=\"6\" fill=\"#fff\"\/><\/g><g class=\"blink\"><circle cx=\"192\" cy=\"130\" r=\"21\" fill=\"url(#fbI)\"\/><circle cx=\"192\" cy=\"130\" r=\"11\" fill=\"#0F2A55\"\/><circle cx=\"185\" cy=\"122\" r=\"6\" fill=\"#fff\"\/><\/g><\/g>\r\n     <g data-e=\"h\" style=\"display:none\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"6\" stroke-linecap=\"round\"><path d=\"M108 138Q128 112 148 138\"\/><path d=\"M172 138Q192 112 212 138\"\/><\/g>\r\n     <g data-e=\"l\" style=\"display:none\" fill=\"#EE2D7A\"><path transform=\"translate(128 130) scale(1.35)\" d=\"M0 9C-19-3-15-19 0-10C15-19 19-3 0 9Z\"\/><path transform=\"translate(192 130) scale(1.35)\" d=\"M0 9C-19-3-15-19 0-10C15-19 19-3 0 9Z\"\/><\/g>\r\n     <g data-e=\"w\" style=\"display:none\"><circle cx=\"128\" cy=\"130\" r=\"21\" fill=\"url(#fbI)\"\/><circle cx=\"128\" cy=\"130\" r=\"11\" fill=\"#0F2A55\"\/><circle cx=\"121\" cy=\"122\" r=\"6\" fill=\"#fff\"\/><path d=\"M172 136Q192 112 212 136\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"6\" stroke-linecap=\"round\"\/><\/g>\r\n     <g data-e=\"s\" style=\"display:none\"><circle cx=\"128\" cy=\"130\" r=\"25\" fill=\"url(#fbI)\"\/><circle cx=\"128\" cy=\"130\" r=\"7\" fill=\"#0F2A55\"\/><circle cx=\"122\" cy=\"123\" r=\"4\" fill=\"#fff\"\/><circle cx=\"192\" cy=\"130\" r=\"25\" fill=\"url(#fbI)\"\/><circle cx=\"192\" cy=\"130\" r=\"7\" fill=\"#0F2A55\"\/><circle cx=\"186\" cy=\"123\" r=\"4\" fill=\"#fff\"\/><\/g>\r\n     <g data-e=\"z\" style=\"display:none\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"5\" stroke-linecap=\"round\"><path d=\"M108 132Q128 146 148 132\"\/><path d=\"M172 132Q192 146 212 132\"\/><\/g>\r\n     <path data-m=\"s\" d=\"M144 156Q160 172 176 156\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"3.6\" stroke-linecap=\"round\"\/>\r\n     <path data-m=\"g\" style=\"display:none\" d=\"M142 151Q160 188 178 151Z\" fill=\"#18233F\"\/>\r\n     <ellipse data-m=\"o\" style=\"display:none\" cx=\"160\" cy=\"165\" rx=\"9\" ry=\"12\" fill=\"#18233F\"\/>\r\n     <g data-m=\"t\" style=\"display:none\"><path d=\"M144 154Q160 170 176 154\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"3.6\" stroke-linecap=\"round\"\/><path d=\"M153 163Q160 186 168 163Z\" fill=\"#EE2D7A\"\/><\/g>\r\n     <path data-m=\"f\" style=\"display:none\" d=\"M150 162Q160 159 170 162\" fill=\"none\" stroke=\"#18233F\" stroke-width=\"3.6\" stroke-linecap=\"round\"\/><\/g>\r\n     <path d=\"M104 199Q160 212 216 199\" fill=\"none\" stroke=\"#19C6E6\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n    <\/svg>\r\n   <\/button><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"bj-bottom\" id=\"bjBottom\">\r\n   <p class=\"bj-bt\" id=\"bjBt\"><\/p>\r\n   <button type=\"button\" class=\"bj-go\" id=\"bjGo\"><\/button>\r\n  <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var $=function(i){return document.getElementById(i)};\r\n  var root=$('bjRoot'),stage=$('bjStage'),cloud=$('bjCloud'),h1=$('bjH1'),h2=$('bjH2'),bot=$('bjBot'),wrap=$('bjWrap'),fb=$('bjFb'),bottom=$('bjBottom'),bt=$('bjBt'),go=$('bjGo');\r\n  if(!root||!fb)return;\r\n  var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches,lang='en',started=false,busy=false,visible=true,tempT,idleT,lastHi=0;\r\n\r\n  \/* text: have a native speaker check te \/ kn \/ ml before launch *\/\r\n  var T={\r\n   en:{h1:'Hi!',h2:'my name is Bujji.',bt:\"Let's explore what you'll learn at CraftMee\",go:\"Let's explore \u2193\",tap:['Hehe!','That tickles!','Boop!','Again!']},\r\n   hi:{h1:'Hi!',h2:'main hoon Bujji.',bt:'Chalo dekhte hain, CraftMee mein kya seekhoge',go:'Chalo dekhein \u2193',tap:['Hehe!','Gudgudi!','Boop!','Phir se!']},\r\n   te:{h1:'\u0c39\u0c3e\u0c2f\u0c4d!',h2:'\u0c28\u0c3e \u0c2a\u0c47\u0c30\u0c41 \u0c2c\u0c41\u0c1c\u0c4d\u0c1c\u0c3f.',bt:'CraftMee \u0c32\u0c4b \u0c2e\u0c40\u0c30\u0c41 \u0c0f\u0c2e\u0c3f \u0c28\u0c47\u0c30\u0c4d\u0c1a\u0c41\u0c15\u0c41\u0c02\u0c1f\u0c3e\u0c30\u0c4b \u0c1a\u0c42\u0c26\u0c4d\u0c26\u0c3e\u0c02',go:'\u0c1a\u0c42\u0c26\u0c4d\u0c26\u0c3e\u0c02 \u2193',tap:['\u0c39\u0c47\u0c39\u0c47!','\u0c17\u0c3f\u0c32\u0c3f\u0c17\u0c3f\u0c02\u0c24!','\u0c2c\u0c42\u0c2a\u0c4d!','\u0c2e\u0c33\u0c4d\u0c33\u0c40!']},\r\n   kn:{h1:'\u0cb9\u0cbe\u0caf\u0ccd!',h2:'\u0ca8\u0ca8\u0ccd\u0ca8 \u0cb9\u0cc6\u0cb8\u0cb0\u0cc1 \u0cac\u0cc1\u0c9c\u0ccd\u0c9c\u0cbf.',bt:'CraftMee \u0ca8\u0cb2\u0ccd\u0cb2\u0cbf \u0ca8\u0cc0\u0cb5\u0cc1 \u0c8f\u0ca8\u0cc1 \u0c95\u0cb2\u0cbf\u0caf\u0cc1\u0ca4\u0ccd\u0ca4\u0cc0\u0cb0\u0cbf \u0c8e\u0c82\u0ca6\u0cc1 \u0ca8\u0ccb\u0ca1\u0ccb\u0ca3',go:'\u0ca8\u0ccb\u0ca1\u0ccb\u0ca3 \u2193',tap:['\u0cb9\u0cc6\u0cb9\u0cc6!','\u0c95\u0c9a\u0c97\u0cc1\u0cb3\u0cbf!','\u0cac\u0cc2\u0caa\u0ccd!','\u0cae\u0ca4\u0ccd\u0ca4\u0cc6!']},\r\n   ml:{h1:'\u0d39\u0d3e\u0d2f\u0d4d!',h2:'\u0d0e\u0d28\u0d4d\u0d31\u0d46 \u0d2a\u0d47\u0d30\u0d4d \u0d2c\u0d41\u0d1c\u0d4d\u0d1c\u0d3f.',bt:'CraftMee-\u0d7d \u0d28\u0d3f\u0d19\u0d4d\u0d19\u0d7e \u0d0e\u0d28\u0d4d\u0d24\u0d4d \u0d2a\u0d20\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d2e\u0d46\u0d28\u0d4d\u0d28\u0d4d \u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02',go:'\u0d28\u0d4b\u0d15\u0d4d\u0d15\u0d3e\u0d02 \u2193',tap:['\u0d39\u0d46\u0d39\u0d46!','\u0d07\u0d15\u0d4d\u0d15\u0d3f\u0d33\u0d3f!','\u0d2c\u0d42\u0d2a\u0d4d!','\u0d2a\u0d3f\u0d28\u0d4d\u0d28\u0d46\u0d2f\u0d41\u0d02!']}};\r\n\r\n  \/* animated text *\/\r\n  function mk(c,i){var s=document.createElement('span');s.className='ch';s.style.setProperty('--i',i);var n=document.createElement('i');n.textContent=c;s.appendChild(n);return s}\r\n  function build(el,text,k){\r\n    el.textContent='';var latin=lang==='en'||lang==='hi',words=text.split(' ');\r\n    words.forEach(function(w,wi){\r\n      if(!w)return;var wd=document.createElement('span');wd.className='w';\r\n      if(latin)Array.from(w).forEach(function(c){wd.appendChild(mk(c,k++))});else wd.appendChild(mk(w,k++));\r\n      el.appendChild(wd);if(wi<words.length-1)el.appendChild(document.createTextNode(' '));\r\n    });\r\n    return k;\r\n  }\r\n  function setText(a,b,fast){\r\n    cloud.classList.toggle('fast',!!fast);cloud.classList.remove('wig');\r\n    var k=build(h1,a,0);build(h2,b,k+1);\r\n    clearTimeout(setText.t);setText.t=setTimeout(function(){cloud.classList.add('wig')},(fast?700:2300));\r\n  }\r\n  function fill(fast){var L=T[lang];setText(L.h1,L.h2,fast);bt.textContent=L.bt;go.textContent=L.go}\r\n\r\n  \/* body motion *\/\r\n  var A={\r\n   jump:[[{transform:'none'},{transform:'translateY(-44px) scale(.96,1.05)',offset:.25},{transform:'translateY(0) scale(1.05,.94)',offset:.45},{transform:'translateY(-28px) scale(.97,1.04)',offset:.68},{transform:'none'}],1100],\r\n   startle:[[{transform:'none'},{transform:'translateY(-34px) scale(1.1)',offset:.25},{transform:'translateY(0) scale(.95,1.05)',offset:.5},{transform:'none'}],700],\r\n   tilt:[[{transform:'none'},{transform:'rotate(-7deg)',offset:.3},{transform:'rotate(-7deg)',offset:.8},{transform:'none'}],1700],\r\n   wiggle:[[{transform:'none'},{transform:'rotate(-7deg) scale(1.03)'},{transform:'rotate(7deg) scale(1.03)'},{transform:'rotate(-7deg) scale(1.03)'},{transform:'rotate(7deg) scale(1.03)'},{transform:'none'}],1000],\r\n   sway:[[{transform:'none'},{transform:'translateX(-9px) rotate(-4deg)'},{transform:'translateX(9px) rotate(4deg)'},{transform:'none'}],1700]\r\n  };\r\n  function move(n){\r\n    if(reduce||!bot.animate||!A[n])return;\r\n    bot.style.transformOrigin='50% 100%';\r\n    bot.animate(A[n][0],{duration:A[n][1],easing:'ease-in-out'});\r\n  }\r\n\r\n  \/* emotions *\/\r\n  var I={heart:['\u2665','#EE2D7A'],star:['\u2605','#FDB10A'],ex:['!','#EE2D7A'],q:['?','#3DA5E6'],note:['\u266a','#3DA5E6'],z:['Z','#3DA5E6'],spark:['\u2726','#FDB10A']};\r\n  var E={\r\n   sleepy: {eye:'z',mouth:'f',icons:['z']},\r\n   startle:{eye:'s',mouth:'o',arms:[140,-140],move:'startle',icons:['ex','ex']},\r\n   hello:  {eye:'h',mouth:'g',wave:1,move:'sway',icons:['star','spark','star']},\r\n   happy:  {eye:'h',mouth:'g',arms:[110,-110],move:'jump',icons:['star','star','spark']},\r\n   love:   {eye:'l',mouth:'s',move:'sway',icons:['heart','heart','heart']},\r\n   wink:   {eye:'w',mouth:'t',move:'tilt',icons:['spark','note']},\r\n   silly:  {eye:'n',mouth:'t',move:'wiggle',icons:['note','note','spark']},\r\n   think:  {eye:'n',mouth:'f',move:'tilt',icons:['q','q']},\r\n   neutral:{eye:'n',mouth:'s'}\r\n  };\r\n  function face(eye,mouth){\r\n    [].forEach.call(fb.querySelectorAll('[data-e]'),function(g){g.style.display=g.getAttribute('data-e')===eye?'':'none'});\r\n    [].forEach.call(fb.querySelectorAll('[data-m]'),function(g){g.style.display=g.getAttribute('data-m')===mouth?'':'none'});\r\n  }\r\n  function emit(list){\r\n    if(!list||reduce)return;\r\n    list.forEach(function(k,i){\r\n      var s=document.createElement('span'),d=I[k];s.className='bj-ic';s.textContent=d[0];s.style.color=d[1];\r\n      s.style.left=(18+Math.random()*64)+'%';s.style.top=(4+Math.random()*34)+'%';s.style.setProperty('--r',(Math.random()*30-15).toFixed(0)+'deg');\r\n      s.style.animationDelay=(i*.18)+'s';wrap.appendChild(s);setTimeout(function(){s.remove()},2300);\r\n    });\r\n  }\r\n  function feel(n){\r\n    var e=E[n];if(!e)return;\r\n    face(e.eye,e.mouth);\r\n    fb.style.setProperty('--aL',(e.arms?e.arms[0]:0)+'deg');fb.style.setProperty('--aR',(e.arms?e.arms[1]:0)+'deg');\r\n    fb.classList.toggle('waving',!!e.wave);\r\n    if(e.move)move(e.move);emit(e.icons);\r\n  }\r\n  function calm(){feel('neutral')}\r\n\r\n  \/* eyes follow the pointer \/ finger (runs even with reduced motion: it only answers the visitor) *\/\r\n  var faceG=$('bjFace'),eyes=[].slice.call(fb.querySelectorAll('[data-e=\"n\"] circle,[data-e=\"w\"] circle,[data-e=\"s\"] circle'));\r\n  var tx=0,ty=0,cx=0,cy=0,lastLook=0;\r\n  function look(x,y){\r\n    var r=bot.getBoundingClientRect(),ox=r.left+r.width\/2,oy=r.top+r.height*.33;\r\n    tx=Math.max(-1,Math.min(1,(x-ox)\/(r.width*.9)));\r\n    ty=Math.max(-1,Math.min(1,(y-oy)\/(r.height*.7)));\r\n    lastLook=Date.now();\r\n  }\r\n  ['pointermove','pointerdown','mousemove'].forEach(function(ev){addEventListener(ev,function(e){look(e.clientX,e.clientY)},{passive:true})});\r\n  function touch(e){var t=(e.touches&&e.touches[0])||(e.changedTouches&&e.changedTouches[0]);if(t)look(t.clientX,t.clientY)}\r\n  ['touchstart','touchmove','touchend'].forEach(function(ev){addEventListener(ev,touch,{passive:true})});\r\n  setInterval(function(){if(!reduce&&Date.now()-lastLook>3500){tx=(Math.random()*2-1)*.8;ty=(Math.random()*2-1)*.4}},2500);\r\n  function tick(){\r\n    if(visible){\r\n      cx+=(tx-cx)*.2;cy+=(ty-cy)*.2;\r\n      if(faceG)faceG.setAttribute('transform','translate('+(cx*9).toFixed(2)+' '+(cy*5).toFixed(2)+')');\r\n      eyes.forEach(function(c){var k=c.getAttribute('r')>=20?.3:1.2;c.setAttribute('transform','translate('+(cx*5*k).toFixed(2)+' '+(cy*4*k).toFixed(2)+')')});\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n  requestAnimationFrame(tick);\r\n\r\n  \/* blink *\/\r\n  if(!reduce)(function bl(){setTimeout(function(){fb.classList.add('blk');setTimeout(function(){fb.classList.remove('blk');bl()},120)},2200+Math.random()*2800)})();\r\n\r\n  \/* intro sequence *\/\r\n  function play(){\r\n    if(started)return;started=true;busy=true;\r\n    var d=reduce?0:1;\r\n    feel('sleepy');wrap.classList.add('in');\r\n    setTimeout(function(){feel('startle')},900*d);\r\n    setTimeout(function(){cloud.classList.add('on');fill(false);feel('hello')},1700*d);\r\n    setTimeout(function(){bottom.classList.add('on')},4600*d);\r\n    setTimeout(function(){feel('happy')},5200*d);\r\n    setTimeout(function(){calm();busy=false;if(!reduce)idle()},7000*d);\r\n  }\r\n\r\n  \/* idle: random emotions *\/\r\n  var pool=['happy','love','wink','silly','think','hello','happy','hello'];\r\n  function idle(){\r\n    clearTimeout(idleT);\r\n    idleT=setTimeout(function(){\r\n      if(visible&&!busy&&!document.hidden){\r\n        busy=true;feel(pool[Math.floor(Math.random()*pool.length)]);\r\n        setTimeout(function(){calm();busy=false},2000);\r\n      }\r\n      idle();\r\n    },3000+Math.random()*2000);\r\n  }\r\n\r\n  \/* wave when the visitor comes near *\/\r\n  wrap.addEventListener('pointerenter',function(){\r\n    var now=Date.now();if(busy||!started||now-lastHi<7000)return;lastHi=now;busy=true;feel('hello');\r\n    setTimeout(function(){calm();busy=false},2200);\r\n  });\r\n\r\n  \/* touch or click: laugh, hearts in the air, funny word in the cloud *\/\r\n  function hearts(){\r\n    if(reduce)return;\r\n    ['\u2665','\u2665','\u2665','\u2665','\u2665','\u2665','HA!','HA!'].forEach(function(t,i){\r\n      var s=document.createElement('span');s.className='bj-ic';s.textContent=t;\r\n      s.style.color=t==='HA!'?'#3DA5E6':(i%2?'#FF6FA3':'#EE2D7A');\r\n      s.style.fontSize=(t==='HA!'?24:24+Math.random()*16)+'px';\r\n      s.style.left=(8+Math.random()*80)+'%';s.style.top=(4+Math.random()*50)+'%';\r\n      s.style.setProperty('--r',(Math.random()*40-20).toFixed(0)+'deg');\r\n      s.style.animationDelay=(i*.09)+'s';wrap.appendChild(s);setTimeout(function(){s.remove()},2400);\r\n    });\r\n  }\r\n  var n=0;\r\n  bot.addEventListener('click',function(){\r\n    if(!started)return;clearTimeout(tempT);busy=true;\r\n    face('h','g');\r\n    fb.classList.remove('waving');\r\n    fb.style.setProperty('--aL','115deg');fb.style.setProperty('--aR','-115deg');\r\n    fb.classList.remove('lol');void fb.getBoundingClientRect();fb.classList.add('lol');\r\n    hearts();if(navigator.vibrate)navigator.vibrate(25);\r\n    var g=T[lang].tap;cloud.classList.add('on');setText(g[n%g.length],'',true);n++;\r\n    tempT=setTimeout(function(){fb.classList.remove('lol');fill(true);calm();busy=false},1700);\r\n  });\r\n  go.addEventListener('click',function(){scrollTo({top:stage.getBoundingClientRect().bottom+scrollY,behavior:'smooth'})});\r\n  [].forEach.call(document.querySelectorAll('.bj-lang button'),function(b){\r\n    b.addEventListener('click',function(){\r\n      lang=b.getAttribute('data-l');root.setAttribute('data-lang',lang);\r\n      [].forEach.call(document.querySelectorAll('.bj-lang button'),function(x){x.classList.toggle('on',x===b)});\r\n      clearTimeout(tempT);fill(true);\r\n    });\r\n  });\r\n\r\n  fill(false);calm();\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(en){visible=en[0].isIntersecting;if(visible)play()},{threshold:.25}).observe(stage);\r\n  }else play();\r\n  setTimeout(play,1500);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9f64126 e-con e-atomic-element e-flexbox-base e-default-div e-6e1c23b \" data-id=\"9f64126\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9f64126\">\n    \t\t<div class=\"elementor-element elementor-element-bd1035b elementor-widget elementor-widget-html\" data-id=\"bd1035b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CraftMee crafts section. Paste into an Elementor HTML widget (full-width section). Everything is scoped with the cmx- prefix. -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.cmx{--pk:#EE2D7A;--yl:#FDB10A;--sky:#3DA5E6;--ink:#0F1626;--f:\"Fredoka\",system-ui,sans-serif;--b:\"Nunito\",system-ui,sans-serif;--cw:min(30vw,360px,50vh)}\r\n.cmx *,.cmx *::before,.cmx *::after{box-sizing:border-box;margin:0;padding:0}\r\n.cmx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\r\n.cmx-scroll{position:relative;height:400vh;background:var(--pk);color:#fff;font-family:var(--b)}\r\n.cmx-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip;padding:clamp(76px,11vh,110px) clamp(20px,5vw,72px) 32px;\r\n  background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.22),transparent 42%),radial-gradient(circle at 10% 92%,rgba(253,177,10,.25),transparent 38%),var(--pk)}\r\n.cmx-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}\r\n.cmx-eye{display:inline-flex;align-items:center;gap:12px;font:700 13px\/1 var(--b);letter-spacing:.26em;text-transform:uppercase}\r\n.cmx-eye i{width:10px;height:10px;border-radius:50%;background:var(--yl)}\r\n.cmx-count{font:600 15px\/1 var(--b);letter-spacing:.2em}\r\n\r\n\/* text panels *\/\r\n.cmx-panel{position:absolute;z-index:4;top:54%;width:min(44vw,560px);opacity:0;transform:translateY(calc(-50% + 22px));pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.9,.2,1)}\r\n.cmx-panel.l{left:clamp(20px,5vw,72px)}.cmx-panel.r{right:clamp(20px,5vw,72px)}\r\n.cmx-panel.on{opacity:1;transform:translateY(-50%);pointer-events:auto}\r\n.cmx-panel small{display:block;margin-bottom:10px;font:700 12.5px\/1.4 var(--b);letter-spacing:.2em;text-transform:uppercase}\r\n.cmx-panel h3{font:500 clamp(44px,5.8vw,88px)\/1.06 var(--f);letter-spacing:.07em;text-transform:uppercase;color:#fff}\r\n.cmx-panel h3 span{display:block}\r\n.cmx-panel h3 .a{display:inline-block;font-size:clamp(24px,2.8vw,42px);padding-bottom:.14em;margin-bottom:.12em;background:linear-gradient(var(--yl),var(--yl)) 0 100%\/100% 4px no-repeat}\r\n.cmx-panel h3 .c{font-size:clamp(36px,4.5vw,68px)}\r\n.cmx-panel h3 .c em{font-style:normal;text-transform:none;font-size:.5em;letter-spacing:.04em;margin-right:.28em}\r\n.cmx-lead{margin-top:clamp(12px,2vh,22px);font:600 clamp(22px,2.4vw,34px)\/1.2 var(--f)}\r\n.cmx-mark{background:var(--yl);color:var(--ink);padding:0 .22em;border-radius:.3em;box-decoration-break:clone;-webkit-box-decoration-break:clone}\r\n.cmx-text{margin-top:clamp(10px,1.8vh,18px);font:700 clamp(16px,1.3vw,19px)\/1.6 var(--b);max-width:480px}\r\n.cmx-chip{display:inline-block;margin-top:clamp(14px,2.2vh,22px);padding:9px 18px;border-radius:999px;background:#fff;color:var(--ink);font:700 13px\/1 var(--b)}\r\n\r\n\/* robot *\/\r\n.cmx-bot{position:absolute;left:0;top:0;z-index:3;width:var(--cw);aspect-ratio:320\/400;pointer-events:none;will-change:transform}\r\n.cmx-fl{display:block;width:100%;height:100%;animation:cmxBob 3.4s ease-in-out infinite}\r\n@keyframes cmxBob{50%{transform:translateY(-10px)}}\r\n.cmx-fl svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 26px 22px rgba(15,22,38,.28))}\r\n.cmx .pr{opacity:0;transition:opacity .35s}\r\n.cmx[data-k=\"0\"] .p0,.cmx[data-k=\"1\"] .p1,.cmx[data-k=\"2\"] .p2{opacity:1}\r\n.cmx .eye{transform-box:fill-box;transform-origin:center;animation:cmxBl 4.2s infinite}\r\n@keyframes cmxBl{0%,92%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}\r\n.cmx .pp{transform:translate(calc(var(--look,0)*6px),0)}\r\n.cmx .spin{transform-box:fill-box;transform-origin:center;animation:cmxSp 1.2s linear infinite}\r\n@keyframes cmxSp{to{transform:rotate(360deg)}}\r\n\r\n\/* cta + dots *\/\r\n.cmx-cta{position:absolute;left:clamp(20px,5vw,72px);bottom:clamp(20px,4vh,40px);z-index:6;display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;background:#fff;color:var(--ink);font:700 16px\/1 var(--b);text-decoration:none;transition:transform .2s}\r\n.cmx-cta b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--yl);font-size:14px}\r\n.cmx-cta:hover{transform:translateY(-3px)}.cmx-cta:focus-visible{outline:3px solid var(--yl);outline-offset:4px}\r\n.cmx-dots{position:absolute;right:clamp(20px,5vw,72px);bottom:clamp(26px,4.5vh,46px);z-index:6;display:flex;gap:8px;list-style:none}\r\n.cmx-dots li{width:26px;height:4px;border-radius:4px;background:rgba(255,255,255,.4);transition:.3s}\r\n.cmx-dots li.on{background:var(--yl);width:44px}\r\n\r\n\/* SEO \/ FAQ block (crawlable text) *\/\r\n.cmx-seo{background:#fff;color:#3A3A3C;font-family:var(--b);padding:clamp(48px,8vw,96px) clamp(20px,5vw,72px)}\r\n.cmx-seo .in{max-width:860px;margin:0 auto}\r\n.cmx-seo h2{font:700 clamp(26px,3.6vw,40px)\/1.15 var(--f);color:var(--ink)}\r\n.cmx-seo h3{margin-top:34px;font:600 clamp(20px,2.4vw,26px)\/1.2 var(--f);color:var(--ink)}\r\n.cmx-seo p,.cmx-seo li{font:600 17px\/1.7 var(--b);margin-top:12px}\r\n.cmx-seo ul{margin:8px 0 0 22px}\r\n.cmx-seo details{margin-top:12px;border:2px solid #FDDDE9;border-radius:16px;padding:14px 18px}\r\n.cmx-seo summary{cursor:pointer;font:600 18px\/1.4 var(--f);color:var(--ink)}\r\n.cmx-seo details[open]{border-color:var(--pk)}\r\n.cmx-seo details p{margin-top:8px}\r\n\r\n@media (max-width:760px){\r\n  .cmx{--cw:min(54vw,250px)}\r\n  .cmx-panel,.cmx-panel.l,.cmx-panel.r{left:20px;right:20px;top:15%;width:auto;transform:translateY(20px)}\r\n  .cmx-panel.on{transform:none}\r\n  .cmx-panel h3{font-size:clamp(40px,12vw,60px)}.cmx-panel h3 .a{font-size:clamp(22px,6.2vw,30px)}.cmx-panel h3 .c{font-size:clamp(32px,9.6vw,48px)}\r\n  .cmx-lead{font-size:clamp(20px,5.6vw,24px)}\r\n  .cmx-text{font-size:15px}\r\n  .cmx-count{display:none}\r\n  .cmx-cta{left:20px;right:20px;justify-content:center;bottom:18px}\r\n  .cmx-dots{bottom:auto;top:78px;right:20px}\r\n}\r\n@media (prefers-reduced-motion:reduce){.cmx-fl,.cmx .spin,.cmx .eye{animation:none}.cmx-panel{transition:none}}\r\n<\/style>\r\n\r\n<div class=\"cmx\" id=\"cmx\" data-k=\"0\">\r\n<section class=\"cmx-scroll\" aria-labelledby=\"cmx-t\">\r\n <h2 class=\"cmx-sr\" id=\"cmx-t\">Art and craft classes for kids: crafts, painting, hydraulics and electronics<\/h2>\r\n <div class=\"cmx-pin\" id=\"cmx-pin\">\r\n  <div class=\"cmx-row\"><span class=\"cmx-eye\"><i><\/i>What we teach<\/span><span class=\"cmx-count\" aria-hidden=\"true\"><b id=\"cmx-n\">01<\/b> \/ 03<\/span><\/div>\r\n\r\n  <article class=\"cmx-panel r on\">\r\n   <small>01 &middot; Crafts &amp; painting<\/small>\r\n   <h3><span class=\"a\">Crafts,<\/span><span class=\"b\">Painting<\/span><span class=\"c\"><em>&amp;<\/em> Pom-poms<\/span><\/h3>\r\n   <p class=\"cmx-text\">Your child makes pom-pom pals, bead and pipe-cleaner critters, paper crafts and colourful paintings, one easy step at a time.<\/p>\r\n   <span class=\"cmx-chip\">Paint &middot; Paper &middot; Pom-poms<\/span>\r\n  <\/article>\r\n  <article class=\"cmx-panel l\">\r\n   <small>02 &middot; Hydraulics &amp; electronics<\/small>\r\n   <h3><span class=\"a\">Hydraulics,<\/span><span class=\"b\">Motors<\/span><span class=\"c\"><em>&amp;<\/em> Lights<\/span><\/h3>\r\n   <p class=\"cmx-text\">Kids build simple hydraulic models that push and lift, then connect easy circuits with small motors and lights.<\/p>\r\n   <span class=\"cmx-chip\">Hydraulics &middot; Motors &middot; Lights<\/span>\r\n  <\/article>\r\n  <article class=\"cmx-panel r\">\r\n   <small>03 &middot; Monthly materials<\/small>\r\n   <h3><span class=\"a\">Every month,<\/span><span class=\"b\">Materials<\/span><span class=\"c\"><em>to your<\/em> Home<\/span><\/h3>\r\n   <p class=\"cmx-text\">We send the materials for the month's projects to your home, so you don't have to hunt for supplies.<\/p>\r\n   <span class=\"cmx-chip\">Monthly &middot; Home delivery<\/span>\r\n  <\/article>\r\n\r\n  <div class=\"cmx-bot\" id=\"cmx-bot\" aria-hidden=\"true\"><span class=\"cmx-fl\">\r\n   <svg viewBox=\"0 0 320 400\">\r\n    <defs>\r\n     <linearGradient id=\"cxY\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#FFD24F\"\/><stop offset=\".55\" stop-color=\"#FDB10A\"\/><stop offset=\"1\" stop-color=\"#EBA000\"\/><\/linearGradient>\r\n     <radialGradient id=\"cxI\" cx=\".4\" cy=\".35\" r=\".8\"><stop offset=\"0\" stop-color=\"#7CCBFF\"\/><stop offset=\".6\" stop-color=\"#3DA5E6\"\/><stop offset=\"1\" stop-color=\"#1B72BC\"\/><\/radialGradient>\r\n     <radialGradient id=\"cxV\" cx=\".5\" cy=\".3\" r=\".85\"><stop offset=\"0\" stop-color=\"#fff\"\/><stop offset=\"1\" stop-color=\"#D9E1EE\"\/><\/radialGradient>\r\n    <\/defs>\r\n    <ellipse cx=\"160\" cy=\"388\" rx=\"112\" ry=\"10\" fill=\"rgba(60,20,40,.22)\"\/>\r\n    <path d=\"M160 170C235 170 276 245 276 310C276 360 230 384 160 384C90 384 44 360 44 310C44 245 85 170 160 170Z\" fill=\"url(#cxY)\"\/>\r\n    <ellipse cx=\"62\" cy=\"272\" rx=\"19\" ry=\"50\" transform=\"rotate(20 62 272)\" fill=\"url(#cxY)\"\/>\r\n    <ellipse cx=\"258\" cy=\"272\" rx=\"19\" ry=\"50\" transform=\"rotate(-20 258 272)\" fill=\"url(#cxY)\"\/>\r\n    <ellipse cx=\"64\" cy=\"142\" rx=\"15\" ry=\"25\" fill=\"url(#cxY)\"\/><ellipse cx=\"256\" cy=\"142\" rx=\"15\" ry=\"25\" fill=\"url(#cxY)\"\/>\r\n    <line x1=\"160\" y1=\"56\" x2=\"160\" y2=\"36\" stroke=\"#EBA000\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n    <circle cx=\"160\" cy=\"24\" r=\"14\" fill=\"#19C6E6\"\/><circle cx=\"155\" cy=\"19\" r=\"4.5\" fill=\"#fff\" opacity=\".85\"\/>\r\n    <path d=\"M68 148C68 82 108 52 160 52C212 52 252 82 252 148C252 184 224 200 160 200C96 200 68 184 68 148Z\" fill=\"url(#cxY)\"\/>\r\n    <rect x=\"90\" y=\"86\" width=\"140\" height=\"96\" rx=\"46\" fill=\"url(#cxV)\" stroke=\"#E3A000\" stroke-width=\"3\"\/>\r\n    <g class=\"eye\"><circle cx=\"128\" cy=\"130\" r=\"21\" fill=\"url(#cxI)\"\/><g class=\"pp\"><circle cx=\"128\" cy=\"130\" r=\"11\" fill=\"#0F2A55\"\/><circle cx=\"121\" cy=\"122\" r=\"6\" fill=\"#fff\"\/><\/g><\/g>\r\n    <g class=\"eye\"><circle cx=\"192\" cy=\"130\" r=\"21\" fill=\"url(#cxI)\"\/><g class=\"pp\"><circle cx=\"192\" cy=\"130\" r=\"11\" fill=\"#0F2A55\"\/><circle cx=\"185\" cy=\"122\" r=\"6\" fill=\"#fff\"\/><\/g><\/g>\r\n    <path d=\"M142 151Q160 188 178 151Z\" fill=\"#18233F\"\/>\r\n    <path d=\"M104 199Q160 212 216 199\" fill=\"none\" stroke=\"#19C6E6\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n\r\n    <!-- stop 1: paint brush + scissors -->\r\n    <g class=\"pr p0\">\r\n     <g transform=\"translate(266 318) rotate(32)\"><rect x=\"-5\" y=\"-78\" width=\"10\" height=\"78\" rx=\"5\" fill=\"#8A5A2B\"\/><rect x=\"-6\" y=\"-92\" width=\"12\" height=\"16\" rx=\"2\" fill=\"#C9CED6\"\/><path d=\"M-7-92Q0-126 7-92Z\" fill=\"#06B0AE\"\/><\/g>\r\n     <circle cx=\"300\" cy=\"212\" r=\"7\" fill=\"#06B0AE\"\/><circle cx=\"288\" cy=\"196\" r=\"4\" fill=\"#06B0AE\"\/>\r\n     <g transform=\"translate(54 318) rotate(-28)\"><path d=\"M-10 20L10-76M10 20L-10-76\" stroke=\"#C9CED6\" stroke-width=\"8\" stroke-linecap=\"round\"\/><circle cx=\"-12\" cy=\"30\" r=\"12\" fill=\"none\" stroke=\"#3DA5E6\" stroke-width=\"7\"\/><circle cx=\"12\" cy=\"30\" r=\"12\" fill=\"none\" stroke=\"#3DA5E6\" stroke-width=\"7\"\/><\/g>\r\n    <\/g>\r\n    <!-- stop 2: light bulb + hydraulic syringe -->\r\n    <g class=\"pr p1\">\r\n     <g transform=\"translate(52 320)\"><circle cx=\"0\" cy=\"-52\" r=\"46\" fill=\"#FFE98F\" opacity=\".4\"\/><circle cx=\"0\" cy=\"-52\" r=\"26\" fill=\"#FFE27A\"\/><path d=\"M-8-44L-4-58L0-48L4-58L8-44\" fill=\"none\" stroke=\"#E3A000\" stroke-width=\"3\" stroke-linejoin=\"round\"\/><rect x=\"-12\" y=\"-28\" width=\"24\" height=\"16\" rx=\"4\" fill=\"#9AA3AF\"\/><\/g>\r\n     <g transform=\"translate(268 320) rotate(24)\"><rect x=\"-10\" y=\"-84\" width=\"20\" height=\"62\" rx=\"4\" fill=\"#EAF7FD\" stroke=\"#3A3A3C\" stroke-width=\"3\"\/><rect x=\"-10\" y=\"-48\" width=\"20\" height=\"26\" rx=\"3\" fill=\"#3DA5E6\"\/><rect x=\"-16\" y=\"-92\" width=\"32\" height=\"9\" rx=\"3\" fill=\"#3A3A3C\"\/><rect x=\"-2\" y=\"-106\" width=\"4\" height=\"15\" fill=\"#3A3A3C\"\/><path d=\"M0-22C2 8-34 14-40-18\" fill=\"none\" stroke=\"#3DA5E6\" stroke-width=\"5\" stroke-linecap=\"round\"\/><\/g>\r\n     <g transform=\"translate(44 70)\"><g class=\"spin\"><ellipse cx=\"0\" cy=\"-10\" rx=\"5\" ry=\"12\" fill=\"#EE2D7A\"\/><ellipse cx=\"0\" cy=\"10\" rx=\"5\" ry=\"12\" fill=\"#EE2D7A\"\/><ellipse cx=\"-10\" cy=\"0\" rx=\"12\" ry=\"5\" fill=\"#EE2D7A\"\/><ellipse cx=\"10\" cy=\"0\" rx=\"12\" ry=\"5\" fill=\"#EE2D7A\"\/><\/g><circle r=\"4\" fill=\"#fff\"\/><\/g>\r\n    <\/g>\r\n    <!-- stop 3: delivery cap + parcel -->\r\n    <g class=\"pr p2\">\r\n     <path d=\"M90 84C94 38 226 38 230 84Z\" fill=\"#3DA5E6\"\/><path d=\"M84 86Q160 100 236 86L256 100Q160 118 64 100Z\" fill=\"#2B87C0\"\/><circle cx=\"160\" cy=\"62\" r=\"10\" fill=\"#FDB10A\"\/>\r\n     <g transform=\"translate(160 318)\"><rect x=\"-76\" y=\"-50\" width=\"152\" height=\"96\" rx=\"9\" fill=\"#C98F52\"\/><rect x=\"-11\" y=\"-50\" width=\"22\" height=\"96\" fill=\"#E9C48A\"\/><rect x=\"-54\" y=\"-14\" width=\"46\" height=\"30\" rx=\"4\" fill=\"#fff\"\/><path d=\"M-48-4H-16M-48 6H-26\" stroke=\"#EE2D7A\" stroke-width=\"4\" stroke-linecap=\"round\"\/><\/g>\r\n     <ellipse cx=\"78\" cy=\"320\" rx=\"15\" ry=\"20\" fill=\"url(#cxY)\"\/><ellipse cx=\"242\" cy=\"320\" rx=\"15\" ry=\"20\" fill=\"url(#cxY)\"\/>\r\n    <\/g>\r\n   <\/svg><\/span>\r\n  <\/div>\r\n\r\n  <a class=\"cmx-cta\" href=\"#contact\">Ask about classes <b aria-hidden=\"true\">&rarr;<\/b><\/a>\r\n  <ul class=\"cmx-dots\" id=\"cmx-dots\" aria-hidden=\"true\"><li class=\"on\"><\/li><li><\/li><li><\/li><\/ul>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"cmx-seo\" aria-labelledby=\"cmx-q\">\r\n <div class=\"in\">\r\n  <h2 id=\"cmx-q\">What will my child learn at CraftMee?<\/h2>\r\n  <p>CraftMee runs art and craft classes for kids that mix making, painting and simple science. Children craft and paint, build easy hydraulic models, and connect small circuits with motors and lights. We also teach robotics for kids.<\/p>\r\n  <ul>\r\n   <li>Crafts such as pom-pom characters and bead or pipe-cleaner creatures.<\/li>\r\n   <li>Painting and paper projects.<\/li>\r\n   <li>Basic hydraulic models and electronics projects.<\/li>\r\n  <\/ul>\r\n  <h3>Common questions<\/h3>\r\n  <details><summary>What crafts will my child make?<\/summary><p>Your child can make pom-pom characters, bead and pipe-cleaner creatures, paper crafts and paintings. Each project is split into small steps that are easy to follow.<\/p><\/details>\r\n  <details><summary>What is a hydraulic model?<\/summary><p>It is a model that moves using the pressure of a liquid. Pushing liquid through a tube makes another part lift or move. Kids see the idea working with their own hands.<\/p><\/details>\r\n  <details><summary>What electronics projects do kids do?<\/summary><p>Kids build basic circuits with small motors and lights. They learn how power flows by making something spin or glow.<\/p><\/details>\r\n  <details><summary>How do we get the materials?<\/summary><p>We send the materials for each month's projects to your home. You do not have to buy supplies one by one.<\/p><\/details>\r\n  <details><summary>Does CraftMee also teach robotics?<\/summary><p>Yes. CraftMee teaches robotics for kids along with crafts, so your child can enjoy both making and building.<\/p><\/details>\r\n <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\r\n{\"@type\":\"Question\",\"name\":\"What crafts will my child make?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Your child can make pom-pom characters, bead and pipe-cleaner creatures, paper crafts and paintings. Each project is split into small steps that are easy to follow.\"}},\r\n{\"@type\":\"Question\",\"name\":\"What is a hydraulic model?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is a model that moves using the pressure of a liquid. Pushing liquid through a tube makes another part lift or move. Kids see the idea working with their own hands.\"}},\r\n{\"@type\":\"Question\",\"name\":\"What electronics projects do kids do?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Kids build basic circuits with small motors and lights. They learn how power flows by making something spin or glow.\"}},\r\n{\"@type\":\"Question\",\"name\":\"How do we get the materials?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We send the materials for each month's projects to your home. You do not have to buy supplies one by one.\"}},\r\n{\"@type\":\"Question\",\"name\":\"Does CraftMee also teach robotics?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. CraftMee teaches robotics for kids along with crafts, so your child can enjoy both making and building.\"}}]}<\/script>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('cmx');if(!root)return;\r\n  \/* free the section from theme\/Elementor wrappers so it is full width and sticky works *\/\r\n  var p=root.parentElement;\r\n  while(p&&p!==document.body&&p!==document.documentElement){\r\n    ['padding','margin','border'].forEach(function(k){p.style.setProperty(k,'0','important')});\r\n    p.style.setProperty('max-width','none','important');p.style.setProperty('width','100%','important');\r\n    p.style.setProperty('overflow','visible','important');p.style.setProperty('transform','none','important');\r\n    p=p.parentElement;\r\n  }\r\n  var sc=root.querySelector('.cmx-scroll'),pin=document.getElementById('cmx-pin'),bot=document.getElementById('cmx-bot'),\r\n      numEl=document.getElementById('cmx-n'),panels=[].slice.call(root.querySelectorAll('.cmx-panel')),dots=[].slice.call(document.querySelectorAll('#cmx-dots li'));\r\n  var mq=matchMedia('(max-width:760px)'),reduce=matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n  \/* robot centre at each stop, share of the stage [x, y]: it glides down and across like the magnifier *\/\r\n  var KD=[[.22,.48],[.76,.56],[.24,.64]],KM=[[.28,.80],[.72,.80],[.28,.80]];\r\n  var W,H,bw,bh,KF,cur=0,target=0,shown=-1,raf=0,run=false;\r\n  function clamp(x,a,b){return Math.min(b,Math.max(a,x))}\r\n  function ease(x){return x*x*(3-2*x)}\r\n  function layout(){W=pin.offsetWidth;H=pin.offsetHeight;bw=bot.offsetWidth;bh=bot.offsetHeight;KF=mq.matches?KM:KD;render(cur)}\r\n  function render(pr){\r\n    if(!KF)return;\r\n    var d=.04,s=clamp((pr-d)\/(1-2*d),0,1)*2,i=Math.min(1,Math.floor(s)),f=s-i;\r\n    var e=f<.15?0:(f>.85?1:ease((f-.15)\/.7)),t=i+e,a=KF[i],b=KF[i+1];\r\n    var cx=(a[0]+(b[0]-a[0])*e)*W,cy=(a[1]+(b[1]-a[1])*e)*H-Math.sin(e*Math.PI)*.07*H;\r\n    bot.style.setProperty('--look',clamp((W\/2-cx)\/(W*.3),-1,1).toFixed(2));\r\n    var rot=(a[0]>b[0]?-1:1)*Math.sin(e*Math.PI)*9,sc=1+Math.sin(e*Math.PI)*.06;\r\n    bot.style.transform='translate3d('+(cx-bw\/2)+'px,'+(cy-bh\/2)+'px,0) rotate('+rot+'deg) scale('+sc+')';\r\n    var k=Math.round(t);\r\n    if(k!==shown){shown=k;root.setAttribute('data-k',k);\r\n      panels.forEach(function(el,n){el.classList.toggle('on',n===k)});\r\n      dots.forEach(function(el,n){el.classList.toggle('on',n===k)});numEl.textContent='0'+(k+1)}\r\n  }\r\n  function read(){var r=sc.getBoundingClientRect(),tot=sc.offsetHeight-pin.offsetHeight;target=tot>0?clamp(-r.top\/tot,0,1):0}\r\n  function loop(){\r\n    if(!run)return;read();\r\n    cur+=(target-cur)*(reduce?1:.1);if(Math.abs(target-cur)<.0003)cur=target;\r\n    render(cur);raf=requestAnimationFrame(loop);\r\n  }\r\n  function start(){if(run)return;run=true;raf=requestAnimationFrame(loop)}\r\n  function stop(){run=false;if(raf){cancelAnimationFrame(raf);raf=0}}\r\n  if('IntersectionObserver' in window)new IntersectionObserver(function(es){es[0].isIntersecting?start():stop()},{rootMargin:'200px 0px'}).observe(sc);else start();\r\n  var lw=innerWidth;addEventListener('resize',function(){if(innerWidth!==lw){lw=innerWidth;layout()}});\r\n  if(document.fonts&&document.fonts.ready)document.fonts.ready.then(layout);\r\n  layout();read();cur=target;render(cur);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>craftmee Contact Us Crafts, Robotics forKids Live online classes where your child builds robots, paints and imagines. Contact Us \u2192 ENHinglish\u0c24\u0c46\u0c32\u0c41\u0c17\u0c41\u0c95\u0ca8\u0ccd\u0ca8\u0ca1\u0d2e\u0d32\u0d2f\u0d3e\u0d33\u0d02 Art and craft classes for kids: crafts, painting, hydraulics and electronics What we teach01 \/ 03 01 &middot; Crafts &amp; painting Crafts,Painting&amp; Pom-poms Your child makes pom-pom pals, bead and pipe-cleaner critters, paper crafts<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/craftmee.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":37,"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/craftmee.in\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/craftmee.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}