MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo .hero{min-height:100vh;min-height:100svh;width:100%;display:flex;align-items:flex-end;background:radial-gradient(ellipse 60% 70% at 78% 40%,#4a3416 0,#2a1d0e 40%,transparent 75%),radial-gradient(ellipse 50% 50% at 10% 95%,#2b1306 0,transparent 70%),#050505}\n.mo .hero .wrap{width:100%;padding-top:120px;padding-bottom:clamp(48px,8vh,96px)}\n.mo .ln{display:block;overflow:hidden;padding-bottom:.06em}\n.mo .ln>span{display:inline-block;transform:translateY(112%);animation:mo-up 1s cubic-bezier(.2,.8,.2,1) forwards}\n.mo .ln:nth-child(2)>span{animation-delay:.15s}\n@keyframes mo-up{to{transform:none}}\n.mo1 .eyebrow{opacity:0;animation:mo-fade .8s .1s forwards}\n.mo .tagline,.mo .lead,.mo .hero .pill{opacity:0;animation:mo-fade .9s forwards}\n.mo .tagline{font:italic 400 clamp(22px,3vw,36px)\/1.3 \"Playfair Display\",Georgia,serif;margin-top:28px;animation-delay:.7s}\n.mo .tagline span{color:var(--gold);background:linear-gradient(transparent 82%,var(--purple) 82%,var(--purple) 92%,transparent 92%) no-repeat 0 0\/0% 100%;animation:mo-ul 1s 1.4s forwards}\n.mo .lead{max-width:640px;margin-top:26px;color:#d9d6cf;animation-delay:.95s}.mo .lead i{font-family:\"Playfair Display\",serif;color:var(--gold)}\n.mo .hero .pill{animation-delay:1.2s}\n@keyframes mo-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n@keyframes mo-ul{to{background-size:100% 100%}}\n.mo .grad{animation:mo-shift 5s linear infinite alternate}@keyframes mo-shift{to{background-position:100% 0}}\n.mo .fl{position:absolute;z-index:0;pointer-events:none}\n.mo .f1{width:120px;height:120px;border-radius:50%;border:3px solid var(--gold);opacity:.5;right:16%;top:20%;animation:mo-f1 9s ease-in-out infinite}\n.mo .f2{width:64px;height:64px;background:var(--grad);border-radius:50%;right:30%;bottom:26%;transform-origin:bottom;animation:mo-f2 3.2s cubic-bezier(.3,0,.7,1) infinite}\n.mo .f3{width:0;height:0;border:36px solid transparent;border-bottom:62px solid var(--purple);border-top:0;right:9%;bottom:22%;opacity:.8;animation:mo-sp 10s linear infinite}\n@keyframes mo-f1{50%{transform:translate(-30px,40px) scale(1.15) rotate(40deg);border-radius:30%}}\n@keyframes mo-f2{50%{transform:translateY(-130px) scale(.9,1.12)}0%,100%{transform:scale(1.2,.8)}}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .mq{overflow:hidden;padding:26px 0;white-space:nowrap;border-top:1px solid var(--line);background:#080706}\n.mo .mq div{display:inline-block;animation:mo-mq 26s linear infinite;font:800 clamp(30px,5.5vw,64px)\/1 Montserrat,sans-serif;text-transform:uppercase}\n.mo .mq:hover div{animation-play-state:paused}\n.mo .mq span{margin:0 30px;color:transparent;-webkit-text-stroke:1px #5b574f}.mo .mq span:nth-child(even){-webkit-text-stroke:0;background:var(--grad);-webkit-background-clip:text;background-clip:text}\n@keyframes mo-mq{to{transform:translateX(-50%)}}\n\n\n.mb{--ink:#F5F2EC;--mute:#a9a69f;--line:#2e2b25;--orange:#E0572B;--gold:#E9A63B;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:400 16px\/1.6 Inter,Helvetica,Arial,sans-serif;color:var(--ink)}\n.mb[hidden]{display:none}.mb *{box-sizing:border-box;margin:0}\n.mb-bg{position:absolute;inset:0;background:#000000cc;backdrop-filter:blur(6px);animation:mb-f .3s}\n.mb-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0d0c0b;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);\nbackground-image:radial-gradient(ellipse 70% 50% at 80% 0,#3a2410 0,transparent 70%);animation:mb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes mb-f{from{opacity:0}}@keyframes mb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.mb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:30px;line-height:1;cursor:pointer;padding:6px 10px}.mb-x:hover{color:var(--gold)}\n.mb-prog{height:3px;background:var(--line);border-radius:9px;overflow:hidden;margin-right:34px}.mb-prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .5s cubic-bezier(.6,0,.2,1)}\n.mb-hd{margin-top:22px;display:flex;align-items:center;gap:12px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}\n.mb-hd:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:mb-b 1.6s infinite}@keyframes mb-b{50%{opacity:.25}}\n.mb h2{font:800 clamp(24px,4.2vw,34px)\/1.1 Montserrat,sans-serif;text-transform:uppercase;margin-top:16px}\n.mb .hint{color:var(--mute);font-size:15px;margin-top:8px}\n.mb .st{animation:mb-s .4s cubic-bezier(.2,.8,.2,1)}@keyframes mb-s{from{opacity:0;transform:translateX(24px)}}\n.mb .st.back{animation-name:mb-sb}@keyframes mb-sb{from{opacity:0;transform:translateX(-24px)}}\n.mb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 \"Space Mono\",monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.mb .chips{display:flex;flex-wrap:wrap;gap:10px}\n.mb .chip{font:500 14px\/1 Inter,sans-serif;color:var(--ink);background:transparent;border:1.5px solid #3a372f;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.mb .chip:hover{border-color:var(--gold)}.mb .chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#111;font-weight:600;transform:scale(1.03)}\n.mb input,.mb textarea{width:100%;background:#080706;border:1.5px solid #3a372f;border-radius:10px;color:var(--ink);font:400 16px\/1.4 Inter,sans-serif;padding:14px 16px;transition:border-color .2s}\n.mb textarea{min-height:110px;resize:vertical}.mb input:focus,.mb textarea:focus{outline:0;border-color:var(--gold)}\n.mb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.mb .two{grid-template-columns:1fr}}\n.mb-err{min-height:22px;margin-top:14px;color:#ff7a5a;font-size:14px}\n.mb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}\n.mb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.mb-back:hover{color:var(--ink)}\n.mb-pill{border:2px solid var(--gold);background:transparent;color:var(--gold);border-radius:99px;padding:15px 28px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:.3s}\n.mb-pill:hover{background:var(--grad);color:#111;border-color:transparent}\n.mb-done{text-align:center;padding:24px 0 6px}.mb-done[hidden]{display:none}\n.mb-done svg{width:84px;height:84px}.mb-done circle,.mb-done path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:mb-d 1s .1s forwards}\n.mb-done path{animation-delay:.7s;animation-duration:.6s}@keyframes mb-d{to{stroke-dashoffset:0}}\n.mb-done p{color:var(--mute);margin-top:12px}.mb-done .mb-pill{margin-top:26px}\n.mb :focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}}\n\n<\/style><\/head><body>\n<div class=\"mo mo1\">\n<header class=\"hero\"><i class=\"fl f1\"><\/i><i class=\"fl f2\"><\/i><i class=\"fl f3\"><\/i><div class=\"wrap\">\n<div class=\"eyebrow\">Motion & Animation<\/div>\n<h1 style=\"margin-top:28px\"><span class=\"ln\"><span>Make it<\/span><\/span><span class=\"ln\"><span class=\"grad\">move.<\/span><\/span><\/h1>\n<p class=\"tagline\">Ideas don't stand still. <span>We give them a pulse.<\/span><\/p>\n<p class=\"lead\">Motion graphics and digital animation that make abstract ideas tangible: <i>expressive, human<\/i> and impossible to scroll past.<\/p>\n<a class=\"pill\" href=\"#brief\" data-mo-open role=\"button\">Start a project \u2192<\/a><\/div><\/header>\n<div class=\"mq\"><div><span>2D<\/span><span>3D<\/span><span>Explainers<\/span><span>Logo reveals<\/span><span>Titles<\/span><span>Loops<\/span><span>2D<\/span><span>3D<\/span><span>Explainers<\/span><span>Logo reveals<\/span><span>Titles<\/span><span>Loops<\/span><\/div><\/div>\n<\/div>\n\n<div class=\"mb\" id=\"mb\" hidden role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mb-t\">\n <div class=\"mb-bg\" data-close><\/div>\n <div class=\"mb-box\" tabindex=\"-1\">\n <button class=\"mb-x\" data-close aria-label=\"Close\">\u00d7<\/button>\n <div id=\"mb-wiz\">\n <div class=\"mb-prog\"><i id=\"mb-bar\"><\/i><\/div>\n <div class=\"mb-hd\" id=\"mb-step\"><\/div>\n <form id=\"mb-form\" novalidate>\n <div id=\"mb-body\"><\/div>\n <p class=\"mb-err\" id=\"mb-err\" role=\"alert\"><\/p>\n <div class=\"mb-nav\"><button type=\"button\" class=\"mb-back\" id=\"mb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"mb-pill\" id=\"mb-next\">Next \u2192<\/button><\/div>\n <\/form>\n <\/div>\n <div class=\"mb-done\" id=\"mb-done\" hidden>\n <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg>\n <h2>Brief received<\/h2>\n <p id=\"mb-donetxt\">Thanks! We'll review it and get back to you within 24 hours.<\/p>\n <button type=\"button\" class=\"mb-pill\" data-close>Close<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function(){\nif(window.moBrief)return;\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SETTINGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ENDPOINT: paste a form-service URL (Formspree, Make, Zapier, n8n, your own) to receive briefs as JSON.\n Leave \"\" to send by email instead: the visitor's email app opens with the brief already written. *\/\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\n\nvar STEPS=[\n {q:\"What do you need?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Explainer video\",\"Animated logo \/ reveal\",\"Titles & intros\",\"Social media loops\",\"Product or 3D animation\",\"Motion for web or app\",\"Not sure yet\"]}]},\n {q:\"What style fits?\",h:\"Choose the look closest to what you imagine.\",f:[{k:\"style\",t:\"single\",req:1,o:[\"2D illustrated\",\"3D\",\"Typographic \/ graphic\",\"Hand-drawn, frame by frame\",\"Mixed\",\"Surprise me\"]}]},\n {q:\"Where will it live?\",h:\"This decides formats and sizes.\",f:[{k:\"where\",t:\"multi\",req:1,o:[\"Website\",\"Social media\",\"Paid ads\",\"Event or screen\",\"TV \/ film\",\"Presentations\"]},{k:\"len\",t:\"single\",l:\"Approximate length\",o:[\"Under 15s\",\"15\u201330s\",\"30\u201360s\",\"1\u20132 min\",\"Over 2 min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Script\",\"Storyboard\",\"Brand guidelines\",\"Voiceover or music\",\"Reference videos\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Goal, audience, ideas, links to references\u2026\"}]},\n {q:\"Time and budget\",h:\"So we can propose something realistic.\",f:[{k:\"time\",t:\"single\",l:\"When do you need it?\",o:[\"ASAP (under 2 weeks)\",\"2\u20134 weeks\",\"1\u20132 months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $2k\",\"$2k \u2013 $5k\",\"$5k \u2013 $10k\",\"$10k+\",\"Not sure\"]}]},\n {q:\"Where do we reach you?\",h:\"We reply within 24 hours.\",f:[{k:\"name\",t:\"text\",req:1,l:\"Name\",c:1},{k:\"email\",t:\"email\",req:1,l:\"Email\",c:1},{k:\"company\",t:\"text\",l:\"Company\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",style:\"Style\",where:\"Where it will live\",len:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company\",phone:\"Phone\"};\nvar A={},i=0,last=null,$=function(id){return document.getElementById(id)},m=$(\"mb\"),box=m.querySelector(\".mb-box\");\n\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"mb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f,n){\n if(f.c&&!row){h+='<div class=\"two\" style=\"margin-top:22px\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+(f.req?'':'')+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(n==0?' style=\"margin-top:26px\"':'')+'>';\n f.o.forEach(function(o){var on=f.t==\"multi\"?(A[f.k]||[]).indexOf(o)>-1:A[f.k]==o;h+='<button type=\"button\" class=\"chip\" aria-pressed=\"'+on+'\">'+o+'<\/button>'});h+='<\/div>'}\n else if(f.t==\"area\")h+='<textarea data-k=\"'+f.k+'\" placeholder=\"'+f.p+'\">'+(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"mb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"mb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+(A[f.k]||'').replace(\/\"\/g,'"')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"mb-body\").innerHTML=h+'<\/div>';\n $(\"mb-step\").textContent=\"Step \"+(i+1)+\" of \"+STEPS.length;\n $(\"mb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"mb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"mb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"mb-err\").textContent=\"\";\n}\nfunction collect(){\n $(\"mb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var k=e.dataset.k,v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){\n for(var n=0;n<STEPS[i].f.length;n++){var f=STEPS[i].f[n],v=A[f.k];\n if(f.req&&(!v||!v.length))return f.t==\"multi\"||f.t==\"single\"?\"Please choose at least one option.\":\"Please fill in \"+f.l.toLowerCase()+\".\";\n if(f.t==\"email\"&&!\/^\\S+@\\S+\\.\\S+$\/.test(v))return \"Please enter a valid email.\"}\n return \"\"}\nfunction summary(){return Object.keys(LB).filter(function(k){return A[k]&&A[k].length}).map(function(k){return LB[k]+\": \"+(Array.isArray(A[k])?A[k].join(\", \"):A[k])}).join(\"\\n\")}\nfunction done(msg){$(\"mb-wiz\").hidden=true;$(\"mb-done\").hidden=false;if(msg)$(\"mb-donetxt\").textContent=msg}\nfunction send(){\n var txt=summary(),mail=\"mailto:\"+EMAIL+\"?subject=\"+encodeURIComponent(\"Motion project brief \u2014 \"+A.name)+\"&body=\"+encodeURIComponent(txt);\n if(ENDPOINT){$(\"mb-next\").disabled=true;\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:JSON.stringify(Object.assign({service:\"Motion & Animation\",page:location.href},A))})\n .then(function(){done()}).catch(function(){$(\"mb-next\").disabled=false;done(\"We couldn't send it automatically. Your email app will open with the brief ready to send.\");location.href=mail})}\n else{done(\"Your email app should open with the brief ready. Just press send. If nothing opened, write to \"+EMAIL+\".\");location.href=mail}}\n\n$(\"mb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"mb-err\").textContent=er;return}\n if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n$(\"mb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\nm.addEventListener(\"click\",function(e){var b=e.target.closest(\".chip\");\n if(b){var w=b.parentNode;if(w.dataset.t==\"single\")w.querySelectorAll(\".chip\").forEach(function(c){c.setAttribute(\"aria-pressed\",\"false\")});\n b.setAttribute(\"aria-pressed\",w.dataset.t==\"single\"?\"true\":String(b.getAttribute(\"aria-pressed\")!=\"true\"));$(\"mb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n\nfunction open(){last=document.activeElement;A={};i=0;$(\"mb-wiz\").hidden=false;$(\"mb-done\").hidden=true;$(\"mb-next\").disabled=false;render(1);m.hidden=false;document.documentElement.style.overflow=\"hidden\";box.focus()}\nfunction close(){m.hidden=true;document.documentElement.style.overflow=\"\";if(last&&last.focus)last.focus()}\ndocument.addEventListener(\"click\",function(e){var t=e.target.closest(\"[data-mo-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(m.hidden)return;if(e.key==\"Escape\")close();\n if(e.key==\"Tab\"){var f=[].filter.call(m.querySelectorAll(\"button,input,textarea\"),function(x){return x.offsetParent&&!x.disabled});if(!f.length)return;\n var a=f[0],z=f[f.length-1];if(e.shiftKey&&document.activeElement==a){e.preventDefault();z.focus()}else if(!e.shiftKey&&document.activeElement==z){e.preventDefault();a.focus()}}});\nwindow.moBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-226ae6e e-con e-atomic-element e-flexbox-base e-default-div e-e83a7e1 \" data-id=\"226ae6e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"226ae6e\">\n \t\t<div class=\"elementor-element elementor-element-e9fe424 elementor-widget elementor-widget-html\" data-id=\"e9fe424\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo .stage{height:340px;background-color:#0d0c0b;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;margin-top:56px;text-align:left;\nbackground-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}\n.mo .stage .ob{position:absolute;display:block}\n.mo .g{left:0;right:0;bottom:30px;height:2px;background:#3a372f}\n.mo .ball{width:72px;height:72px;border-radius:50%;background:var(--grad);left:12%;bottom:32px;transform-origin:50% 100%;animation:mo-bn 1.8s infinite cubic-bezier(.4,0,.6,1)}\n.mo .sh{width:72px;height:10px;border-radius:50%;background:#000;left:12%;bottom:26px;opacity:.6;animation:mo-sh 1.8s infinite cubic-bezier(.4,0,.6,1)}\n@keyframes mo-bn{0%,100%{transform:scale(1.25,.72)}12%{transform:translateY(-20px) scale(.9,1.12)}50%{transform:translateY(-220px) scale(.92,1.1)}88%{transform:translateY(-20px) scale(.9,1.12)}}\n@keyframes mo-sh{0%,100%{transform:scaleX(1.2);opacity:.7}50%{transform:scaleX(.45);opacity:.2}}\n.mo .sq{width:92px;height:92px;border:4px solid var(--ink);left:calc(50% - 46px);top:34%;animation:mo-mo 4s infinite cubic-bezier(.65,0,.35,1)}\n@keyframes mo-mo{0%,100%{border-radius:0;transform:rotate(0)}50%{border-radius:50%;transform:rotate(180deg) scale(.7);border-color:var(--gold)}}\n.mo .orb{left:76%;top:50%;width:0;height:0;animation:mo-sp 6s linear infinite}\n.mo .orb i{position:absolute;left:78px;top:-34px;width:0;height:0;border:34px solid transparent;border-bottom:58px solid var(--purple);border-top:0;animation:mo-sp 3s linear infinite reverse}\n.mo .ring{left:calc(76% - 78px);top:calc(50% - 78px);width:156px;height:156px;border:1px dashed #4a463d;border-radius:50%}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .ph{top:0;bottom:0;left:0;width:2px;background:var(--orange);box-shadow:0 0 18px var(--orange);animation:mo-ph 4s linear infinite}\n@keyframes mo-ph{to{left:100%}}\n.mo .tc{position:absolute;right:16px;top:14px;font:400 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;color:var(--gold)}\n.mo .tc:before{content:\"\u25cf REC \";color:var(--orange);animation:mo-bl 1.2s infinite}\n\n<\/style><\/head><body>\n<div class=\"mo\">\n<section class=\"wrap center\"><div class=\"eyebrow\">What we do<\/div>\n<h2>Frame by frame. <span class=\"grad\">Beat by beat.<\/span><\/h2>\n<p class=\"sub\">Every second is designed. We build motion that carries your story and <b>keeps working long after the first view.<\/b><\/p>\n<div class=\"stage\" id=\"mo-stage\" aria-hidden=\"true\"><span class=\"tc\" id=\"mo-tc\">00:00:00<\/span><i class=\"ob ring\"><\/i><i class=\"ob g\"><\/i><i class=\"ob sh\"><\/i><i class=\"ob ball\"><\/i><i class=\"ob sq\"><\/i><div class=\"ob orb\"><i><\/i><\/div><i class=\"ob ph\"><\/i><\/div><\/section>\n<\/div>\n<script>(function(){var s=document.getElementById('mo-stage'),t=document.getElementById('mo-tc'),on=true,t0=performance.now();\nfunction set(v){on=v;s.querySelectorAll('.ob,.ob i').forEach(function(o){o.style.animationPlayState=v?'running':'paused'})}\nif('IntersectionObserver'in window)new IntersectionObserver(function(e){set(e[0].isIntersecting)}).observe(s);\n(function f(n){if(on){var fr=Math.floor((n-t0)\/1000*24)%96;t.textContent='00:0'+Math.floor(fr\/24)+':'+('0'+(fr%24)).slice(-2)}requestAnimationFrame(f)})(t0)})();<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2fedb2b e-con e-atomic-element e-flexbox-base e-default-div e-fa2b1cf \" data-id=\"2fedb2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2fedb2b\">\n \t\t<div class=\"elementor-element elementor-element-8da37c9 elementor-widget elementor-widget-html\" data-id=\"8da37c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo{background:#0a0908}\n.mo .steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px}\n.mo .step{position:relative;padding:0 24px}\n.mo .step:not(:last-child):after{content:\"\";position:absolute;top:44px;left:calc(50% + 54px);right:calc(-50% + 54px);height:2px;transform-origin:left;transition:transform .7s cubic-bezier(.6,0,.2,1)}\n.mo .step:nth-child(1):after{background:linear-gradient(90deg,#B58CFF,var(--orange))}.mo .step:nth-child(2):after{background:linear-gradient(90deg,var(--orange),var(--gold))}\n.mo .ico{width:88px;height:88px;margin:auto;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gold);background:#0b0a08;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s}\n.mo .step:nth-child(2) .ico{border-color:#3fd0d8}.mo .step:nth-child(3) .ico{border-color:#4a463d}\n.mo .ico svg{width:32px;height:32px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n.mo .ico svg *{stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease}\n.mo .step:nth-child(2) .ico svg{stroke:#3fd0d8}.mo .step:nth-child(3) .ico svg{stroke:var(--ink)}\n.mo .step .tx{transition:opacity .6s,transform .6s}\n.mo .step small{display:block;margin-top:30px;font:400 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:#77736b}\n.mo .step h3{font:800 20px\/1.2 Inter,sans-serif;margin-top:14px}.mo .step p{color:var(--mute);margin:10px auto 0;font-size:15px;max-width:280px}\n.mo .steps.go .step:hover .ico{transform:scale(1.1) rotate(-6deg)}\n.mo .steps.arm .ico{opacity:0;transform:scale(.4)}.mo .steps.arm .tx{opacity:0;transform:translateY(20px)}\n.mo .steps.arm .step:after{transform:scaleX(0)}.mo .steps.arm .ico svg *{stroke-dashoffset:80}\n.mo .steps.go .ico{opacity:1;transform:none}.mo .steps.go .tx{opacity:1;transform:none}.mo .steps.go .step:after{transform:none}.mo .steps.go .ico svg *{stroke-dashoffset:0}\n.mo .steps.go .step:nth-child(1) :is(.ico,.tx,svg *){transition-delay:.1s}.mo .steps.go .step:nth-child(1):after{transition-delay:.7s}\n.mo .steps.go .step:nth-child(2) :is(.ico,.tx,svg *){transition-delay:1.2s}.mo .steps.go .step:nth-child(2):after{transition-delay:1.8s}\n.mo .steps.go .step:nth-child(3) :is(.ico,.tx,svg *){transition-delay:2.3s}\n@media(max-width:800px){.mo .steps{grid-template-columns:1fr;gap:48px}.mo .step:after{display:none}}\n\n<\/style><\/head><body>\n<div class=\"mo\">\n<section class=\"wrap center\"><div class=\"eyebrow\">How we work<\/div>\n<h2>Three steps. <span class=\"grad\">One story.<\/span><\/h2>\n<div class=\"steps\" id=\"mo-steps\">\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M9 4v16\"\/><\/svg><\/div><div class=\"tx\"><small>01 \u00b7 Plan<\/small><h3>Storyboard<\/h3><p>Concept, script and style frames.<\/p><\/div><\/div>\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 3 8l9 5 9-5-9-5z\"\/><path d=\"m3 13 9 5 9-5\"\/><\/svg><\/div><div class=\"tx\"><small>02 \u00b7 Animate<\/small><h3>Hand-driven motion<\/h3><p>2D and 3D animation built frame by frame.<\/p><\/div><\/div>\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18V6l10-2v12\"\/><circle cx=\"6.5\" cy=\"18\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"16\" r=\"2.5\"\/><\/svg><\/div><div class=\"tx\"><small>03 \u00b7 Deliver<\/small><h3>Sound & polish<\/h3><p>Sound design, color and delivery for every platform.<\/p><\/div><\/div>\n<\/div><\/section>\n<\/div>\n<script>(function(){var s=document.getElementById('mo-steps');if(!('IntersectionObserver'in window)||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\ns.classList.add('arm');new IntersectionObserver(function(e,o){if(e[0].isIntersecting){s.classList.add('go');o.disconnect()}},{threshold:.35}).observe(s)})();<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3540cd6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3540cd6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e93ed6\" data-id=\"5e93ed6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26573f4 elementor-grid-4 elementor-grid-mobile-2 elementor-grid-tablet-2 elementor-widget elementor-widget-loop-grid\" data-id=\"26573f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"template_id":"2790","columns":4,"columns_mobile":2,"row_gap_mobile":{"unit":"px","size":0,"sizes":[]},"row_gap":{"unit":"px","size":20,"sizes":[]},"masonry":"yes","_skin":"post","columns_tablet":"2","edit_handle_selector":"[data-elementor-type=\\"loop-item\\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\r\n\t\t<style id=\"loop-2790\">.elementor-2790 .elementor-element.elementor-element-ef7e073{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:14px 14px 14px 14px;}.elementor-2790 .elementor-element.elementor-element-ef7e073.e-con:hover{--e-con-transform-scale:1.03;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2790 .elementor-element.elementor-element-3395c76 img{border-radius:3px 3px 3px 3px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon{width:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon i{font-size:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-item{font-family:\"Montserrat\", Sans-serif;font-size:12px;}.elementor-2790 .elementor-element.elementor-element-f157ef5{padding:3px 10px 3px 10px;width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;top:20px;z-index:10;border-radius:3px 3px 3px 3px;}body:not(.rtl) .elementor-2790 .elementor-element.elementor-element-f157ef5{right:18px;}body.rtl .elementor-2790 .elementor-element.elementor-element-f157ef5{left:18px;}.elementor-2790 .elementor-element.elementor-element-bb4d3d2{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2790 .elementor-element.elementor-element-e2d3011 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-weight:600;}.elementor-2790 .elementor-element.elementor-element-e2d3011{padding:0px 0px 0px 0px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon{width:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon i{font-size:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-item{font-family:\"Montserrat\", Sans-serif;font-size:9px;}.elementor-2790 .elementor-element.elementor-element-41aff50{padding:0px 0px 0px 0px;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2790 .elementor-element.elementor-element-cc0c329{font-family:\"Montserrat\", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-text );}@media(max-width:767px){.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-item{font-size:9px;}.elementor-2790 .elementor-element.elementor-element-f157ef5{padding:2px 5px 2px 5px;}.elementor-2790 .elementor-element.elementor-element-cc0c329{font-size:10px;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-9197 post-9197 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/silmi-law\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1663\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-scaled.webp\" class=\"attachment-full size-full wp-image-9200\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-scaled.webp 2560w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-1536x998.webp 1536w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-2048x1330.webp 2048w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-18x12.webp 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-600x390.webp 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Silmi Law<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>agosto 2, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tSilmi Law is a strategy-driven immigration and personal injury law firm serving clients across the United States. While the firm\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-8087 post-8087 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity cat_portfolio-websites\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/hopewell-therapeutic-farm\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"984\" height=\"874\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM.jpeg\" class=\"attachment-full size-full wp-image-8090\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM.jpeg 984w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM-14x12.jpeg 14w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM-600x533.jpeg 600w\" sizes=\"(max-width: 984px) 100vw, 984px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>, <span class=\"elementor-post-info__terms-list-item\">Websites<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Hopewell Therapeutic Farm<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>junio 15, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA modern and accessible website designed for Hopewell Therapeutic Farm, helping communicate its mission, programs, and community impact through a\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-7285 post-7285 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-films\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/the-terror-infamy\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1378\" height=\"1566\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM.webp\" class=\"attachment-full size-full wp-image-7286\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM.webp 1378w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-1352x1536.webp 1352w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-11x12.webp 11w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-600x682.webp 600w\" sizes=\"(max-width: 1378px) 100vw, 1378px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Films<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">The Terror Infamy<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 29, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cinematic visual design that builds tension and atmosphere through dark, immersive motion and storytelling.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-7243 post-7243 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-websites\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/7243\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"886\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg\" class=\"attachment-full size-full wp-image-7246\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg 1280w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-18x12.jpeg 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-600x415.jpeg 600w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Websites<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Baud\u00f3 AP \u2014 F\u00e1bricas de Agua<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 28, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tAn immersive editorial design project that brings environmental storytelling to life with interactive multimedia and clear visual communication.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6672 post-6672 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/santuario\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1829\" height=\"2560\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-scaled.jpeg\" class=\"attachment-full size-full wp-image-6683\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-scaled.jpeg 1829w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-1097x1536.jpeg 1097w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-1463x2048.jpeg 1463w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-9x12.jpeg 9w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-600x840.jpeg 600w\" sizes=\"(max-width: 1829px) 100vw, 1829px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Santuario<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cohesive graphic design system that organizes and elevates documentary materials with clarity, style, and cultural resonance.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6628 post-6628 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/ita\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1433\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-scaled.webp\" class=\"attachment-full size-full wp-image-6632\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-scaled.webp 2560w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-1536x860.webp 1536w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-2048x1147.webp 2048w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-18x10.webp 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-600x336.webp 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">ITA<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cohesive visual identity that reflects Fanny Manuel\u2019s personality, style, and creative voice across all platforms.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6613 post-6613 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-animation\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/todo-tangible\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/todo-tangible-scaled-e1774538659530.png\" class=\"attachment-full size-full wp-image-6619\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Animation<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Todo \u2014 Tangible<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA human-centered animation that makes abstract concepts tangible through expressive, playful hand-driven motion.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-5350 post-5350 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-apps\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/syncwork\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"1564\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork.png\" class=\"attachment-full size-full wp-image-9598\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork.png 858w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-843x1536.png 843w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-7x12.png 7w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-600x1094.png 600w\" sizes=\"(max-width: 858px) 100vw, 858px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Apps<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">SyncWork<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>febrero 21, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA clean and intuitive app design that enhances team productivity with engaging UI\/UX and visual clarity.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9faa281 e-con e-atomic-element e-flexbox-base e-default-div e-bdc21b1 \" data-id=\"9faa281\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9faa281\">\n \t\t<div class=\"elementor-element elementor-element-673ff1a elementor-widget elementor-widget-html\" data-id=\"673ff1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo.mo4{background:radial-gradient(ellipse 60% 80% at 50% 0,#2a1a0a 0,transparent 70%),#050505}\n.mo.mo4 .wrap{padding-block:clamp(90px,12vw,170px)}\n.mo .glow{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:radial-gradient(circle,#E0572b33,transparent 65%);animation:mo-pu 4s ease-in-out infinite;pointer-events:none}\n@keyframes mo-pu{50%{transform:scale(1.35);opacity:.6}}\n.mo .ringc{position:absolute;left:50%;top:50%;width:460px;height:460px;margin:-230px 0 0 -230px;border:1px dashed #3a372f;border-radius:50%;animation:mo-sp 40s linear infinite;pointer-events:none}\n.mo .ringc:after{content:\"\";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--gold)}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .grad{animation:mo-shift 4s linear infinite alternate}@keyframes mo-shift{to{background-position:100% 0}}\n\n\n.mb{--ink:#F5F2EC;--mute:#a9a69f;--line:#2e2b25;--orange:#E0572B;--gold:#E9A63B;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:400 16px\/1.6 Inter,Helvetica,Arial,sans-serif;color:var(--ink)}\n.mb[hidden]{display:none}.mb *{box-sizing:border-box;margin:0}\n.mb-bg{position:absolute;inset:0;background:#000000cc;backdrop-filter:blur(6px);animation:mb-f .3s}\n.mb-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0d0c0b;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);\nbackground-image:radial-gradient(ellipse 70% 50% at 80% 0,#3a2410 0,transparent 70%);animation:mb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes mb-f{from{opacity:0}}@keyframes mb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.mb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:30px;line-height:1;cursor:pointer;padding:6px 10px}.mb-x:hover{color:var(--gold)}\n.mb-prog{height:3px;background:var(--line);border-radius:9px;overflow:hidden;margin-right:34px}.mb-prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .5s cubic-bezier(.6,0,.2,1)}\n.mb-hd{margin-top:22px;display:flex;align-items:center;gap:12px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}\n.mb-hd:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:mb-b 1.6s infinite}@keyframes mb-b{50%{opacity:.25}}\n.mb h2{font:800 clamp(24px,4.2vw,34px)\/1.1 Montserrat,sans-serif;text-transform:uppercase;margin-top:16px}\n.mb .hint{color:var(--mute);font-size:15px;margin-top:8px}\n.mb .st{animation:mb-s .4s cubic-bezier(.2,.8,.2,1)}@keyframes mb-s{from{opacity:0;transform:translateX(24px)}}\n.mb .st.back{animation-name:mb-sb}@keyframes mb-sb{from{opacity:0;transform:translateX(-24px)}}\n.mb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 \"Space Mono\",monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.mb .chips{display:flex;flex-wrap:wrap;gap:10px}\n.mb .chip{font:500 14px\/1 Inter,sans-serif;color:var(--ink);background:transparent;border:1.5px solid #3a372f;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.mb .chip:hover{border-color:var(--gold)}.mb .chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#111;font-weight:600;transform:scale(1.03)}\n.mb input,.mb textarea{width:100%;background:#080706;border:1.5px solid #3a372f;border-radius:10px;color:var(--ink);font:400 16px\/1.4 Inter,sans-serif;padding:14px 16px;transition:border-color .2s}\n.mb textarea{min-height:110px;resize:vertical}.mb input:focus,.mb textarea:focus{outline:0;border-color:var(--gold)}\n.mb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.mb .two{grid-template-columns:1fr}}\n.mb-err{min-height:22px;margin-top:14px;color:#ff7a5a;font-size:14px}\n.mb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}\n.mb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.mb-back:hover{color:var(--ink)}\n.mb-pill{border:2px solid var(--gold);background:transparent;color:var(--gold);border-radius:99px;padding:15px 28px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:.3s}\n.mb-pill:hover{background:var(--grad);color:#111;border-color:transparent}\n.mb-done{text-align:center;padding:24px 0 6px}.mb-done[hidden]{display:none}\n.mb-done svg{width:84px;height:84px}.mb-done circle,.mb-done path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:mb-d 1s .1s forwards}\n.mb-done path{animation-delay:.7s;animation-duration:.6s}@keyframes mb-d{to{stroke-dashoffset:0}}\n.mb-done p{color:var(--mute);margin-top:12px}.mb-done .mb-pill{margin-top:26px}\n.mb :focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}}\n\n<\/style><\/head><body>\n<div class=\"mo mo4\">\n<section class=\"wrap center\"><i class=\"glow\"><\/i><i class=\"ringc\"><\/i><div class=\"eyebrow\">Let's talk<\/div>\n<h2>Got a story <span class=\"grad\">to set in motion?<\/span><\/h2>\n<a class=\"pill\" href=\"#brief\" data-mo-open role=\"button\">Animate with us \u2192<\/a><\/section>\n<\/div>\n\n<div class=\"mb\" id=\"mb\" hidden role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mb-t\">\n <div class=\"mb-bg\" data-close><\/div>\n <div class=\"mb-box\" tabindex=\"-1\">\n <button class=\"mb-x\" data-close aria-label=\"Close\">\u00d7<\/button>\n <div id=\"mb-wiz\">\n <div class=\"mb-prog\"><i id=\"mb-bar\"><\/i><\/div>\n <div class=\"mb-hd\" id=\"mb-step\"><\/div>\n <form id=\"mb-form\" novalidate>\n <div id=\"mb-body\"><\/div>\n <p class=\"mb-err\" id=\"mb-err\" role=\"alert\"><\/p>\n <div class=\"mb-nav\"><button type=\"button\" class=\"mb-back\" id=\"mb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"mb-pill\" id=\"mb-next\">Next \u2192<\/button><\/div>\n <\/form>\n <\/div>\n <div class=\"mb-done\" id=\"mb-done\" hidden>\n <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg>\n <h2>Brief received<\/h2>\n <p id=\"mb-donetxt\">Thanks! We'll review it and get back to you within 24 hours.<\/p>\n <button type=\"button\" class=\"mb-pill\" data-close>Close<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function(){\nif(window.moBrief)return;\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SETTINGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ENDPOINT: paste a form-service URL (Formspree, Make, Zapier, n8n, your own) to receive briefs as JSON.\n Leave \"\" to send by email instead: the visitor's email app opens with the brief already written. *\/\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\n\nvar STEPS=[\n {q:\"What do you need?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Explainer video\",\"Animated logo \/ reveal\",\"Titles & intros\",\"Social media loops\",\"Product or 3D animation\",\"Motion for web or app\",\"Not sure yet\"]}]},\n {q:\"What style fits?\",h:\"Choose the look closest to what you imagine.\",f:[{k:\"style\",t:\"single\",req:1,o:[\"2D illustrated\",\"3D\",\"Typographic \/ graphic\",\"Hand-drawn, frame by frame\",\"Mixed\",\"Surprise me\"]}]},\n {q:\"Where will it live?\",h:\"This decides formats and sizes.\",f:[{k:\"where\",t:\"multi\",req:1,o:[\"Website\",\"Social media\",\"Paid ads\",\"Event or screen\",\"TV \/ film\",\"Presentations\"]},{k:\"len\",t:\"single\",l:\"Approximate length\",o:[\"Under 15s\",\"15\u201330s\",\"30\u201360s\",\"1\u20132 min\",\"Over 2 min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Script\",\"Storyboard\",\"Brand guidelines\",\"Voiceover or music\",\"Reference videos\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Goal, audience, ideas, links to references\u2026\"}]},\n {q:\"Time and budget\",h:\"So we can propose something realistic.\",f:[{k:\"time\",t:\"single\",l:\"When do you need it?\",o:[\"ASAP (under 2 weeks)\",\"2\u20134 weeks\",\"1\u20132 months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $2k\",\"$2k \u2013 $5k\",\"$5k \u2013 $10k\",\"$10k+\",\"Not sure\"]}]},\n {q:\"Where do we reach you?\",h:\"We reply within 24 hours.\",f:[{k:\"name\",t:\"text\",req:1,l:\"Name\",c:1},{k:\"email\",t:\"email\",req:1,l:\"Email\",c:1},{k:\"company\",t:\"text\",l:\"Company\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",style:\"Style\",where:\"Where it will live\",len:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company\",phone:\"Phone\"};\nvar A={},i=0,last=null,$=function(id){return document.getElementById(id)},m=$(\"mb\"),box=m.querySelector(\".mb-box\");\n\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"mb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f,n){\n if(f.c&&!row){h+='<div class=\"two\" style=\"margin-top:22px\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+(f.req?'':'')+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(n==0?' style=\"margin-top:26px\"':'')+'>';\n f.o.forEach(function(o){var on=f.t==\"multi\"?(A[f.k]||[]).indexOf(o)>-1:A[f.k]==o;h+='<button type=\"button\" class=\"chip\" aria-pressed=\"'+on+'\">'+o+'<\/button>'});h+='<\/div>'}\n else if(f.t==\"area\")h+='<textarea data-k=\"'+f.k+'\" placeholder=\"'+f.p+'\">'+(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"mb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"mb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+(A[f.k]||'').replace(\/\"\/g,'"')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"mb-body\").innerHTML=h+'<\/div>';\n $(\"mb-step\").textContent=\"Step \"+(i+1)+\" of \"+STEPS.length;\n $(\"mb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"mb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"mb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"mb-err\").textContent=\"\";\n}\nfunction collect(){\n $(\"mb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var k=e.dataset.k,v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){\n for(var n=0;n<STEPS[i].f.length;n++){var f=STEPS[i].f[n],v=A[f.k];\n if(f.req&&(!v||!v.length))return f.t==\"multi\"||f.t==\"single\"?\"Please choose at least one option.\":\"Please fill in \"+f.l.toLowerCase()+\".\";\n if(f.t==\"email\"&&!\/^\\S+@\\S+\\.\\S+$\/.test(v))return \"Please enter a valid email.\"}\n return \"\"}\nfunction summary(){return Object.keys(LB).filter(function(k){return A[k]&&A[k].length}).map(function(k){return LB[k]+\": \"+(Array.isArray(A[k])?A[k].join(\", \"):A[k])}).join(\"\\n\")}\nfunction done(msg){$(\"mb-wiz\").hidden=true;$(\"mb-done\").hidden=false;if(msg)$(\"mb-donetxt\").textContent=msg}\nfunction send(){\n var txt=summary(),mail=\"mailto:\"+EMAIL+\"?subject=\"+encodeURIComponent(\"Motion project brief \u2014 \"+A.name)+\"&body=\"+encodeURIComponent(txt);\n if(ENDPOINT){$(\"mb-next\").disabled=true;\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:JSON.stringify(Object.assign({service:\"Motion & Animation\",page:location.href},A))})\n .then(function(){done()}).catch(function(){$(\"mb-next\").disabled=false;done(\"We couldn't send it automatically. Your email app will open with the brief ready to send.\");location.href=mail})}\n else{done(\"Your email app should open with the brief ready. Just press send. If nothing opened, write to \"+EMAIL+\".\");location.href=mail}}\n\n$(\"mb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"mb-err\").textContent=er;return}\n if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n$(\"mb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\nm.addEventListener(\"click\",function(e){var b=e.target.closest(\".chip\");\n if(b){var w=b.parentNode;if(w.dataset.t==\"single\")w.querySelectorAll(\".chip\").forEach(function(c){c.setAttribute(\"aria-pressed\",\"false\")});\n b.setAttribute(\"aria-pressed\",w.dataset.t==\"single\"?\"true\":String(b.getAttribute(\"aria-pressed\")!=\"true\"));$(\"mb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n\nfunction open(){last=document.activeElement;A={};i=0;$(\"mb-wiz\").hidden=false;$(\"mb-done\").hidden=true;$(\"mb-next\").disabled=false;render(1);m.hidden=false;document.documentElement.style.overflow=\"hidden\";box.focus()}\nfunction close(){m.hidden=true;document.documentElement.style.overflow=\"\";if(last&&last.focus)last.focus()}\ndocument.addEventListener(\"click\",function(e){var t=e.target.closest(\"[data-mo-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(m.hidden)return;if(e.key==\"Escape\")close();\n if(e.key==\"Tab\"){var f=[].filter.call(m.querySelectorAll(\"button,input,textarea\"),function(x){return x.offsetParent&&!x.disabled});if(!f.length)return;\n var a=f[0],z=f[f.length-1];if(e.shiftKey&&document.activeElement==a){e.preventDefault();z.focus()}else if(!e.shiftKey&&document.activeElement==z){e.preventDefault();a.focus()}}});\nwindow.moBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOSTROS \u2014 Motion & Animation \u00b7 @T Motion & Animation Make itmove. Ideas don’t stand still. We give them a pulse. Motion graphics and digital animation that make abstract ideas tangible: expressive, human and impossible to scroll past. Start a project \u2192 2D3DExplainersLogo revealsTitlesLoops2D3DExplainersLogo revealsTitlesLoops \u00d7 \u2190 BackNext \u2192 Brief received Thanks! We’ll review it […]<\/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-9599","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/comments?post=9599"}],"version-history":[{"count":58,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599\/revisions"}],"predecessor-version":[{"id":9708,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599\/revisions\/9708"}],"wp:attachment":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/media?parent=9599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\nMOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo .hero{min-height:100vh;min-height:100svh;width:100%;display:flex;align-items:flex-end;background:radial-gradient(ellipse 60% 70% at 78% 40%,#4a3416 0,#2a1d0e 40%,transparent 75%),radial-gradient(ellipse 50% 50% at 10% 95%,#2b1306 0,transparent 70%),#050505}\n.mo .hero .wrap{width:100%;padding-top:120px;padding-bottom:clamp(48px,8vh,96px)}\n.mo .ln{display:block;overflow:hidden;padding-bottom:.06em}\n.mo .ln>span{display:inline-block;transform:translateY(112%);animation:mo-up 1s cubic-bezier(.2,.8,.2,1) forwards}\n.mo .ln:nth-child(2)>span{animation-delay:.15s}\n@keyframes mo-up{to{transform:none}}\n.mo1 .eyebrow{opacity:0;animation:mo-fade .8s .1s forwards}\n.mo .tagline,.mo .lead,.mo .hero .pill{opacity:0;animation:mo-fade .9s forwards}\n.mo .tagline{font:italic 400 clamp(22px,3vw,36px)\/1.3 \"Playfair Display\",Georgia,serif;margin-top:28px;animation-delay:.7s}\n.mo .tagline span{color:var(--gold);background:linear-gradient(transparent 82%,var(--purple) 82%,var(--purple) 92%,transparent 92%) no-repeat 0 0\/0% 100%;animation:mo-ul 1s 1.4s forwards}\n.mo .lead{max-width:640px;margin-top:26px;color:#d9d6cf;animation-delay:.95s}.mo .lead i{font-family:\"Playfair Display\",serif;color:var(--gold)}\n.mo .hero .pill{animation-delay:1.2s}\n@keyframes mo-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n@keyframes mo-ul{to{background-size:100% 100%}}\n.mo .grad{animation:mo-shift 5s linear infinite alternate}@keyframes mo-shift{to{background-position:100% 0}}\n.mo .fl{position:absolute;z-index:0;pointer-events:none}\n.mo .f1{width:120px;height:120px;border-radius:50%;border:3px solid var(--gold);opacity:.5;right:16%;top:20%;animation:mo-f1 9s ease-in-out infinite}\n.mo .f2{width:64px;height:64px;background:var(--grad);border-radius:50%;right:30%;bottom:26%;transform-origin:bottom;animation:mo-f2 3.2s cubic-bezier(.3,0,.7,1) infinite}\n.mo .f3{width:0;height:0;border:36px solid transparent;border-bottom:62px solid var(--purple);border-top:0;right:9%;bottom:22%;opacity:.8;animation:mo-sp 10s linear infinite}\n@keyframes mo-f1{50%{transform:translate(-30px,40px) scale(1.15) rotate(40deg);border-radius:30%}}\n@keyframes mo-f2{50%{transform:translateY(-130px) scale(.9,1.12)}0%,100%{transform:scale(1.2,.8)}}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .mq{overflow:hidden;padding:26px 0;white-space:nowrap;border-top:1px solid var(--line);background:#080706}\n.mo .mq div{display:inline-block;animation:mo-mq 26s linear infinite;font:800 clamp(30px,5.5vw,64px)\/1 Montserrat,sans-serif;text-transform:uppercase}\n.mo .mq:hover div{animation-play-state:paused}\n.mo .mq span{margin:0 30px;color:transparent;-webkit-text-stroke:1px #5b574f}.mo .mq span:nth-child(even){-webkit-text-stroke:0;background:var(--grad);-webkit-background-clip:text;background-clip:text}\n@keyframes mo-mq{to{transform:translateX(-50%)}}\n\n\n.mb{--ink:#F5F2EC;--mute:#a9a69f;--line:#2e2b25;--orange:#E0572B;--gold:#E9A63B;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:400 16px\/1.6 Inter,Helvetica,Arial,sans-serif;color:var(--ink)}\n.mb[hidden]{display:none}.mb *{box-sizing:border-box;margin:0}\n.mb-bg{position:absolute;inset:0;background:#000000cc;backdrop-filter:blur(6px);animation:mb-f .3s}\n.mb-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0d0c0b;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);\nbackground-image:radial-gradient(ellipse 70% 50% at 80% 0,#3a2410 0,transparent 70%);animation:mb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes mb-f{from{opacity:0}}@keyframes mb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.mb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:30px;line-height:1;cursor:pointer;padding:6px 10px}.mb-x:hover{color:var(--gold)}\n.mb-prog{height:3px;background:var(--line);border-radius:9px;overflow:hidden;margin-right:34px}.mb-prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .5s cubic-bezier(.6,0,.2,1)}\n.mb-hd{margin-top:22px;display:flex;align-items:center;gap:12px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}\n.mb-hd:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:mb-b 1.6s infinite}@keyframes mb-b{50%{opacity:.25}}\n.mb h2{font:800 clamp(24px,4.2vw,34px)\/1.1 Montserrat,sans-serif;text-transform:uppercase;margin-top:16px}\n.mb .hint{color:var(--mute);font-size:15px;margin-top:8px}\n.mb .st{animation:mb-s .4s cubic-bezier(.2,.8,.2,1)}@keyframes mb-s{from{opacity:0;transform:translateX(24px)}}\n.mb .st.back{animation-name:mb-sb}@keyframes mb-sb{from{opacity:0;transform:translateX(-24px)}}\n.mb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 \"Space Mono\",monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.mb .chips{display:flex;flex-wrap:wrap;gap:10px}\n.mb .chip{font:500 14px\/1 Inter,sans-serif;color:var(--ink);background:transparent;border:1.5px solid #3a372f;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.mb .chip:hover{border-color:var(--gold)}.mb .chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#111;font-weight:600;transform:scale(1.03)}\n.mb input,.mb textarea{width:100%;background:#080706;border:1.5px solid #3a372f;border-radius:10px;color:var(--ink);font:400 16px\/1.4 Inter,sans-serif;padding:14px 16px;transition:border-color .2s}\n.mb textarea{min-height:110px;resize:vertical}.mb input:focus,.mb textarea:focus{outline:0;border-color:var(--gold)}\n.mb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.mb .two{grid-template-columns:1fr}}\n.mb-err{min-height:22px;margin-top:14px;color:#ff7a5a;font-size:14px}\n.mb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}\n.mb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.mb-back:hover{color:var(--ink)}\n.mb-pill{border:2px solid var(--gold);background:transparent;color:var(--gold);border-radius:99px;padding:15px 28px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:.3s}\n.mb-pill:hover{background:var(--grad);color:#111;border-color:transparent}\n.mb-done{text-align:center;padding:24px 0 6px}.mb-done[hidden]{display:none}\n.mb-done svg{width:84px;height:84px}.mb-done circle,.mb-done path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:mb-d 1s .1s forwards}\n.mb-done path{animation-delay:.7s;animation-duration:.6s}@keyframes mb-d{to{stroke-dashoffset:0}}\n.mb-done p{color:var(--mute);margin-top:12px}.mb-done .mb-pill{margin-top:26px}\n.mb :focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}}\n\n<\/style><\/head><body>\n<div class=\"mo mo1\">\n<header class=\"hero\"><i class=\"fl f1\"><\/i><i class=\"fl f2\"><\/i><i class=\"fl f3\"><\/i><div class=\"wrap\">\n<div class=\"eyebrow\">Motion & Animation<\/div>\n<h1 style=\"margin-top:28px\"><span class=\"ln\"><span>Make it<\/span><\/span><span class=\"ln\"><span class=\"grad\">move.<\/span><\/span><\/h1>\n<p class=\"tagline\">Ideas don't stand still. <span>We give them a pulse.<\/span><\/p>\n<p class=\"lead\">Motion graphics and digital animation that make abstract ideas tangible: <i>expressive, human<\/i> and impossible to scroll past.<\/p>\n<a class=\"pill\" href=\"#brief\" data-mo-open role=\"button\">Start a project \u2192<\/a><\/div><\/header>\n<div class=\"mq\"><div><span>2D<\/span><span>3D<\/span><span>Explainers<\/span><span>Logo reveals<\/span><span>Titles<\/span><span>Loops<\/span><span>2D<\/span><span>3D<\/span><span>Explainers<\/span><span>Logo reveals<\/span><span>Titles<\/span><span>Loops<\/span><\/div><\/div>\n<\/div>\n\n<div class=\"mb\" id=\"mb\" hidden role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mb-t\">\n <div class=\"mb-bg\" data-close><\/div>\n <div class=\"mb-box\" tabindex=\"-1\">\n <button class=\"mb-x\" data-close aria-label=\"Close\">\u00d7<\/button>\n <div id=\"mb-wiz\">\n <div class=\"mb-prog\"><i id=\"mb-bar\"><\/i><\/div>\n <div class=\"mb-hd\" id=\"mb-step\"><\/div>\n <form id=\"mb-form\" novalidate>\n <div id=\"mb-body\"><\/div>\n <p class=\"mb-err\" id=\"mb-err\" role=\"alert\"><\/p>\n <div class=\"mb-nav\"><button type=\"button\" class=\"mb-back\" id=\"mb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"mb-pill\" id=\"mb-next\">Next \u2192<\/button><\/div>\n <\/form>\n <\/div>\n <div class=\"mb-done\" id=\"mb-done\" hidden>\n <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg>\n <h2>Brief received<\/h2>\n <p id=\"mb-donetxt\">Thanks! We'll review it and get back to you within 24 hours.<\/p>\n <button type=\"button\" class=\"mb-pill\" data-close>Close<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function(){\nif(window.moBrief)return;\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SETTINGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ENDPOINT: paste a form-service URL (Formspree, Make, Zapier, n8n, your own) to receive briefs as JSON.\n Leave \"\" to send by email instead: the visitor's email app opens with the brief already written. *\/\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\n\nvar STEPS=[\n {q:\"What do you need?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Explainer video\",\"Animated logo \/ reveal\",\"Titles & intros\",\"Social media loops\",\"Product or 3D animation\",\"Motion for web or app\",\"Not sure yet\"]}]},\n {q:\"What style fits?\",h:\"Choose the look closest to what you imagine.\",f:[{k:\"style\",t:\"single\",req:1,o:[\"2D illustrated\",\"3D\",\"Typographic \/ graphic\",\"Hand-drawn, frame by frame\",\"Mixed\",\"Surprise me\"]}]},\n {q:\"Where will it live?\",h:\"This decides formats and sizes.\",f:[{k:\"where\",t:\"multi\",req:1,o:[\"Website\",\"Social media\",\"Paid ads\",\"Event or screen\",\"TV \/ film\",\"Presentations\"]},{k:\"len\",t:\"single\",l:\"Approximate length\",o:[\"Under 15s\",\"15\u201330s\",\"30\u201360s\",\"1\u20132 min\",\"Over 2 min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Script\",\"Storyboard\",\"Brand guidelines\",\"Voiceover or music\",\"Reference videos\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Goal, audience, ideas, links to references\u2026\"}]},\n {q:\"Time and budget\",h:\"So we can propose something realistic.\",f:[{k:\"time\",t:\"single\",l:\"When do you need it?\",o:[\"ASAP (under 2 weeks)\",\"2\u20134 weeks\",\"1\u20132 months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $2k\",\"$2k \u2013 $5k\",\"$5k \u2013 $10k\",\"$10k+\",\"Not sure\"]}]},\n {q:\"Where do we reach you?\",h:\"We reply within 24 hours.\",f:[{k:\"name\",t:\"text\",req:1,l:\"Name\",c:1},{k:\"email\",t:\"email\",req:1,l:\"Email\",c:1},{k:\"company\",t:\"text\",l:\"Company\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",style:\"Style\",where:\"Where it will live\",len:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company\",phone:\"Phone\"};\nvar A={},i=0,last=null,$=function(id){return document.getElementById(id)},m=$(\"mb\"),box=m.querySelector(\".mb-box\");\n\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"mb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f,n){\n if(f.c&&!row){h+='<div class=\"two\" style=\"margin-top:22px\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+(f.req?'':'')+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(n==0?' style=\"margin-top:26px\"':'')+'>';\n f.o.forEach(function(o){var on=f.t==\"multi\"?(A[f.k]||[]).indexOf(o)>-1:A[f.k]==o;h+='<button type=\"button\" class=\"chip\" aria-pressed=\"'+on+'\">'+o+'<\/button>'});h+='<\/div>'}\n else if(f.t==\"area\")h+='<textarea data-k=\"'+f.k+'\" placeholder=\"'+f.p+'\">'+(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"mb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"mb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+(A[f.k]||'').replace(\/\"\/g,'"')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"mb-body\").innerHTML=h+'<\/div>';\n $(\"mb-step\").textContent=\"Step \"+(i+1)+\" of \"+STEPS.length;\n $(\"mb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"mb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"mb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"mb-err\").textContent=\"\";\n}\nfunction collect(){\n $(\"mb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var k=e.dataset.k,v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){\n for(var n=0;n<STEPS[i].f.length;n++){var f=STEPS[i].f[n],v=A[f.k];\n if(f.req&&(!v||!v.length))return f.t==\"multi\"||f.t==\"single\"?\"Please choose at least one option.\":\"Please fill in \"+f.l.toLowerCase()+\".\";\n if(f.t==\"email\"&&!\/^\\S+@\\S+\\.\\S+$\/.test(v))return \"Please enter a valid email.\"}\n return \"\"}\nfunction summary(){return Object.keys(LB).filter(function(k){return A[k]&&A[k].length}).map(function(k){return LB[k]+\": \"+(Array.isArray(A[k])?A[k].join(\", \"):A[k])}).join(\"\\n\")}\nfunction done(msg){$(\"mb-wiz\").hidden=true;$(\"mb-done\").hidden=false;if(msg)$(\"mb-donetxt\").textContent=msg}\nfunction send(){\n var txt=summary(),mail=\"mailto:\"+EMAIL+\"?subject=\"+encodeURIComponent(\"Motion project brief \u2014 \"+A.name)+\"&body=\"+encodeURIComponent(txt);\n if(ENDPOINT){$(\"mb-next\").disabled=true;\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:JSON.stringify(Object.assign({service:\"Motion & Animation\",page:location.href},A))})\n .then(function(){done()}).catch(function(){$(\"mb-next\").disabled=false;done(\"We couldn't send it automatically. Your email app will open with the brief ready to send.\");location.href=mail})}\n else{done(\"Your email app should open with the brief ready. Just press send. If nothing opened, write to \"+EMAIL+\".\");location.href=mail}}\n\n$(\"mb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"mb-err\").textContent=er;return}\n if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n$(\"mb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\nm.addEventListener(\"click\",function(e){var b=e.target.closest(\".chip\");\n if(b){var w=b.parentNode;if(w.dataset.t==\"single\")w.querySelectorAll(\".chip\").forEach(function(c){c.setAttribute(\"aria-pressed\",\"false\")});\n b.setAttribute(\"aria-pressed\",w.dataset.t==\"single\"?\"true\":String(b.getAttribute(\"aria-pressed\")!=\"true\"));$(\"mb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n\nfunction open(){last=document.activeElement;A={};i=0;$(\"mb-wiz\").hidden=false;$(\"mb-done\").hidden=true;$(\"mb-next\").disabled=false;render(1);m.hidden=false;document.documentElement.style.overflow=\"hidden\";box.focus()}\nfunction close(){m.hidden=true;document.documentElement.style.overflow=\"\";if(last&&last.focus)last.focus()}\ndocument.addEventListener(\"click\",function(e){var t=e.target.closest(\"[data-mo-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(m.hidden)return;if(e.key==\"Escape\")close();\n if(e.key==\"Tab\"){var f=[].filter.call(m.querySelectorAll(\"button,input,textarea\"),function(x){return x.offsetParent&&!x.disabled});if(!f.length)return;\n var a=f[0],z=f[f.length-1];if(e.shiftKey&&document.activeElement==a){e.preventDefault();z.focus()}else if(!e.shiftKey&&document.activeElement==z){e.preventDefault();a.focus()}}});\nwindow.moBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-226ae6e e-con e-atomic-element e-flexbox-base e-default-div e-e83a7e1 \" data-id=\"226ae6e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"226ae6e\">\n \t\t<div class=\"elementor-element elementor-element-e9fe424 elementor-widget elementor-widget-html\" data-id=\"e9fe424\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo .stage{height:340px;background-color:#0d0c0b;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;margin-top:56px;text-align:left;\nbackground-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}\n.mo .stage .ob{position:absolute;display:block}\n.mo .g{left:0;right:0;bottom:30px;height:2px;background:#3a372f}\n.mo .ball{width:72px;height:72px;border-radius:50%;background:var(--grad);left:12%;bottom:32px;transform-origin:50% 100%;animation:mo-bn 1.8s infinite cubic-bezier(.4,0,.6,1)}\n.mo .sh{width:72px;height:10px;border-radius:50%;background:#000;left:12%;bottom:26px;opacity:.6;animation:mo-sh 1.8s infinite cubic-bezier(.4,0,.6,1)}\n@keyframes mo-bn{0%,100%{transform:scale(1.25,.72)}12%{transform:translateY(-20px) scale(.9,1.12)}50%{transform:translateY(-220px) scale(.92,1.1)}88%{transform:translateY(-20px) scale(.9,1.12)}}\n@keyframes mo-sh{0%,100%{transform:scaleX(1.2);opacity:.7}50%{transform:scaleX(.45);opacity:.2}}\n.mo .sq{width:92px;height:92px;border:4px solid var(--ink);left:calc(50% - 46px);top:34%;animation:mo-mo 4s infinite cubic-bezier(.65,0,.35,1)}\n@keyframes mo-mo{0%,100%{border-radius:0;transform:rotate(0)}50%{border-radius:50%;transform:rotate(180deg) scale(.7);border-color:var(--gold)}}\n.mo .orb{left:76%;top:50%;width:0;height:0;animation:mo-sp 6s linear infinite}\n.mo .orb i{position:absolute;left:78px;top:-34px;width:0;height:0;border:34px solid transparent;border-bottom:58px solid var(--purple);border-top:0;animation:mo-sp 3s linear infinite reverse}\n.mo .ring{left:calc(76% - 78px);top:calc(50% - 78px);width:156px;height:156px;border:1px dashed #4a463d;border-radius:50%}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .ph{top:0;bottom:0;left:0;width:2px;background:var(--orange);box-shadow:0 0 18px var(--orange);animation:mo-ph 4s linear infinite}\n@keyframes mo-ph{to{left:100%}}\n.mo .tc{position:absolute;right:16px;top:14px;font:400 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;color:var(--gold)}\n.mo .tc:before{content:\"\u25cf REC \";color:var(--orange);animation:mo-bl 1.2s infinite}\n\n<\/style><\/head><body>\n<div class=\"mo\">\n<section class=\"wrap center\"><div class=\"eyebrow\">What we do<\/div>\n<h2>Frame by frame. <span class=\"grad\">Beat by beat.<\/span><\/h2>\n<p class=\"sub\">Every second is designed. We build motion that carries your story and <b>keeps working long after the first view.<\/b><\/p>\n<div class=\"stage\" id=\"mo-stage\" aria-hidden=\"true\"><span class=\"tc\" id=\"mo-tc\">00:00:00<\/span><i class=\"ob ring\"><\/i><i class=\"ob g\"><\/i><i class=\"ob sh\"><\/i><i class=\"ob ball\"><\/i><i class=\"ob sq\"><\/i><div class=\"ob orb\"><i><\/i><\/div><i class=\"ob ph\"><\/i><\/div><\/section>\n<\/div>\n<script>(function(){var s=document.getElementById('mo-stage'),t=document.getElementById('mo-tc'),on=true,t0=performance.now();\nfunction set(v){on=v;s.querySelectorAll('.ob,.ob i').forEach(function(o){o.style.animationPlayState=v?'running':'paused'})}\nif('IntersectionObserver'in window)new IntersectionObserver(function(e){set(e[0].isIntersecting)}).observe(s);\n(function f(n){if(on){var fr=Math.floor((n-t0)\/1000*24)%96;t.textContent='00:0'+Math.floor(fr\/24)+':'+('0'+(fr%24)).slice(-2)}requestAnimationFrame(f)})(t0)})();<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2fedb2b e-con e-atomic-element e-flexbox-base e-default-div e-fa2b1cf \" data-id=\"2fedb2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2fedb2b\">\n \t\t<div class=\"elementor-element elementor-element-8da37c9 elementor-widget elementor-widget-html\" data-id=\"8da37c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo{background:#0a0908}\n.mo .steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px}\n.mo .step{position:relative;padding:0 24px}\n.mo .step:not(:last-child):after{content:\"\";position:absolute;top:44px;left:calc(50% + 54px);right:calc(-50% + 54px);height:2px;transform-origin:left;transition:transform .7s cubic-bezier(.6,0,.2,1)}\n.mo .step:nth-child(1):after{background:linear-gradient(90deg,#B58CFF,var(--orange))}.mo .step:nth-child(2):after{background:linear-gradient(90deg,var(--orange),var(--gold))}\n.mo .ico{width:88px;height:88px;margin:auto;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gold);background:#0b0a08;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s}\n.mo .step:nth-child(2) .ico{border-color:#3fd0d8}.mo .step:nth-child(3) .ico{border-color:#4a463d}\n.mo .ico svg{width:32px;height:32px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n.mo .ico svg *{stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease}\n.mo .step:nth-child(2) .ico svg{stroke:#3fd0d8}.mo .step:nth-child(3) .ico svg{stroke:var(--ink)}\n.mo .step .tx{transition:opacity .6s,transform .6s}\n.mo .step small{display:block;margin-top:30px;font:400 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:#77736b}\n.mo .step h3{font:800 20px\/1.2 Inter,sans-serif;margin-top:14px}.mo .step p{color:var(--mute);margin:10px auto 0;font-size:15px;max-width:280px}\n.mo .steps.go .step:hover .ico{transform:scale(1.1) rotate(-6deg)}\n.mo .steps.arm .ico{opacity:0;transform:scale(.4)}.mo .steps.arm .tx{opacity:0;transform:translateY(20px)}\n.mo .steps.arm .step:after{transform:scaleX(0)}.mo .steps.arm .ico svg *{stroke-dashoffset:80}\n.mo .steps.go .ico{opacity:1;transform:none}.mo .steps.go .tx{opacity:1;transform:none}.mo .steps.go .step:after{transform:none}.mo .steps.go .ico svg *{stroke-dashoffset:0}\n.mo .steps.go .step:nth-child(1) :is(.ico,.tx,svg *){transition-delay:.1s}.mo .steps.go .step:nth-child(1):after{transition-delay:.7s}\n.mo .steps.go .step:nth-child(2) :is(.ico,.tx,svg *){transition-delay:1.2s}.mo .steps.go .step:nth-child(2):after{transition-delay:1.8s}\n.mo .steps.go .step:nth-child(3) :is(.ico,.tx,svg *){transition-delay:2.3s}\n@media(max-width:800px){.mo .steps{grid-template-columns:1fr;gap:48px}.mo .step:after{display:none}}\n\n<\/style><\/head><body>\n<div class=\"mo\">\n<section class=\"wrap center\"><div class=\"eyebrow\">How we work<\/div>\n<h2>Three steps. <span class=\"grad\">One story.<\/span><\/h2>\n<div class=\"steps\" id=\"mo-steps\">\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M9 4v16\"\/><\/svg><\/div><div class=\"tx\"><small>01 \u00b7 Plan<\/small><h3>Storyboard<\/h3><p>Concept, script and style frames.<\/p><\/div><\/div>\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 3 8l9 5 9-5-9-5z\"\/><path d=\"m3 13 9 5 9-5\"\/><\/svg><\/div><div class=\"tx\"><small>02 \u00b7 Animate<\/small><h3>Hand-driven motion<\/h3><p>2D and 3D animation built frame by frame.<\/p><\/div><\/div>\n<div class=\"step\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18V6l10-2v12\"\/><circle cx=\"6.5\" cy=\"18\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"16\" r=\"2.5\"\/><\/svg><\/div><div class=\"tx\"><small>03 \u00b7 Deliver<\/small><h3>Sound & polish<\/h3><p>Sound design, color and delivery for every platform.<\/p><\/div><\/div>\n<\/div><\/section>\n<\/div>\n<script>(function(){var s=document.getElementById('mo-steps');if(!('IntersectionObserver'in window)||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\ns.classList.add('arm');new IntersectionObserver(function(e,o){if(e[0].isIntersecting){s.classList.add('go');o.disconnect()}},{threshold:.35}).observe(s)})();<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3540cd6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3540cd6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e93ed6\" data-id=\"5e93ed6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26573f4 elementor-grid-4 elementor-grid-mobile-2 elementor-grid-tablet-2 elementor-widget elementor-widget-loop-grid\" data-id=\"26573f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"template_id":"2790","columns":4,"columns_mobile":2,"row_gap_mobile":{"unit":"px","size":0,"sizes":[]},"row_gap":{"unit":"px","size":20,"sizes":[]},"masonry":"yes","_skin":"post","columns_tablet":"2","edit_handle_selector":"[data-elementor-type=\\"loop-item\\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\r\n\t\t<style id=\"loop-2790\">.elementor-2790 .elementor-element.elementor-element-ef7e073{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:14px 14px 14px 14px;}.elementor-2790 .elementor-element.elementor-element-ef7e073.e-con:hover{--e-con-transform-scale:1.03;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2790 .elementor-element.elementor-element-3395c76 img{border-radius:3px 3px 3px 3px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon{width:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon i{font-size:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-item{font-family:\"Montserrat\", Sans-serif;font-size:12px;}.elementor-2790 .elementor-element.elementor-element-f157ef5{padding:3px 10px 3px 10px;width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;top:20px;z-index:10;border-radius:3px 3px 3px 3px;}body:not(.rtl) .elementor-2790 .elementor-element.elementor-element-f157ef5{right:18px;}body.rtl .elementor-2790 .elementor-element.elementor-element-f157ef5{left:18px;}.elementor-2790 .elementor-element.elementor-element-bb4d3d2{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2790 .elementor-element.elementor-element-e2d3011 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-weight:600;}.elementor-2790 .elementor-element.elementor-element-e2d3011{padding:0px 0px 0px 0px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon{width:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon i{font-size:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2790 .elementor-element.elementor-element-41aff50 .elementor-icon-list-item{font-family:\"Montserrat\", Sans-serif;font-size:9px;}.elementor-2790 .elementor-element.elementor-element-41aff50{padding:0px 0px 0px 0px;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2790 .elementor-element.elementor-element-cc0c329{font-family:\"Montserrat\", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-text );}@media(max-width:767px){.elementor-2790 .elementor-element.elementor-element-f157ef5 .elementor-icon-list-item{font-size:9px;}.elementor-2790 .elementor-element.elementor-element-f157ef5{padding:2px 5px 2px 5px;}.elementor-2790 .elementor-element.elementor-element-cc0c329{font-size:10px;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-9197 post-9197 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/silmi-law\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1663\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-scaled.webp\" class=\"attachment-full size-full wp-image-9200\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-scaled.webp 2560w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-1536x998.webp 1536w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-2048x1330.webp 2048w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-18x12.webp 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-2.11.25-PM-600x390.webp 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Silmi Law<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>agosto 2, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tSilmi Law is a strategy-driven immigration and personal injury law firm serving clients across the United States. While the firm\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-8087 post-8087 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity cat_portfolio-websites\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/hopewell-therapeutic-farm\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"984\" height=\"874\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM.jpeg\" class=\"attachment-full size-full wp-image-8090\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM.jpeg 984w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM-14x12.jpeg 14w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-6.37.56-PM-600x533.jpeg 600w\" sizes=\"(max-width: 984px) 100vw, 984px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>, <span class=\"elementor-post-info__terms-list-item\">Websites<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Hopewell Therapeutic Farm<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>junio 15, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA modern and accessible website designed for Hopewell Therapeutic Farm, helping communicate its mission, programs, and community impact through a\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-7285 post-7285 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-films\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/the-terror-infamy\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1378\" height=\"1566\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM.webp\" class=\"attachment-full size-full wp-image-7286\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM.webp 1378w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-1352x1536.webp 1352w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-11x12.webp 11w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-1.29.06-PM-600x682.webp 600w\" sizes=\"(max-width: 1378px) 100vw, 1378px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Films<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">The Terror Infamy<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 29, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cinematic visual design that builds tension and atmosphere through dark, immersive motion and storytelling.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-7243 post-7243 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-websites\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/7243\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"886\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg\" class=\"attachment-full size-full wp-image-7246\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg 1280w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-18x12.jpeg 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-600x415.jpeg 600w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Websites<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Baud\u00f3 AP \u2014 F\u00e1bricas de Agua<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 28, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tAn immersive editorial design project that brings environmental storytelling to life with interactive multimedia and clear visual communication.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6672 post-6672 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/santuario\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1829\" height=\"2560\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-scaled.jpeg\" class=\"attachment-full size-full wp-image-6683\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-scaled.jpeg 1829w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-1097x1536.jpeg 1097w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-1463x2048.jpeg 1463w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-9x12.jpeg 9w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-26-at-11.32.38-600x840.jpeg 600w\" sizes=\"(max-width: 1829px) 100vw, 1829px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Santuario<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cohesive graphic design system that organizes and elevates documentary materials with clarity, style, and cultural resonance.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6628 post-6628 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-visual-identity\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/ita\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1433\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-scaled.webp\" class=\"attachment-full size-full wp-image-6632\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-scaled.webp 2560w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-1536x860.webp 1536w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-2048x1147.webp 2048w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-18x10.webp 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-at-11.27.02-AM-600x336.webp 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Visual identity<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">ITA<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA cohesive visual identity that reflects Fanny Manuel\u2019s personality, style, and creative voice across all platforms.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-6613 post-6613 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-animation\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/todo-tangible\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/todo-tangible-scaled-e1774538659530.png\" class=\"attachment-full size-full wp-image-6619\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Animation<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Todo \u2014 Tangible<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 26, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA human-centered animation that makes abstract concepts tangible through expressive, playful hand-driven motion.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-5350 post-5350 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-apps\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.03,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" href=\"https:\/\/mostros.co\/es\/portafolio\/syncwork\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"1564\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork.png\" class=\"attachment-full size-full wp-image-9598\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork.png 858w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-843x1536.png 843w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-7x12.png 7w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/02\/SyncWork-600x1094.png 600w\" sizes=\"(max-width: 858px) 100vw, 858px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-4783347 elementor-inline-item\" itemprop=\"about\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\r\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Apps<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">SyncWork<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>febrero 21, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tA clean and intuitive app design that enhances team productivity with engaging UI\/UX and visual clarity.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9faa281 e-con e-atomic-element e-flexbox-base e-default-div e-bdc21b1 \" data-id=\"9faa281\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9faa281\">\n \t\t<div class=\"elementor-element elementor-element-673ff1a elementor-widget elementor-widget-html\" data-id=\"673ff1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>MOSTROS \u2014 Motion & Animation \u00b7 @T<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;800&family=Inter:wght@400;600&family=Playfair+Display:ital,wght@1,400&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody{margin:0;background:#050505}\n.mo{--ink:#F5F2EC;--mute:#a9a69f;--line:#26241f;--orange:#E0572B;--gold:#E9A63B;--purple:#5B4BDB;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:relative;overflow:hidden;background:#050505;color:var(--ink);font:400 16px\/1.7 Inter,Helvetica,Arial,sans-serif}\n.mo *{box-sizing:border-box;margin:0}.mo a{color:inherit;text-decoration:none}\n.mo .grad{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}\n.mo .eyebrow{display:flex;align-items:center;gap:14px;font:700 13px\/1 \"Space Mono\",monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}\n.mo .eyebrow:before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--orange);animation:mo-bl 1.6s infinite}\n.mo h1,.mo h2{font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}\n.mo h1{font-size:clamp(44px,8vw,112px)}.mo h2{font-size:clamp(30px,5vw,64px)}\n.mo .wrap{max-width:1280px;margin:auto;padding:clamp(72px,10vw,140px) 4vw;position:relative;z-index:1}\n.mo .center{text-align:center}.mo .center .eyebrow{justify-content:center}.mo .center h2{max-width:900px;margin:24px auto 0}\n.mo .sub{max-width:640px;margin:26px auto 0;color:var(--mute);font-size:18px}.mo .sub b{color:var(--ink);font-weight:600}\n.mo .pill{position:relative;overflow:hidden;display:inline-block;margin-top:36px;padding:16px 30px;border:2px solid var(--gold);border-radius:99px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);transition:color .35s;z-index:0}\n.mo .pill:before{content:\"\";position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}\n.mo .pill:hover{color:#111}.mo .pill:hover:before{transform:none}\n@keyframes mo-bl{50%{opacity:.25}}\n@media(prefers-reduced-motion:reduce){.mo *{animation:none!important;transition:none!important}}\n\n.mo.mo4{background:radial-gradient(ellipse 60% 80% at 50% 0,#2a1a0a 0,transparent 70%),#050505}\n.mo.mo4 .wrap{padding-block:clamp(90px,12vw,170px)}\n.mo .glow{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:radial-gradient(circle,#E0572b33,transparent 65%);animation:mo-pu 4s ease-in-out infinite;pointer-events:none}\n@keyframes mo-pu{50%{transform:scale(1.35);opacity:.6}}\n.mo .ringc{position:absolute;left:50%;top:50%;width:460px;height:460px;margin:-230px 0 0 -230px;border:1px dashed #3a372f;border-radius:50%;animation:mo-sp 40s linear infinite;pointer-events:none}\n.mo .ringc:after{content:\"\";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--gold)}\n@keyframes mo-sp{to{transform:rotate(360deg)}}\n.mo .grad{animation:mo-shift 4s linear infinite alternate}@keyframes mo-shift{to{background-position:100% 0}}\n\n\n.mb{--ink:#F5F2EC;--mute:#a9a69f;--line:#2e2b25;--orange:#E0572B;--gold:#E9A63B;--grad:linear-gradient(90deg,#E0572B,#E9A63B);\nposition:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:400 16px\/1.6 Inter,Helvetica,Arial,sans-serif;color:var(--ink)}\n.mb[hidden]{display:none}.mb *{box-sizing:border-box;margin:0}\n.mb-bg{position:absolute;inset:0;background:#000000cc;backdrop-filter:blur(6px);animation:mb-f .3s}\n.mb-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0d0c0b;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);\nbackground-image:radial-gradient(ellipse 70% 50% at 80% 0,#3a2410 0,transparent 70%);animation:mb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes mb-f{from{opacity:0}}@keyframes mb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.mb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:30px;line-height:1;cursor:pointer;padding:6px 10px}.mb-x:hover{color:var(--gold)}\n.mb-prog{height:3px;background:var(--line);border-radius:9px;overflow:hidden;margin-right:34px}.mb-prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .5s cubic-bezier(.6,0,.2,1)}\n.mb-hd{margin-top:22px;display:flex;align-items:center;gap:12px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}\n.mb-hd:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:mb-b 1.6s infinite}@keyframes mb-b{50%{opacity:.25}}\n.mb h2{font:800 clamp(24px,4.2vw,34px)\/1.1 Montserrat,sans-serif;text-transform:uppercase;margin-top:16px}\n.mb .hint{color:var(--mute);font-size:15px;margin-top:8px}\n.mb .st{animation:mb-s .4s cubic-bezier(.2,.8,.2,1)}@keyframes mb-s{from{opacity:0;transform:translateX(24px)}}\n.mb .st.back{animation-name:mb-sb}@keyframes mb-sb{from{opacity:0;transform:translateX(-24px)}}\n.mb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 \"Space Mono\",monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.mb .chips{display:flex;flex-wrap:wrap;gap:10px}\n.mb .chip{font:500 14px\/1 Inter,sans-serif;color:var(--ink);background:transparent;border:1.5px solid #3a372f;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.mb .chip:hover{border-color:var(--gold)}.mb .chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#111;font-weight:600;transform:scale(1.03)}\n.mb input,.mb textarea{width:100%;background:#080706;border:1.5px solid #3a372f;border-radius:10px;color:var(--ink);font:400 16px\/1.4 Inter,sans-serif;padding:14px 16px;transition:border-color .2s}\n.mb textarea{min-height:110px;resize:vertical}.mb input:focus,.mb textarea:focus{outline:0;border-color:var(--gold)}\n.mb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.mb .two{grid-template-columns:1fr}}\n.mb-err{min-height:22px;margin-top:14px;color:#ff7a5a;font-size:14px}\n.mb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}\n.mb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.mb-back:hover{color:var(--ink)}\n.mb-pill{border:2px solid var(--gold);background:transparent;color:var(--gold);border-radius:99px;padding:15px 28px;font:700 12px\/1 \"Space Mono\",monospace;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:.3s}\n.mb-pill:hover{background:var(--grad);color:#111;border-color:transparent}\n.mb-done{text-align:center;padding:24px 0 6px}.mb-done[hidden]{display:none}\n.mb-done svg{width:84px;height:84px}.mb-done circle,.mb-done path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:mb-d 1s .1s forwards}\n.mb-done path{animation-delay:.7s;animation-duration:.6s}@keyframes mb-d{to{stroke-dashoffset:0}}\n.mb-done p{color:var(--mute);margin-top:12px}.mb-done .mb-pill{margin-top:26px}\n.mb :focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}}\n\n<\/style><\/head><body>\n<div class=\"mo mo4\">\n<section class=\"wrap center\"><i class=\"glow\"><\/i><i class=\"ringc\"><\/i><div class=\"eyebrow\">Let's talk<\/div>\n<h2>Got a story <span class=\"grad\">to set in motion?<\/span><\/h2>\n<a class=\"pill\" href=\"#brief\" data-mo-open role=\"button\">Animate with us \u2192<\/a><\/section>\n<\/div>\n\n<div class=\"mb\" id=\"mb\" hidden role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mb-t\">\n <div class=\"mb-bg\" data-close><\/div>\n <div class=\"mb-box\" tabindex=\"-1\">\n <button class=\"mb-x\" data-close aria-label=\"Close\">\u00d7<\/button>\n <div id=\"mb-wiz\">\n <div class=\"mb-prog\"><i id=\"mb-bar\"><\/i><\/div>\n <div class=\"mb-hd\" id=\"mb-step\"><\/div>\n <form id=\"mb-form\" novalidate>\n <div id=\"mb-body\"><\/div>\n <p class=\"mb-err\" id=\"mb-err\" role=\"alert\"><\/p>\n <div class=\"mb-nav\"><button type=\"button\" class=\"mb-back\" id=\"mb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"mb-pill\" id=\"mb-next\">Next \u2192<\/button><\/div>\n <\/form>\n <\/div>\n <div class=\"mb-done\" id=\"mb-done\" hidden>\n <svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg>\n <h2>Brief received<\/h2>\n <p id=\"mb-donetxt\">Thanks! We'll review it and get back to you within 24 hours.<\/p>\n <button type=\"button\" class=\"mb-pill\" data-close>Close<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function(){\nif(window.moBrief)return;\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SETTINGS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ENDPOINT: paste a form-service URL (Formspree, Make, Zapier, n8n, your own) to receive briefs as JSON.\n Leave \"\" to send by email instead: the visitor's email app opens with the brief already written. *\/\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\n\nvar STEPS=[\n {q:\"What do you need?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Explainer video\",\"Animated logo \/ reveal\",\"Titles & intros\",\"Social media loops\",\"Product or 3D animation\",\"Motion for web or app\",\"Not sure yet\"]}]},\n {q:\"What style fits?\",h:\"Choose the look closest to what you imagine.\",f:[{k:\"style\",t:\"single\",req:1,o:[\"2D illustrated\",\"3D\",\"Typographic \/ graphic\",\"Hand-drawn, frame by frame\",\"Mixed\",\"Surprise me\"]}]},\n {q:\"Where will it live?\",h:\"This decides formats and sizes.\",f:[{k:\"where\",t:\"multi\",req:1,o:[\"Website\",\"Social media\",\"Paid ads\",\"Event or screen\",\"TV \/ film\",\"Presentations\"]},{k:\"len\",t:\"single\",l:\"Approximate length\",o:[\"Under 15s\",\"15\u201330s\",\"30\u201360s\",\"1\u20132 min\",\"Over 2 min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Script\",\"Storyboard\",\"Brand guidelines\",\"Voiceover or music\",\"Reference videos\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Goal, audience, ideas, links to references\u2026\"}]},\n {q:\"Time and budget\",h:\"So we can propose something realistic.\",f:[{k:\"time\",t:\"single\",l:\"When do you need it?\",o:[\"ASAP (under 2 weeks)\",\"2\u20134 weeks\",\"1\u20132 months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $2k\",\"$2k \u2013 $5k\",\"$5k \u2013 $10k\",\"$10k+\",\"Not sure\"]}]},\n {q:\"Where do we reach you?\",h:\"We reply within 24 hours.\",f:[{k:\"name\",t:\"text\",req:1,l:\"Name\",c:1},{k:\"email\",t:\"email\",req:1,l:\"Email\",c:1},{k:\"company\",t:\"text\",l:\"Company\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",style:\"Style\",where:\"Where it will live\",len:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company\",phone:\"Phone\"};\nvar A={},i=0,last=null,$=function(id){return document.getElementById(id)},m=$(\"mb\"),box=m.querySelector(\".mb-box\");\n\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"mb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f,n){\n if(f.c&&!row){h+='<div class=\"two\" style=\"margin-top:22px\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+(f.req?'':'')+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(n==0?' style=\"margin-top:26px\"':'')+'>';\n f.o.forEach(function(o){var on=f.t==\"multi\"?(A[f.k]||[]).indexOf(o)>-1:A[f.k]==o;h+='<button type=\"button\" class=\"chip\" aria-pressed=\"'+on+'\">'+o+'<\/button>'});h+='<\/div>'}\n else if(f.t==\"area\")h+='<textarea data-k=\"'+f.k+'\" placeholder=\"'+f.p+'\">'+(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"mb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"mb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+(A[f.k]||'').replace(\/\"\/g,'"')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"mb-body\").innerHTML=h+'<\/div>';\n $(\"mb-step\").textContent=\"Step \"+(i+1)+\" of \"+STEPS.length;\n $(\"mb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"mb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"mb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"mb-err\").textContent=\"\";\n}\nfunction collect(){\n $(\"mb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var k=e.dataset.k,v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){\n for(var n=0;n<STEPS[i].f.length;n++){var f=STEPS[i].f[n],v=A[f.k];\n if(f.req&&(!v||!v.length))return f.t==\"multi\"||f.t==\"single\"?\"Please choose at least one option.\":\"Please fill in \"+f.l.toLowerCase()+\".\";\n if(f.t==\"email\"&&!\/^\\S+@\\S+\\.\\S+$\/.test(v))return \"Please enter a valid email.\"}\n return \"\"}\nfunction summary(){return Object.keys(LB).filter(function(k){return A[k]&&A[k].length}).map(function(k){return LB[k]+\": \"+(Array.isArray(A[k])?A[k].join(\", \"):A[k])}).join(\"\\n\")}\nfunction done(msg){$(\"mb-wiz\").hidden=true;$(\"mb-done\").hidden=false;if(msg)$(\"mb-donetxt\").textContent=msg}\nfunction send(){\n var txt=summary(),mail=\"mailto:\"+EMAIL+\"?subject=\"+encodeURIComponent(\"Motion project brief \u2014 \"+A.name)+\"&body=\"+encodeURIComponent(txt);\n if(ENDPOINT){$(\"mb-next\").disabled=true;\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:JSON.stringify(Object.assign({service:\"Motion & Animation\",page:location.href},A))})\n .then(function(){done()}).catch(function(){$(\"mb-next\").disabled=false;done(\"We couldn't send it automatically. Your email app will open with the brief ready to send.\");location.href=mail})}\n else{done(\"Your email app should open with the brief ready. Just press send. If nothing opened, write to \"+EMAIL+\".\");location.href=mail}}\n\n$(\"mb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"mb-err\").textContent=er;return}\n if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n$(\"mb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\nm.addEventListener(\"click\",function(e){var b=e.target.closest(\".chip\");\n if(b){var w=b.parentNode;if(w.dataset.t==\"single\")w.querySelectorAll(\".chip\").forEach(function(c){c.setAttribute(\"aria-pressed\",\"false\")});\n b.setAttribute(\"aria-pressed\",w.dataset.t==\"single\"?\"true\":String(b.getAttribute(\"aria-pressed\")!=\"true\"));$(\"mb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n\nfunction open(){last=document.activeElement;A={};i=0;$(\"mb-wiz\").hidden=false;$(\"mb-done\").hidden=true;$(\"mb-next\").disabled=false;render(1);m.hidden=false;document.documentElement.style.overflow=\"hidden\";box.focus()}\nfunction close(){m.hidden=true;document.documentElement.style.overflow=\"\";if(last&&last.focus)last.focus()}\ndocument.addEventListener(\"click\",function(e){var t=e.target.closest(\"[data-mo-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(m.hidden)return;if(e.key==\"Escape\")close();\n if(e.key==\"Tab\"){var f=[].filter.call(m.querySelectorAll(\"button,input,textarea\"),function(x){return x.offsetParent&&!x.disabled});if(!f.length)return;\n var a=f[0],z=f[f.length-1];if(e.shiftKey&&document.activeElement==a){e.preventDefault();z.focus()}else if(!e.shiftKey&&document.activeElement==z){e.preventDefault();a.focus()}}});\nwindow.moBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOSTROS \u2014 Motion & Animation \u00b7 @T Motion & Animation Make itmove. Ideas don’t stand still. We give them a pulse. Motion graphics and digital animation that make abstract ideas tangible: expressive, human and impossible to scroll past. Start a project \u2192 2D3DExplainersLogo revealsTitlesLoops2D3DExplainersLogo revealsTitlesLoops \u00d7 \u2190 BackNext \u2192 Brief received Thanks! We’ll review it […]<\/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-9599","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/comments?post=9599"}],"version-history":[{"count":58,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599\/revisions"}],"predecessor-version":[{"id":9708,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9599\/revisions\/9708"}],"wp:attachment":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/media?parent=9599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}