{"id":777,"date":"2026-05-27T13:16:22","date_gmt":"2026-05-27T13:16:22","guid":{"rendered":"https:\/\/www.rafaelmonzillo.com\/2026\/pre-home\/"},"modified":"2026-08-25T15:30:50","modified_gmt":"2026-08-25T15:30:50","slug":"pre-home","status":"publish","type":"page","link":"https:\/\/www.rafaelmonzillo.com\/2026\/","title":{"rendered":"Pre Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"777\" class=\"elementor elementor-777\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-638462ae e-con-full s2026-tint-target e-flex e-con e-parent\" data-id=\"638462ae\" 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-c4c8c4a2 e-con-full e-flex e-con e-child\" data-id=\"c4c8c4a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-93b5eab e-con-full e-flex e-con e-child\" data-id=\"93b5eab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec2f043 elementor-widget elementor-widget-heading\" data-id=\"ec2f043\" 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\">Rafael \u02b6 a.k.a Monza \u02b6 Monzillo<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d64b7 elementor-widget elementor-widget-heading\" data-id=\"c1d64b7\" 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\">art direction ' design ' sp.br<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-876127c elementor-widget elementor-widget-heading\" data-id=\"876127c\" 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\">\u02b6 <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31dbca6 e-con-full e-flex e-con e-child\" data-id=\"31dbca6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-561df86 elementor-widget elementor-widget-heading\" data-id=\"561df86\" 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\">in a hurry?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc74feb elementor-widget elementor-widget-heading\" data-id=\"fc74feb\" 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 href=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJob3N0ZWQiLCJ1cmwiOiJodHRwczpcL1wvd3d3LnJhZmFlbG1vbnppbGxvLmNvbVwvMjAyNlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDhcL3NpdGUyMDI2LWZ1bGwtcmVlbC12N18xLm1wNCJ9\">Quick VideoFolio<\/a><\/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-8d401c8a e-con-full e-flex e-con e-child\" data-id=\"8d401c8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d797c2d4 e-con-full s2026-wheel-host e-flex e-con e-child\" data-id=\"d797c2d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53d7841b elementor-widget elementor-widget-html\" data-id=\"53d7841b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"s2026-wheel\"><div class=\"sw-spectrum\"><\/div><div class=\"sw-pick\" hidden><\/div><\/div>\n<style>\n.s2026-wheel-host{position:relative;isolation:isolate}\n#s2026-wheel{--sw-r:175px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;width:calc(var(--sw-r)*2);height:calc(var(--sw-r)*2);border:6px solid #fff;border-radius:50%;box-shadow:0 6px 22px rgba(0,0,0,.10)}\n#s2026-wheel .sw-spectrum{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;cursor:crosshair;touch-action:none}\n#s2026-wheel .sw-color{position:absolute;top:-3px;left:calc(var(--sw-r) - 2.5px);width:5px;height:calc(var(--sw-r) + 3px);transform-origin:center bottom}\n#s2026-wheel .sw-pick{position:absolute;width:22px;height:22px;border-radius:50%;border:5px solid #fff;transform:translate(-50%,-50%);pointer-events:none;z-index:2}\n.s2026-tint-target{transition:background-color .35s ease}\n\/* AQUARELA (LO 2026-08-17): camada da tinta espalhando. z-index -1 = atras do conteudo em fluxo\n   e ACIMA do fundo da raiz -- por isso o JS zera o bg do .s2026-tint-target e do body no 1o pick\n   (um bg opaco em fluxo pintaria POR CIMA de uma camada negativa e a tinta sumiria). *\/\n#s2026-ink{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;transition:background-color .35s ease}\n#s2026-ink canvas{position:absolute;inset:0;width:100%;height:100%}\n.s2026-wheel-host.is-picked .elementor-heading-title{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}\n.s2026-enter{visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;margin-top:28px}\n.s2026-enter.is-shown{visibility:visible;opacity:1;transform:none}\n.s2026-enter .elementor-button{\n  background:var(--s2026-ink,#000)!important;color:var(--s2026-picked,#fff)!important;\n  border:2px solid transparent!important;border-radius:999px!important;padding:16px 42px!important;box-shadow:none!important;\n  font-family:\"IBM Plex Mono\",ui-monospace,monospace!important;font-size:15px!important;font-weight:500!important;\n  text-transform:uppercase!important;letter-spacing:.14em!important;line-height:1!important;\n  transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}\n.s2026-enter .elementor-button:hover{background:var(--s2026-ink-50,rgba(0,0,0,.5))!important;color:var(--s2026-picked,#fff)!important;border-color:#fff!important}\n\/* ENTRANCE pre-hide (only when motion is welcome + before JS reveals) *\/\n@media (prefers-reduced-motion:no-preference){\n  html.s2g-enter #s2026-wheel{opacity:0}\n  html.s2g-enter .elementor-heading-title{opacity:0}\n}\n@media(max-width:767px){#s2026-wheel{--sw-r:150px}}\n<\/style>\n<script>\n(function(){\n  var REDUCED=matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var SLOW=1.25, OFFSET=460;   \/* OFFSET = elements start during the black->white wipe tail (fluid overlap) *\/\n  document.documentElement.classList.add('s2g-enter');\n  setTimeout(function(){document.documentElement.classList.remove('s2g-enter');},3200); \/* failsafe *\/\n  \/* black intro that transitions to the white page, then animations begin *\/\n  if(!REDUCED){\n    var ov=document.createElement('div');ov.id='s2026-intro';\n    ov.style.cssText='position:fixed;inset:0;background:#000;z-index:99999;pointer-events:none;opacity:1;transition:opacity .4s ease';\n    (document.body||document.documentElement).appendChild(ov);\n    setTimeout(function(){ov.style.opacity='0';setTimeout(function(){if(ov.parentNode)ov.parentNode.removeChild(ov);},600);},300);\n  }\n  function hsl2rgb(h,s,l){s\/=100;l\/=100;var a=s*Math.min(l,1-l);\n    var f=function(n){var k=(n+h\/30)%12;return l-a*Math.max(-1,Math.min(k-3,Math.min(9-k,1)));};\n    return [Math.round(255*f(0)),Math.round(255*f(8)),Math.round(255*f(4))];}\n  function ink(r,g,b){function L(c){c\/=255;return c<=0.03928?c\/12.92:Math.pow((c+0.055)\/1.055,2.4);}\n    var Y=0.2126*L(r)+0.7152*L(g)+0.0722*L(b);return Y>0.179?'#000':'#fff';}\n  function build(){\n    var host=document.getElementById('s2026-wheel');if(!host)return;\n    var spec=host.querySelector('.sw-spectrum');if(!spec)return;\n    var hostBox=host.closest('.s2026-wheel-host');\n    if(!spec.childElementCount){\n      var fr=document.createDocumentFragment();\n      for(var i=1;i<=360;i++){var b=document.createElement('div');b.className='sw-color';\n        b.style.background='linear-gradient(to bottom,hsl('+i+',100%,50%),hsl('+i+',100%,100%))';\n        b.style.transform='rotate('+i+'deg)';\n        if(!REDUCED){b.style.opacity='0';b.style.transition='opacity '+(0.22*SLOW).toFixed(3)+'s ease-out';\n          b.style.transitionDelay=((OFFSET\/1000)+0.26*SLOW+(i-1)*0.0015*SLOW).toFixed(4)+'s';}\n        fr.appendChild(b);}\n      spec.appendChild(fr);\n    }\n    var pick=host.querySelector('.sw-pick');\n    var enter=document.querySelector('.s2026-enter');\n    var dragging=false, chosen=false, lastPick='#ffffff', lastGrad='';\n    function tintTarget(){return document.querySelector('.s2026-tint-target')||document.body;}\n    \/* ---- GRADIENTE + AQUARELA (LO 2026-08-17) --------------------------------------\n       gradiente = 3 tons do MESMO pick, so a luminancia muda (+6\/-8). Mesma formula do\n       MANIAC (home-fadein.html) => a cor que sai daqui bate com a que a home monta.\n\n       AQUARELA = port do CodePen pimskie\/VBNdZP (receita Tyler Hobbs \/ sighack):\n       poligono regular -> deformacao RECURSIVA (insere um ponto no meio de cada lado e\n       desloca por gaussiana, com a variancia caindo a cada nivel) -> centenas de copias\n       quase transparentes empilhadas. A mancha nasce da SOBREPOSICAO, nao de um blur:\n       onde muitas copias se cruzam fica denso, na franja fica lavado.\n       Diferencas do pen (deliberadas): (a) o raio CRESCE ao longo das camadas, entao a\n       mancha toma a tela em vez de ficar parada; (b) 'source-over' e nao 'multiply' --\n       multiply escureceria alem da cor escolhida (a roda so gera L>=50); (c) fase final\n       de banho (fillRect) porque a franja aquarelada nunca fecha os cantos sozinha. *\/\n    var inkLayer=null, cvs=null, ctx=null, bloom=null, bloomId=0;\n    function diag(){return Math.sqrt(innerWidth*innerWidth+innerHeight*innerHeight);}\n    function gradOf(hue,Lt){\n      var lo=hsl2rgb(hue,100,Math.min(100,Lt+6)), hi=hsl2rgb(hue,100,Math.max(0,Lt-8));\n      return 'linear-gradient(to bottom right,rgb('+lo.join(',')+'),'+\n             'rgb('+hsl2rgb(hue,100,Lt).join(',')+'),rgb('+hi.join(',')+'))';\n    }\n    function rgba(col,a){return col.replace('rgb(','rgba(').replace(')',','+a+')');}\n    \/* gaussiana (Box-Muller) -- o pen usa randomGaussian do p5 *\/\n    function rg(){var x1,x2,w;do{x1=Math.random()*2-1;x2=Math.random()*2-1;w=x1*x1+x2*x2;}\n      while(w>=1||w===0);return x1*Math.sqrt(-2*Math.log(w)\/w);}\n    function poly(cx,cy,r,edges){var v=[],st=Math.PI*2\/edges;\n      for(var a=0;a<Math.PI*2-1e-6;a+=st)v.push({x:cx+Math.cos(a)*r,y:cy+Math.sin(a)*r});return v;}\n    function deform(v,depth,varr,dec){var o=[],i,f,t;\n      for(i=0;i<v.length;i++){f=v[i];t=(i===v.length-1)?v[0]:v[i+1];\n        o.push(f);o.push({x:(f.x+t.x)*0.5+rg()*varr,y:(f.y+t.y)*0.5+rg()*varr});}\n      return depth>0?deform(o,depth-1,varr\/dec,dec):o;}\n    function fillPoly(v,col){ctx.beginPath();ctx.fillStyle=col;ctx.moveTo(v[0].x,v[0].y);\n      for(var i=1;i<v.length;i++)ctx.lineTo(v[i].x,v[i].y);ctx.closePath();ctx.fill();}\n    function ensureInk(){\n      if(inkLayer)return inkLayer;\n      inkLayer=document.createElement('div');inkLayer.id='s2026-ink';\n      cvs=document.createElement('canvas');inkLayer.appendChild(cvs);ctx=cvs.getContext('2d');\n      document.body.appendChild(inkLayer);\n      var t=tintTarget();if(t&&t.style)t.style.backgroundColor='transparent';  \/* senao tapa a camada -1 *\/\n      \/* body TAMBEM tem que ficar transparente: enquanto o html nao tem fundo, o do body e\n         PROPAGADO pro canvas (fica ATRAS da camada -1); assim que settle() pinta o html, o bg\n         do body volta a ser pintado EM FLUXO = por cima da camada -1, e a 2a tinta sumiria. *\/\n      document.body.style.backgroundColor='transparent';\n      return inkLayer;\n    }\n    function settle(col,g){\n      var L=ensureInk();L.style.backgroundColor=col;L.style.backgroundImage=g;\n      var de=document.documentElement.style;de.backgroundColor=col;de.backgroundImage=g; \/* overscroll *\/\n      if(ctx){ctx.setTransform(1,0,0,1,0,0);ctx.clearRect(0,0,cvs.width,cvs.height);}\n    }\n    var WC={LAYERS:280, PER:5, EDGES:11, DEPTH:4, ALPHA:0.03, WASH:22, SPOTS:3, DUR_HINT:'~1.4s'};\n    function splash(col,g,cx,cy){\n      ensureInk();\n      var id=++bloomId, W=innerWidth, H=innerHeight, dpr=Math.min(window.devicePixelRatio||1,2);\n      cvs.width=Math.round(W*dpr);cvs.height=Math.round(H*dpr);\n      ctx.setTransform(dpr,0,0,dpr,0,0);ctx.clearRect(0,0,W,H);\n      var R0=Math.min(W,H)*0.05, R1=diag()*0.62, drawn=0, wash=0;\n      bloom={col:col,grad:g};\n      (function step(){\n        if(id!==bloomId)return;                       \/* pick novo cancela a mancha anterior *\/\n        var k;\n        if(drawn<WC.LAYERS){\n          for(k=0;k<WC.PER&&drawn<WC.LAYERS;k++,drawn++){\n            var p=drawn\/(WC.LAYERS-1), e=1-Math.pow(1-p,3);     \/* espalha rapido, assenta devagar *\/\n            var r=R0+(R1-R0)*e;\n            \/* 3 SPOTS como no pen: as copias se alternam entre focos deslocados do clique,\n               entao a mancha ganha LOBOS em vez de virar um halo redondo. *\/\n            var sp=drawn%WC.SPOTS, sa=sp*(Math.PI*2\/WC.SPOTS)+p*1.1;\n            var base=poly(cx+Math.cos(sa)*r*0.22+rg()*r*0.05,\n                          cy+Math.sin(sa)*r*0.22+rg()*r*0.05,\n                          r*(0.82+Math.random()*0.2), WC.EDGES);\n            fillPoly(deform(base,WC.DEPTH,r*0.10,2.1), rgba(bloom.col,WC.ALPHA));\n          }\n          requestAnimationFrame(step);\n        }else if(wash<WC.WASH){                        \/* banho final: fecha os cantos que a franja nao alcanca *\/\n          wash++;\n          ctx.fillStyle=rgba(bloom.col, 0.04+Math.pow(wash\/WC.WASH,2)*0.26);\n          ctx.fillRect(0,0,W,H);\n          requestAnimationFrame(step);\n        }else{ settle(bloom.col,bloom.grad); bloom=null; }\n      })();\n    }\n    function inkAll(col){\n      document.querySelectorAll('.elementor-heading-title').forEach(function(el){\n        if(el.closest('.s2026-wheel-host'))return;\n        el.style.color=col;});\n    }\n    function apply(x,y,fromUser,burst){\n      var rect=spec.getBoundingClientRect(),r=rect.width\/2,dx=x-r,dy=y-r,d=Math.sqrt(dx*dx+dy*dy);\n      if(d>r){x=r+dx*r\/d;y=r+dy*r\/d;dx=x-r;dy=y-r;d=r;}\n      var hue=Math.round((Math.atan2(dx,-dy)*180\/Math.PI+360)%360)||360;\n      var Lt=Math.max(50,Math.min(100,100-50*(d\/r)));\n      var rgb=hsl2rgb(hue,100,Lt),col='rgb('+rgb[0]+','+rgb[1]+','+rgb[2]+')',ic=ink(rgb[0],rgb[1],rgb[2]);\n      pick.style.left=x+'px';pick.style.top=y+'px';pick.style.background=col;pick.hidden=false;\n      if(fromUser){\n        var g=gradOf(hue,Lt);lastGrad=g;\n        if(REDUCED){ settle(col,g); }\n        else if(burst){ splash(col,g,burst[0],burst[1]); }   \/* pointerdown = jogada de tinta *\/\n        else if(bloom){ bloom.col=col;bloom.grad=g; }        \/* arrastando: as proximas camadas ja saem na cor nova *\/\n        else { settle(col,g); }                              \/* arrasto depois da tinta assentar *\/\n        inkAll(ic);\n        var ic50=ic==='#000'?'rgba(0,0,0,.5)':'rgba(255,255,255,.5)';\n        var ds=document.documentElement.style;\n        ds.setProperty('--s2026-picked',col);ds.setProperty('--s2026-ink',ic);ds.setProperty('--s2026-ink-50',ic50);\n        lastPick=col;\n        if(!chosen){chosen=true;\n          if(hostBox)hostBox.classList.add('is-picked');\n          if(enter)enter.classList.add('is-shown');}\n      }\n    }\n    function evXY(e){var rect=spec.getBoundingClientRect();return [e.clientX-rect.left,e.clientY-rect.top];}\n    spec.addEventListener('pointerdown',function(e){dragging=true;\n      if(spec.setPointerCapture){try{spec.setPointerCapture(e.pointerId);}catch(_){}}\n      var p=evXY(e);apply(p[0],p[1],true,[e.clientX,e.clientY]);e.preventDefault();});\n    spec.addEventListener('pointermove',function(e){if(!dragging)return;var p=evXY(e);apply(p[0],p[1],true);});\n    window.addEventListener('pointerup',function(){dragging=false;});\n    var btn=document.querySelector('.s2026-enter .elementor-button');\n    if(btn&&!btn._wired){btn._wired=true;\n      btn.addEventListener('click',function(ev){ev.preventDefault();if(btn._going)return;btn._going=true;\n        var href=btn.getAttribute('href')||'\/2026\/home-2026\/';\n        var span=btn.querySelector('.elementor-button-text')||btn,n=0;\n        var iv=setInterval(function(){n=(n+1)%4;span.textContent='entering'+Array(n+1).join('.');},140);\n        exitTransition(host,spec,lastPick,lastGrad,function(){\n          clearInterval(iv);span.textContent='entering\u2026';\n          window.location.href=href+(href.indexOf('?')<0?'?':'&')+'accent='+encodeURIComponent(lastPick);\n        });\n      });}\n    requestAnimationFrame(function(){var r0=(spec.clientWidth||spec.getBoundingClientRect().width||350)\/2;apply(r0,r0\/2,false);});\n    setTimeout(prewarmHome, REDUCED?600:1800);   \/* prefetch home assets (baked list) shortly after entrance *\/\n    if(REDUCED){document.documentElement.classList.remove('s2g-enter');return;}\n    entrance(host,spec);\n  }\n  function entrance(host,spec){\n    var EXPO='cubic-bezier(.16,1,.3,1)',QUINT='cubic-bezier(.22,1,.36,1)';\n    requestAnimationFrame(function(){var bs=spec.children;for(var i=0;i<bs.length;i++)bs[i].style.opacity='1';});\n    host.animate([{opacity:0,transform:'translate(-50%,-50%) scale(.92)'},{opacity:1,transform:'translate(-50%,-50%) scale(1)'}],\n      {duration:480*SLOW,delay:60*SLOW+OFFSET,easing:EXPO,fill:'both'});\n    var side=[],ov=[];\n    document.querySelectorAll('.elementor-heading-title').forEach(function(el){(el.closest('.s2026-wheel-host')?ov:side).push(el);});\n    side.forEach(function(el,k){el.animate([{opacity:0,transform:'translateY(10px)'},{opacity:1,transform:'translateY(0)'}],\n      {duration:560*SLOW,delay:120*SLOW+OFFSET+k*90*SLOW,easing:QUINT,fill:'both'});});\n    ov.forEach(function(el,k){el.animate([{opacity:0,transform:'translateY(8px)'},{opacity:1,transform:'translateY(0)'}],\n      {duration:520*SLOW,delay:820*SLOW+OFFSET+k*80*SLOW,easing:QUINT,fill:'both'});});\n    setTimeout(function(){document.documentElement.classList.remove('s2g-enter');},2400);\n  }\n  function curtain(col,g){var cv=document.createElement('div');\n    cv.style.cssText='position:fixed;inset:0;background:'+(col||'#fff')+\n      (g?';background-image:'+g:'')+';z-index:99998;pointer-events:none;opacity:0;transition:opacity .42s ease';\n    document.body.appendChild(cv);return cv;}\n  function exitTransition(host,spec,col,grad,done){\n    var IN='cubic-bezier(.5,0,.75,0)';   \/* ease-in: elements accelerate out *\/\n    if(REDUCED){var c=curtain(col,grad);requestAnimationFrame(function(){c.style.opacity='1';});setTimeout(done,300);return;}\n    document.querySelectorAll('.elementor-heading-title').forEach(function(el,k){\n      el.animate([{opacity:1,transform:'translateY(0)'},{opacity:0,transform:'translateY(12px)'}],\n        {duration:280,delay:k*36,easing:IN,fill:'forwards'});});\n    var enterEl=document.querySelector('.s2026-enter');\n    if(enterEl)enterEl.animate([{opacity:1},{opacity:0}],{duration:240,delay:320,easing:IN,fill:'forwards'});\n    var bs=spec.children,N=bs.length;\n    for(var i=0;i<N;i++){bs[i].style.transition='opacity .16s ease-in';bs[i].style.transitionDelay=((N-1-i)*0.0008)+'s';}\n    requestAnimationFrame(function(){for(var i=0;i<bs.length;i++)bs[i].style.opacity='0';});  \/* bars un-draw (reverse) *\/\n    host.animate([{opacity:1,transform:'translate(-50%,-50%) scale(1)'},{opacity:0,transform:'translate(-50%,-50%) scale(.9)'}],\n      {duration:420,delay:140,easing:IN,fill:'forwards'});\n    var cv=curtain(col,grad);setTimeout(function(){cv.style.opacity='1';},160);   \/* curtain (picked colour) rises *\/\n    setTimeout(done,720);\n  }\n  function prewarmHome(){\n    if(window._s2026warm)return;window._s2026warm=1;\n    var base='\/2026\/home-2026\/',assets=[\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.160.0\/build\/three.min.js\", \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/2.1.2\/TweenMax.min.js\", \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/Draggable.min.js?ver=3.12.5\", \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/Flip.min.js?ver=3.12.5\", \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js?ver=3.12.5\", \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js?ver=3.12.5\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/css\/frontend.min.css?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/css\/widget-heading.min.css?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/css\/widget-image.min.css?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/css\/widget-spacer.min.css?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/js\/frontend-modules.min.js?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/js\/frontend.min.js?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/elementor\/assets\/js\/webpack.runtime.min.js?ver=4.2.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/nodefolio\/assets\/css\/nodefolio.css?ver=1.12.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/nodefolio\/assets\/js\/nodefolio.js?ver=1.12.2\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/pro-elements\/assets\/css\/modules\/motion-fx.min.css?ver=4.1.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/pro-elements\/assets\/js\/elements-handlers.min.js?ver=4.1.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/pro-elements\/assets\/js\/frontend.min.js?ver=4.1.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/pro-elements\/assets\/js\/webpack-pro.runtime.min.js?ver=4.1.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/site-2026-destaque\/assets\/destaque.css?ver=0.5.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/site-2026-destaque\/assets\/destaque.js?ver=0.5.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/smooth-custom-cursor\/assets\/css\/cursor.css?ver=2.3.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/smooth-custom-cursor\/assets\/js\/cursor.js?ver=2.3.0\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/stackfolio\/assets\/css\/stackfolio.css?ver=1.0.5\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/plugins\/stackfolio\/assets\/js\/stackfolio.js?ver=1.0.5\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/themes\/hello-elementor\/assets\/css\/header-footer.css?ver=3.4.9\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/themes\/hello-elementor\/assets\/css\/reset.css?ver=3.4.9\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/themes\/hello-elementor\/assets\/css\/theme.css?ver=3.4.9\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/themes\/hello-elementor\/assets\/js\/hello-frontend.js?ver=3.4.9\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/base-desktop.css?ver=6a834fad6007d\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/base-mobile.css?ver=6a834fad6007d\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/local-167-frontend-desktop.css?ver=6a834fe26bbee\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/post-160.css?ver=1786990509\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/post-161.css?ver=1786990562\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/post-167.css?ver=1786990562\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-content\/uploads\/elementor\/css\/post-38.css?ver=1786990509\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-includes\/js\/dist\/hooks.min.js?ver=7496969728ca0f95732d\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-includes\/js\/dist\/i18n.min.js?ver=781d11515ad3d91786ec\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\", \"https:\/\/www.rafaelmonzillo.com\/2026\/wp-includes\/js\/jquery\/ui\/core.min.js?ver=1.13.3\"];\n    if(typeof HTMLScriptElement!=='undefined'&&HTMLScriptElement.supports&&HTMLScriptElement.supports('speculationrules')){\n      var s=document.createElement('script');s.type='speculationrules';      \/* Chromium: BUILD home in bg -> instant on click *\/\n      s.textContent=JSON.stringify({prerender:[{source:'list',urls:[base]}]});\n      document.head.appendChild(s);\n    }else{\n      var pf=function(u){var l=document.createElement('link');l.rel='prefetch';l.href=u;document.head.appendChild(l);};\n      pf(base);for(var i=0;i<assets.length;i++)pf(assets[i]);            \/* fallback: cache bytes *\/\n    }\n  }\n  if(document.readyState!=='loading')build();\n  else document.addEventListener('DOMContentLoaded',build);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9adea25 elementor-widget elementor-widget-heading\" data-id=\"d9adea25\" 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\">SHOW ME YOUR TRUE COLORS<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0593b1d elementor-widget elementor-widget-heading\" data-id=\"c0593b1d\" 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\">Click and choose your favourite color<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-316d29c7 elementor-align-center s2026-enter elementor-widget elementor-widget-button\" data-id=\"316d29c7\" 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.rafaelmonzillo.com\/2026\/home-2026\/\">\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\">enter -&gt;<\/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<div class=\"elementor-element elementor-element-d42d2d47 e-con-full e-flex e-con e-child\" data-id=\"d42d2d47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cff1cdc elementor-widget elementor-widget-heading\" data-id=\"1cff1cdc\" 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\">This website was vibe coded using<br>Paper.design + Agentzero.ai + claude.ai<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd381512 elementor-widget elementor-widget-heading\" data-id=\"cd381512\" 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\">Huge thanks for all code pen developers,<br>I wouldn\u2019t be able to deliver nothing close<br>to this website without their knowledge<br>and humbleness to share.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9a4233d elementor-widget elementor-widget-heading\" data-id=\"f9a4233d\" 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\"><u>Codepen Developers credits<\/u><\/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>Rafael \u02b6 a.k.a Monza \u02b6 Monzillo art direction &#8216; design &#8216; sp.br \u02b6 in a hurry? Quick VideoFolio SHOW ME YOUR TRUE COLORS Click and choose your favourite color enter -&gt; This website was vibe coded usingPaper.design + Agentzero.ai + claude.ai Huge thanks for all code pen developers,I wouldn\u2019t be able to deliver nothing closeto [&hellip;]<\/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-777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":10,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/777\/revisions"}],"predecessor-version":[{"id":1938,"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/pages\/777\/revisions\/1938"}],"wp:attachment":[{"href":"https:\/\/www.rafaelmonzillo.com\/2026\/wp-json\/wp\/v2\/media?parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}