MOSTROS \u2014 Film & Video<\/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@400;500;700;800&family=Cormorant:ital,wght@1,500;1,700&display=swap\" rel=\"stylesheet\">\n<style>\nhtml,body{margin:0;width:100%;background:#000}\n.ws{--mars:#E8532A;--sand:#E7E4BB;--razz:#E84951;--cloud:#97DDFA;--sun:#F9E771;--blue:#2C4DE9;--ink:#fff;--mute:#a9a79b;--line:#262626;--card:#101010;\nposition:relative;overflow:hidden;background:#000;color:var(--ink);font:500 16px\/1.65 Montserrat,Helvetica,Arial,sans-serif}\n.ws *{box-sizing:border-box;margin:0}.ws a{color:inherit;text-decoration:none}\n.ws h1,.ws h2,.ws h3{font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.015em}\n.ws h1{font-size:clamp(40px,7.4vw,112px)}.ws h2{font-size:clamp(30px,5.2vw,76px)}.ws h3{font-size:19px;letter-spacing:0;line-height:1.15}\n.ws em{font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:700;text-transform:none;letter-spacing:0;font-size:1.12em;color:var(--mars)}\n.ws .mk{display:inline-block;font-weight:800;font-style:normal;margin:0 .14em;line-height:1;animation:ws-mk 3s ease-in-out infinite}\n@keyframes ws-mk{50%{transform:translateY(-.08em) rotate(8deg)}}\n.ws .wrap{width:100%;padding:clamp(64px,9vw,130px) 4vw;position:relative;z-index:1}\n.ws .lb{font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase}\n.ws .tag{display:inline-flex;gap:12px;align-items:center;color:var(--sun);margin-bottom:28px}\n.ws .tag:before{content:\"\";width:12px;height:12px;border-radius:50%;background:var(--mars);box-shadow:8px 0 0 -2px var(--blue);margin-right:8px;animation:ws-bl 1.6s infinite}\n@keyframes ws-bl{50%{opacity:.3}}\n.ws .lead{max-width:540px;color:#d6d4c6;font-size:19px;margin-top:28px;font-weight:400}\n.ws .btn{display:inline-block;margin-top:38px;padding:19px 34px;background:var(--mars);color:#000;border-radius:99px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s}\n.ws .btn:hover{transform:scale(1.06) rotate(-1.5deg);background:var(--sun)}.ws .btn:active{transform:scale(.97)}\n\/* reveal *\/\n.ws .rv{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}\n.ws .rv.in{opacity:1;transform:none}\n.ws .rv:nth-child(2){transition-delay:.1s}.ws .rv:nth-child(3){transition-delay:.2s}.ws .rv:nth-child(4){transition-delay:.3s}\n@media(prefers-reduced-motion:reduce){.ws *{animation:none!important;transition:none!important}.ws .rv{opacity:1;transform:none}}\n\/* HERO *\/\n.ws .hero{min-height:100svh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse 55% 60% at 88% 25%,#3a1a0c 0,transparent 70%),radial-gradient(ellipse 40% 40% at 5% 100%,#101a4d 0,transparent 70%),#000}\n.ws .hero .wrap{display:grid;gap:56px;grid-template-columns:1.1fr .9fr;align-items:center}\n@media(max-width:900px){.ws .hero .wrap{grid-template-columns:1fr}}\n.ws .rec{color:var(--razz);display:inline-flex;gap:12px;align-items:center;margin-bottom:28px}\n.ws .rec:before{content:\"\";width:14px;height:14px;border-radius:50%;background:var(--razz);animation:ws-bl 1s infinite;box-shadow:0 0 18px var(--razz)}\n.ws .ln{display:block;overflow:hidden;padding-bottom:.08em}\n.ws .ln>span{display:inline-block;transform:translateY(115%);animation:ws-up .9s cubic-bezier(.2,.8,.2,1) forwards}\n.ws .ln:nth-child(2)>span{animation-delay:.12s}.ws .ln:nth-child(3)>span{animation-delay:.24s}\n@keyframes ws-up{to{transform:none}}\n.ws .fade{opacity:0;animation:ws-fade .8s forwards}@keyframes ws-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n.ws .bub{position:absolute;border-radius:50%;pointer-events:none;z-index:0}\n.ws .bb1{width:110px;height:110px;background:var(--blue);right:7%;top:12%;animation:ws-fl 8s ease-in-out infinite}\n.ws .bb2{width:64px;height:64px;background:var(--sun);right:24%;top:20%;animation:ws-fl 6s -2s ease-in-out infinite reverse}\n.ws .bb3{width:90px;height:90px;border:4px solid var(--razz);right:4%;bottom:10%;animation:ws-fl 9s -4s ease-in-out infinite}\n@keyframes ws-fl{50%{transform:translate(-22px,34px) scale(1.12)}}\n\/* screen *\/\n.ws .scr{position:relative;z-index:1;background:var(--card);border:2px solid var(--sand);border-radius:26px;box-shadow:0 0 0 10px #ffffff0a;overflow:hidden;animation:ws-sc 7s ease-in-out infinite}\n@keyframes ws-sc{50%{transform:translateY(-12px) rotate(-1deg)}}\n.ws .scr .top{display:flex;justify-content:space-between;padding:14px 20px;font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.2em;color:var(--mute)}\n.ws .scr .top b{color:var(--razz)}\n.ws .vf{position:relative;aspect-ratio:16\/10;margin:0 14px;border-radius:16px;overflow:hidden;background:#000}\n.ws .vf i{position:absolute;inset:0;background:linear-gradient(120deg,var(--mars),var(--razz) 40%,var(--blue));animation:ws-gr 6s linear infinite;background-size:300% 300%}\n@keyframes ws-gr{to{background-position:300% 0}}\n.ws .vf:before,.ws .vf:after{content:\"\";position:absolute;left:0;right:0;height:12%;background:#000;z-index:2}.ws .vf:before{top:0}.ws .vf:after{bottom:0}\n.ws .vf .sun{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:var(--sun);left:12%;top:30%;animation:ws-sun 6s ease-in-out infinite;z-index:1}\n@keyframes ws-sun{50%{transform:translate(260%,-30%) scale(.7)}}\n.ws .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;border-radius:50%;background:#fff;z-index:3;display:grid;place-items:center;animation:ws-pl 2s infinite}\n.ws .play:after{content:\"\";border-left:22px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}\n@keyframes ws-pl{0%{box-shadow:0 0 0 0 #ffffff88}100%{box-shadow:0 0 0 34px #fff0}}\n.ws .tl{height:8px;margin:16px 20px 6px;background:#222;border-radius:99px;overflow:hidden}.ws .tl i{display:block;height:100%;background:var(--sun);border-radius:99px;animation:ws-tl 8s linear infinite}\n@keyframes ws-tl{from{width:0}to{width:100%}}\n.ws .tc{padding:8px 20px 20px;display:flex;justify-content:space-between;font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.2em;color:#d6d4c6}\n.ws .pop{position:absolute;right:-6px;top:-24px;background:var(--razz);color:#fff;padding:12px 20px;border-radius:26px 26px 6px 26px;transform:rotate(4deg);z-index:4;animation:ws-pop 4s infinite}\n@keyframes ws-pop{0%,100%{transform:rotate(4deg) scale(1)}50%{transform:rotate(-2deg) scale(1.08)}}\n.ws .pop b{font-size:22px;font-weight:800}\n.ws .sw{position:relative;z-index:1}\n\/* MARQUEE *\/\n.ws .mq{background:var(--mars);color:#000;overflow:hidden;white-space:nowrap;padding:22px 0;transform:rotate(-1.2deg);margin:30px -2vw}\n.ws .mq div{display:inline-block;animation:ws-mq 24s linear infinite;font:800 clamp(22px,3.4vw,44px)\/1 Montserrat,sans-serif;text-transform:uppercase}\n.ws .mq span{margin:0 .6em}.ws .mq b{font-weight:800;color:#fff}\n@keyframes ws-mq{to{transform:translateX(-50%)}}\n\/* FILM STRIP *\/\n.ws .strip{overflow:hidden;margin-top:56px;padding:18px 0;background:#0a0a0a;border-radius:26px;border:1px solid var(--line)}\n.ws .strip .tr{display:flex;gap:16px;width:max-content;animation:ws-mq 36s linear infinite}\n.ws .strip:hover .tr{animation-play-state:paused}\n.ws .fr{width:230px;height:150px;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#000;position:relative;overflow:hidden;transition:transform .3s}\n.ws .fr:hover{transform:scale(1.05) rotate(-1.5deg)}\n.ws .fr .lb{font-size:11px}.ws .fr h3{font-size:22px}\n.ws .fr:after{content:\"\";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:#00000022}\n\/* SERVICES *\/\n.ws .sand{background:var(--sand);color:#000}.ws .sand em{color:var(--razz)}\n.ws .grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:56px}\n.ws .card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:26px;padding:30px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}\n.ws .card:hover{transform:translateY(-8px) rotate(-.6deg);border-color:var(--c)}\n.ws .card i{display:block;width:44px;height:44px;border-radius:50%;background:var(--c);margin-bottom:22px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}\n.ws .card:hover i{transform:scale(1.5) translate(8px,8px)}\n.ws .card .lb{color:var(--c);display:block;margin-bottom:12px}\n.ws .card p{color:var(--mute);margin-top:10px;font-size:15px;font-weight:400}\n\/* STATS *\/\n.ws .stats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:56px}\n.ws .stats div{border-top:3px solid var(--c);padding-top:18px}\n.ws .stats b{display:block;font-size:clamp(44px,6vw,84px);font-weight:800;line-height:1;color:var(--c)}\n.ws .stats span{font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n\/* CTA *\/\n.ws .cta{text-align:center;position:relative;background:radial-gradient(ellipse 50% 70% at 50% 100%,#3a1a0c 0,transparent 70%),#000;overflow:hidden}\n.ws .cta h2{max-width:980px;margin:auto}\n.ws footer{padding:36px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--mute);font-size:12px;letter-spacing:.14em;text-transform:uppercase}\n\n\/* WIZARD *\/\n.wb{--ink:#fff;--mute:#a9a79b;--line:#2a2a2a;--mars:#E8532A;--sun:#F9E771;position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:500 16px\/1.6 Montserrat,Helvetica,Arial,sans-serif;color:var(--ink)}\n.wb[hidden]{display:none}.wb *{box-sizing:border-box;margin:0}\n.wb-bg{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(6px);animation:wb-f .3s}\n.wb-box{position:relative;width:min(660px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0b0b0b;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,44px);background-image:radial-gradient(ellipse 70% 50% at 85% 0,#3a1a0c 0,transparent 70%);animation:wb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes wb-f{from{opacity:0}}@keyframes wb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.wb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:32px;line-height:1;cursor:pointer;padding:6px 10px}.wb-x:hover{color:var(--sun)}\n.wb-prog{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin-right:40px}.wb-prog i{display:block;height:100%;width:0;background:var(--mars);border-radius:99px;transition:width .5s}\n.wb-hd{margin-top:20px;font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--sun)}\n.wb h2{font:800 clamp(24px,4.2vw,36px)\/1.05 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin-top:14px}\n.wb .hint{color:var(--mute);font-size:15px;margin-top:8px;font-weight:400}\n.wb .st{animation:wb-s .35s cubic-bezier(.2,.8,.2,1)}@keyframes wb-s{from{opacity:0;transform:translateX(24px)}}.wb .st.back{animation-name:wb-sb}@keyframes wb-sb{from{opacity:0;transform:translateX(-24px)}}\n.wb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.wb .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n.wb .chip{font:600 14px\/1 Montserrat,sans-serif;color:var(--ink);background:transparent;border:2px solid #3a3a3a;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.wb .chip:hover{border-color:var(--sun)}.wb .chip[aria-pressed=true]{background:var(--mars);border-color:var(--mars);color:#000;transform:scale(1.04)}\n.wb input,.wb textarea{width:100%;background:#050505;border:2px solid #3a3a3a;border-radius:16px;color:var(--ink);font:500 16px\/1.4 Montserrat,sans-serif;padding:14px 16px}\n.wb textarea{min-height:110px;resize:vertical}.wb input:focus,.wb textarea:focus{outline:0;border-color:var(--sun)}\n.wb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}@media(max-width:520px){.wb .two{grid-template-columns:1fr}}\n.wb-err{min-height:22px;margin-top:14px;color:#ff8a8f;font-size:14px}\n.wb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}\n.wb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.wb-back:hover{color:#fff}\n.wb-pill{background:var(--mars);border:0;color:#000;border-radius:99px;padding:16px 28px;font:800 13px\/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.25s cubic-bezier(.3,1.6,.5,1)}\n.wb-pill:hover{background:var(--sun);transform:scale(1.05)}.wb-pill:disabled{opacity:.5}\n.wb-done{text-align:center;padding:24px 0 6px}.wb-done[hidden]{display:none}\n.wb-done svg{width:84px;height:84px}.wb-done circle,.wb-done path{fill:none;stroke:var(--sun);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:wb-d .9s .1s forwards}.wb-done path{animation-delay:.6s;animation-duration:.5s}\n@keyframes wb-d{to{stroke-dashoffset:0}}\n.wb-done p{color:var(--mute);margin-top:12px}.wb-done .wb-pill{margin-top:26px}\n.wb :focus-visible{outline:3px solid var(--sun);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.wb *{animation:none!important;transition:none!important}}\n<\/style><\/head><body>\n<div class=\"ws\">\n\n\n<header class=\"hero\"><i class=\"bub bb1\"><\/i><i class=\"bub bb2\"><\/i><i class=\"bub bb3\"><\/i><div class=\"wrap\">\n <div>\n <div class=\"rec lb fade\" style=\"animation-delay:.1s\">REC \u00b7 Film & Video<\/div>\n <h1><span class=\"ln\"><span><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>Stories that<\/span><\/span><span class=\"ln\"><span><em>hold<\/em> the room.<\/span><\/span><span class=\"ln\"><span>Frame by frame.<span class=\"mk\" style=\"color:var(--razz)\">[<\/span><\/span><\/span><\/h1>\n <p class=\"lead fade\" style=\"animation-delay:.7s\">Commercials, campaigns and visual storytelling with cinematic tension, atmosphere and a point of view.<\/p>\n <a class=\"btn lb fade\" style=\"animation-delay:.9s\" href=\"#brief\" data-ws-open role=\"button\">Pitch a project \u2192<\/a>\n <\/div>\n <div class=\"sw fade\" style=\"animation-delay:.5s\" aria-hidden=\"true\">\n <div class=\"pop lb\"><b>Action!<\/b><\/div>\n <div class=\"scr\">\n <div class=\"top\"><span><b>\u25cf<\/b> REC<\/span><span>4K \u00b7 24 FPS<\/span><\/div>\n <div class=\"vf\"><i><\/i><div class=\"sun\"><\/div><div class=\"play\"><\/div><\/div>\n <div class=\"tl\"><i><\/i><\/div>\n <div class=\"tc\"><span id=\"tc\">00:00:00:00<\/span><span>SCENE 03<\/span><\/div>\n <\/div>\n <\/div>\n<\/div><\/header>\n\n\n<div class=\"mq\" aria-hidden=\"true\"><div>\n <span>Commercials<\/span><b>+<\/b><span>Campaigns<\/span><b>[<\/b><span>Documentary<\/span><b>+<\/b><span>Shorts<\/span><b>[<\/b><span>Brand films<\/span><b>+<\/b><span>Social video<\/span><b>[<\/b>\n <span>Commercials<\/span><b>+<\/b><span>Campaigns<\/span><b>[<\/b><span>Documentary<\/span><b>+<\/b><span>Shorts<\/span><b>[<\/b><span>Brand films<\/span><b>+<\/b><span>Social video<\/span><b>[<\/b>\n<\/div><\/div>\n\n\n<section><div class=\"wrap\">\n <div class=\"tag lb rv\">Our process<\/div>\n <h2 class=\"rv\"><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>From script <em>to screen.<\/em><span class=\"mk\" style=\"color:var(--cloud)\">[<\/span><\/h2>\n <div class=\"strip rv\" aria-hidden=\"true\"><div class=\"tr\">\n <div class=\"fr\" style=\"background:var(--mars)\"><span class=\"lb\">Scene 01<\/span><h3>Idea<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sun)\"><span class=\"lb\">Scene 02<\/span><h3>Script<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--cloud)\"><span class=\"lb\">Scene 03<\/span><h3>Shoot<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--razz)\"><span class=\"lb\">Scene 04<\/span><h3>Edit<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sand)\"><span class=\"lb\">Scene 05<\/span><h3>Grade<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--blue);color:#fff\"><span class=\"lb\">Scene 06<\/span><h3>Screen<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--mars)\"><span class=\"lb\">Scene 01<\/span><h3>Idea<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sun)\"><span class=\"lb\">Scene 02<\/span><h3>Script<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--cloud)\"><span class=\"lb\">Scene 03<\/span><h3>Shoot<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--razz)\"><span class=\"lb\">Scene 04<\/span><h3>Edit<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sand)\"><span class=\"lb\">Scene 05<\/span><h3>Grade<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--blue);color:#fff\"><span class=\"lb\">Scene 06<\/span><h3>Screen<\/h3><\/div>\n <\/div><\/div>\n<\/div><\/section>\n\n\n<section class=\"sand\"><div class=\"wrap\">\n <div class=\"tag lb rv\" style=\"color:#000\">What we make<\/div>\n <h2 class=\"rv\">Cinema that <em>sells.<\/em><span class=\"mk\" style=\"color:var(--blue)\">[<\/span><\/h2>\n <div class=\"grid\">\n <div class=\"card rv\" style=\"--c:var(--mars)\"><i><\/i><span class=\"lb\">Commercials<\/span><h3>Spots, not ads<\/h3><p>Spots that sell without feeling like ads.<\/p><\/div>\n <div class=\"card rv\" style=\"--c:var(--blue)\"><i><\/i><span class=\"lb\">Campaigns<\/span><h3>One idea, every screen<\/h3><p>Multi-format video for social, web and broadcast.<\/p><\/div>\n <div class=\"card rv\" style=\"--c:var(--razz)\"><i><\/i><span class=\"lb\">Documentary & shorts<\/span><h3>Human stories<\/h3><p>Human, cultural and narrative storytelling.<\/p><\/div>\n <\/div>\n<\/div><\/section>\n\n\n<section><div class=\"wrap\">\n <div class=\"tag lb rv\">On set<\/div>\n <h2 class=\"rv\">Made to <em>move.<\/em><\/h2>\n <div class=\"stats\">\n <div class=\"rv\" style=\"--c:var(--mars)\"><b data-n=\"100\" data-s=\"%\">0<\/b><span>Story-first<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--sun)\"><b data-n=\"4\" data-s=\"K\">0<\/b><span>Cinema quality<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--cloud)\"><b data-n=\"24\" data-s=\"fps\">0<\/b><span>Cinematic motion<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--razz)\"><b data-n=\"1\" data-s=\" team\">0<\/b><span>Idea to delivery<\/span><\/div>\n <\/div>\n<\/div><\/section>\n\n\n<section class=\"cta\"><i class=\"bub bb1\" style=\"right:8%;top:14%\"><\/i><i class=\"bub bb3\" style=\"left:6%;right:auto;bottom:18%\"><\/i><div class=\"wrap\">\n <div class=\"tag lb rv\">Next up<\/div>\n <h2 class=\"rv\"><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>Lights. Camera. <em>Impact.<\/em><span class=\"mk\" style=\"color:var(--razz)\">[<\/span><\/h2>\n <a class=\"btn lb rv\" href=\"#brief\" data-ws-open role=\"button\">Roll camera \u2192<\/a>\n<\/div><\/section>\n\n<footer><span>MOSTROS \u00b7 Creative studio \u00b7 Made in Colombia<\/span><span>Info@mostros.co \u00b7 +1 908 936 9150<\/span><\/footer>\n<\/div>\n\n<script>\n\/* page animations: timecode, scroll reveal, counters *\/\n(function(){\nvar tc=document.getElementById(\"tc\"),f=0;\nsetInterval(function(){f++;var s=Math.floor(f\/24),p=function(n){return String(n).padStart(2,\"0\")};tc.textContent=\"00:\"+p(Math.floor(s\/60)%60)+\":\"+p(s%60)+\":\"+p(f%24)},42);\nvar els=document.querySelectorAll(\".rv\");\nif(!(\"IntersectionObserver\" in window)){els.forEach(function(e){e.classList.add(\"in\")});return}\nvar io=new IntersectionObserver(function(es){es.forEach(function(x){if(!x.isIntersecting)return;var e=x.target;e.classList.add(\"in\");io.unobserve(e);\n var b=e.querySelector(\"b[data-n]\");if(b){var n=+b.dataset.n,t=0,sfx=b.dataset.s||\"\",it=setInterval(function(){t++;b.textContent=Math.round(n*t\/40)+(t>=40?sfx:\"\");if(t>=40)clearInterval(it)},30)}})},{threshold:.2});\nels.forEach(function(e){io.observe(e)});\n})();\n<\/script>\n<script>\n\/* brief wizard \u2014 injected once; any [data-ws-open] or a[href=\"#brief\"] opens it *\/\n(function(){\nif(window.wsBrief)return;\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\nvar STEPS=[\n {q:\"What are we shooting?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Commercial\",\"Campaign\",\"Social video \/ reels\",\"Brand film\",\"Documentary\",\"Short film\",\"Corporate \/ testimonial\",\"Music video\",\"Not sure yet\"]}]},\n {q:\"Where will it run?\",h:\"So we frame it for the right screen.\",f:[{k:\"stack\",t:\"multi\",req:1,o:[\"Social media\",\"Website\",\"TV \/ broadcast\",\"Events \/ live\",\"Cinema \/ festivals\",\"Not sure\"]}]},\n {q:\"What do you need from us?\",h:\"Select what matters.\",f:[{k:\"features\",t:\"multi\",o:[\"Concept & script\",\"Shooting\",\"Casting\",\"Drone \/ aerial\",\"Editing\",\"Color grading\",\"Sound & music\",\"Motion graphics\",\"Subtitles \/ localization\"]},{k:\"pages\",t:\"single\",l:\"Approximate length\",o:[\"Under 30s\",\"30\u201390s\",\"1\u20135 min\",\"5+ min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Brand identity\",\"Script\",\"Storyboard\",\"Footage\",\"Locations\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Story, audience, tone, references, links\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 4 weeks)\",\"1\u20132 months\",\"3+ months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $5k\",\"$5k \u2013 $15k\",\"$15k \u2013 $40k\",\"$40k+\",\"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 \/ current site\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",stack:\"Where it runs\",features:\"Services\",pages:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company \/ site\",phone:\"Phone\"};\nvar A={},i=0,last=null,m,box,$=function(id){return document.getElementById(id)};\nfunction build(){\n m=document.createElement('div');m.className='wb';m.hidden=true;m.setAttribute('role','dialog');m.setAttribute('aria-modal','true');m.setAttribute('aria-labelledby','wb-t');\n m.innerHTML='<div class=\"wb-bg\" data-close><\/div><div class=\"wb-box\" tabindex=\"-1\"><button class=\"wb-x\" data-close aria-label=\"Close\">\u00d7<\/button>'+\n '<div id=\"wb-wiz\"><div class=\"wb-prog\"><i id=\"wb-bar\"><\/i><\/div><div class=\"wb-hd\" id=\"wb-step\"><\/div><form id=\"wb-form\" novalidate><div id=\"wb-body\"><\/div><p class=\"wb-err\" id=\"wb-err\" role=\"alert\"><\/p>'+\n '<div class=\"wb-nav\"><button type=\"button\" class=\"wb-back\" id=\"wb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"wb-pill\" id=\"wb-next\">Next \u2192<\/button><\/div><\/form><\/div>'+\n '<div class=\"wb-done\" id=\"wb-done\" hidden><svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg><h2>Brief received<\/h2><p id=\"wb-donetxt\">Thanks! We\\'ll review it and get back to you within 24 hours.<\/p><button type=\"button\" class=\"wb-pill\" data-close>Close<\/button><\/div><\/div>';\n document.body.appendChild(m);box=m.querySelector('.wb-box');\n $(\"wb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"wb-err\").textContent=er;return}if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n $(\"wb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\n m.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\"));$(\"wb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n}\nfunction esc(s){return String(s).replace(\/&\/g,'&').replace(\/\"\/g,'"').replace(\/<\/g,'<')}\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"wb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f){\n if(f.c&&!row){h+='<div class=\"two\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(f.l?' style=\"margin-top:0\"':'')+'>';\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+'\">'+esc(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"wb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"wb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+esc(A[f.k]||'')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"wb-body\").innerHTML=h+'<\/div>';\n $(\"wb-step\").textContent=\"Step \"+(i+1)+\" \/ \"+STEPS.length;\n $(\"wb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"wb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"wb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"wb-err\").textContent=\"\";\n}\nfunction collect(){$(\"wb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[e.dataset.k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){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.\"}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){$(\"wb-wiz\").hidden=true;$(\"wb-done\").hidden=false;if(msg)$(\"wb-donetxt\").textContent=msg}\nfunction send(){\n var nb=$(\"wb-next\");nb.disabled=true;nb.textContent=\"Sending\u2026\";$(\"wb-err\").textContent=\"\";\n var payload=JSON.stringify(Object.assign({service:\"Film & Video\",page:location.href,brief:summary()},A));\n function fail(){nb.disabled=false;nb.textContent=\"Send brief \u2192\";$(\"wb-err\").textContent=\"We couldn't send it. Please check your connection and try again, or write to \"+EMAIL+\".\"}\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:payload}).then(function(){done()}).catch(function(){\n try{if(navigator.sendBeacon&&navigator.sendBeacon(ENDPOINT,new Blob([payload],{type:\"text\/plain;charset=utf-8\"}))){done();return}}catch(e){}\n fail()})}\nfunction open(){if(!m)build();last=document.activeElement;A={};i=0;$(\"wb-wiz\").hidden=false;$(\"wb-done\").hidden=true;$(\"wb-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-ws-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(!m||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.wsBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOSTROS \u2014 Film & Video REC \u00b7 Film & Video +Stories thathold the room.Frame by frame.[ Commercials, campaigns and visual storytelling with cinematic tension, atmosphere and a point of view. Pitch a project \u2192 Action! \u25cf REC4K \u00b7 24 FPS 00:00:00:00SCENE 03 Commercials+Campaigns[Documentary+Shorts[Brand films+Social video[ Commercials+Campaigns[Documentary+Shorts[Brand films+Social video[ Our process +From script to screen.[ Scene […]<\/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-9719","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719","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=9719"}],"version-history":[{"count":7,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719\/revisions"}],"predecessor-version":[{"id":9726,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719\/revisions\/9726"}],"wp:attachment":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/media?parent=9719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\nMOSTROS \u2014 Film & Video<\/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@400;500;700;800&family=Cormorant:ital,wght@1,500;1,700&display=swap\" rel=\"stylesheet\">\n<style>\nhtml,body{margin:0;width:100%;background:#000}\n.ws{--mars:#E8532A;--sand:#E7E4BB;--razz:#E84951;--cloud:#97DDFA;--sun:#F9E771;--blue:#2C4DE9;--ink:#fff;--mute:#a9a79b;--line:#262626;--card:#101010;\nposition:relative;overflow:hidden;background:#000;color:var(--ink);font:500 16px\/1.65 Montserrat,Helvetica,Arial,sans-serif}\n.ws *{box-sizing:border-box;margin:0}.ws a{color:inherit;text-decoration:none}\n.ws h1,.ws h2,.ws h3{font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.015em}\n.ws h1{font-size:clamp(40px,7.4vw,112px)}.ws h2{font-size:clamp(30px,5.2vw,76px)}.ws h3{font-size:19px;letter-spacing:0;line-height:1.15}\n.ws em{font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:700;text-transform:none;letter-spacing:0;font-size:1.12em;color:var(--mars)}\n.ws .mk{display:inline-block;font-weight:800;font-style:normal;margin:0 .14em;line-height:1;animation:ws-mk 3s ease-in-out infinite}\n@keyframes ws-mk{50%{transform:translateY(-.08em) rotate(8deg)}}\n.ws .wrap{width:100%;padding:clamp(64px,9vw,130px) 4vw;position:relative;z-index:1}\n.ws .lb{font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase}\n.ws .tag{display:inline-flex;gap:12px;align-items:center;color:var(--sun);margin-bottom:28px}\n.ws .tag:before{content:\"\";width:12px;height:12px;border-radius:50%;background:var(--mars);box-shadow:8px 0 0 -2px var(--blue);margin-right:8px;animation:ws-bl 1.6s infinite}\n@keyframes ws-bl{50%{opacity:.3}}\n.ws .lead{max-width:540px;color:#d6d4c6;font-size:19px;margin-top:28px;font-weight:400}\n.ws .btn{display:inline-block;margin-top:38px;padding:19px 34px;background:var(--mars);color:#000;border-radius:99px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s}\n.ws .btn:hover{transform:scale(1.06) rotate(-1.5deg);background:var(--sun)}.ws .btn:active{transform:scale(.97)}\n\/* reveal *\/\n.ws .rv{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}\n.ws .rv.in{opacity:1;transform:none}\n.ws .rv:nth-child(2){transition-delay:.1s}.ws .rv:nth-child(3){transition-delay:.2s}.ws .rv:nth-child(4){transition-delay:.3s}\n@media(prefers-reduced-motion:reduce){.ws *{animation:none!important;transition:none!important}.ws .rv{opacity:1;transform:none}}\n\/* HERO *\/\n.ws .hero{min-height:100svh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse 55% 60% at 88% 25%,#3a1a0c 0,transparent 70%),radial-gradient(ellipse 40% 40% at 5% 100%,#101a4d 0,transparent 70%),#000}\n.ws .hero .wrap{display:grid;gap:56px;grid-template-columns:1.1fr .9fr;align-items:center}\n@media(max-width:900px){.ws .hero .wrap{grid-template-columns:1fr}}\n.ws .rec{color:var(--razz);display:inline-flex;gap:12px;align-items:center;margin-bottom:28px}\n.ws .rec:before{content:\"\";width:14px;height:14px;border-radius:50%;background:var(--razz);animation:ws-bl 1s infinite;box-shadow:0 0 18px var(--razz)}\n.ws .ln{display:block;overflow:hidden;padding-bottom:.08em}\n.ws .ln>span{display:inline-block;transform:translateY(115%);animation:ws-up .9s cubic-bezier(.2,.8,.2,1) forwards}\n.ws .ln:nth-child(2)>span{animation-delay:.12s}.ws .ln:nth-child(3)>span{animation-delay:.24s}\n@keyframes ws-up{to{transform:none}}\n.ws .fade{opacity:0;animation:ws-fade .8s forwards}@keyframes ws-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n.ws .bub{position:absolute;border-radius:50%;pointer-events:none;z-index:0}\n.ws .bb1{width:110px;height:110px;background:var(--blue);right:7%;top:12%;animation:ws-fl 8s ease-in-out infinite}\n.ws .bb2{width:64px;height:64px;background:var(--sun);right:24%;top:20%;animation:ws-fl 6s -2s ease-in-out infinite reverse}\n.ws .bb3{width:90px;height:90px;border:4px solid var(--razz);right:4%;bottom:10%;animation:ws-fl 9s -4s ease-in-out infinite}\n@keyframes ws-fl{50%{transform:translate(-22px,34px) scale(1.12)}}\n\/* screen *\/\n.ws .scr{position:relative;z-index:1;background:var(--card);border:2px solid var(--sand);border-radius:26px;box-shadow:0 0 0 10px #ffffff0a;overflow:hidden;animation:ws-sc 7s ease-in-out infinite}\n@keyframes ws-sc{50%{transform:translateY(-12px) rotate(-1deg)}}\n.ws .scr .top{display:flex;justify-content:space-between;padding:14px 20px;font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.2em;color:var(--mute)}\n.ws .scr .top b{color:var(--razz)}\n.ws .vf{position:relative;aspect-ratio:16\/10;margin:0 14px;border-radius:16px;overflow:hidden;background:#000}\n.ws .vf i{position:absolute;inset:0;background:linear-gradient(120deg,var(--mars),var(--razz) 40%,var(--blue));animation:ws-gr 6s linear infinite;background-size:300% 300%}\n@keyframes ws-gr{to{background-position:300% 0}}\n.ws .vf:before,.ws .vf:after{content:\"\";position:absolute;left:0;right:0;height:12%;background:#000;z-index:2}.ws .vf:before{top:0}.ws .vf:after{bottom:0}\n.ws .vf .sun{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:var(--sun);left:12%;top:30%;animation:ws-sun 6s ease-in-out infinite;z-index:1}\n@keyframes ws-sun{50%{transform:translate(260%,-30%) scale(.7)}}\n.ws .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;border-radius:50%;background:#fff;z-index:3;display:grid;place-items:center;animation:ws-pl 2s infinite}\n.ws .play:after{content:\"\";border-left:22px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}\n@keyframes ws-pl{0%{box-shadow:0 0 0 0 #ffffff88}100%{box-shadow:0 0 0 34px #fff0}}\n.ws .tl{height:8px;margin:16px 20px 6px;background:#222;border-radius:99px;overflow:hidden}.ws .tl i{display:block;height:100%;background:var(--sun);border-radius:99px;animation:ws-tl 8s linear infinite}\n@keyframes ws-tl{from{width:0}to{width:100%}}\n.ws .tc{padding:8px 20px 20px;display:flex;justify-content:space-between;font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.2em;color:#d6d4c6}\n.ws .pop{position:absolute;right:-6px;top:-24px;background:var(--razz);color:#fff;padding:12px 20px;border-radius:26px 26px 6px 26px;transform:rotate(4deg);z-index:4;animation:ws-pop 4s infinite}\n@keyframes ws-pop{0%,100%{transform:rotate(4deg) scale(1)}50%{transform:rotate(-2deg) scale(1.08)}}\n.ws .pop b{font-size:22px;font-weight:800}\n.ws .sw{position:relative;z-index:1}\n\/* MARQUEE *\/\n.ws .mq{background:var(--mars);color:#000;overflow:hidden;white-space:nowrap;padding:22px 0;transform:rotate(-1.2deg);margin:30px -2vw}\n.ws .mq div{display:inline-block;animation:ws-mq 24s linear infinite;font:800 clamp(22px,3.4vw,44px)\/1 Montserrat,sans-serif;text-transform:uppercase}\n.ws .mq span{margin:0 .6em}.ws .mq b{font-weight:800;color:#fff}\n@keyframes ws-mq{to{transform:translateX(-50%)}}\n\/* FILM STRIP *\/\n.ws .strip{overflow:hidden;margin-top:56px;padding:18px 0;background:#0a0a0a;border-radius:26px;border:1px solid var(--line)}\n.ws .strip .tr{display:flex;gap:16px;width:max-content;animation:ws-mq 36s linear infinite}\n.ws .strip:hover .tr{animation-play-state:paused}\n.ws .fr{width:230px;height:150px;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#000;position:relative;overflow:hidden;transition:transform .3s}\n.ws .fr:hover{transform:scale(1.05) rotate(-1.5deg)}\n.ws .fr .lb{font-size:11px}.ws .fr h3{font-size:22px}\n.ws .fr:after{content:\"\";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:#00000022}\n\/* SERVICES *\/\n.ws .sand{background:var(--sand);color:#000}.ws .sand em{color:var(--razz)}\n.ws .grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:56px}\n.ws .card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:26px;padding:30px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}\n.ws .card:hover{transform:translateY(-8px) rotate(-.6deg);border-color:var(--c)}\n.ws .card i{display:block;width:44px;height:44px;border-radius:50%;background:var(--c);margin-bottom:22px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}\n.ws .card:hover i{transform:scale(1.5) translate(8px,8px)}\n.ws .card .lb{color:var(--c);display:block;margin-bottom:12px}\n.ws .card p{color:var(--mute);margin-top:10px;font-size:15px;font-weight:400}\n\/* STATS *\/\n.ws .stats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:56px}\n.ws .stats div{border-top:3px solid var(--c);padding-top:18px}\n.ws .stats b{display:block;font-size:clamp(44px,6vw,84px);font-weight:800;line-height:1;color:var(--c)}\n.ws .stats span{font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n\/* CTA *\/\n.ws .cta{text-align:center;position:relative;background:radial-gradient(ellipse 50% 70% at 50% 100%,#3a1a0c 0,transparent 70%),#000;overflow:hidden}\n.ws .cta h2{max-width:980px;margin:auto}\n.ws footer{padding:36px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--mute);font-size:12px;letter-spacing:.14em;text-transform:uppercase}\n\n\/* WIZARD *\/\n.wb{--ink:#fff;--mute:#a9a79b;--line:#2a2a2a;--mars:#E8532A;--sun:#F9E771;position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;font:500 16px\/1.6 Montserrat,Helvetica,Arial,sans-serif;color:var(--ink)}\n.wb[hidden]{display:none}.wb *{box-sizing:border-box;margin:0}\n.wb-bg{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(6px);animation:wb-f .3s}\n.wb-box{position:relative;width:min(660px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0b0b0b;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,44px);background-image:radial-gradient(ellipse 70% 50% at 85% 0,#3a1a0c 0,transparent 70%);animation:wb-in .45s cubic-bezier(.2,.9,.2,1)}\n@keyframes wb-f{from{opacity:0}}@keyframes wb-in{from{opacity:0;transform:translateY(24px) scale(.96)}}\n.wb-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--mute);font-size:32px;line-height:1;cursor:pointer;padding:6px 10px}.wb-x:hover{color:var(--sun)}\n.wb-prog{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin-right:40px}.wb-prog i{display:block;height:100%;width:0;background:var(--mars);border-radius:99px;transition:width .5s}\n.wb-hd{margin-top:20px;font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--sun)}\n.wb h2{font:800 clamp(24px,4.2vw,36px)\/1.05 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin-top:14px}\n.wb .hint{color:var(--mute);font-size:15px;margin-top:8px;font-weight:400}\n.wb .st{animation:wb-s .35s cubic-bezier(.2,.8,.2,1)}@keyframes wb-s{from{opacity:0;transform:translateX(24px)}}.wb .st.back{animation-name:wb-sb}@keyframes wb-sb{from{opacity:0;transform:translateX(-24px)}}\n.wb .lb{display:block;margin:24px 0 10px;font:700 11px\/1 Montserrat,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--mute)}\n.wb .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n.wb .chip{font:600 14px\/1 Montserrat,sans-serif;color:var(--ink);background:transparent;border:2px solid #3a3a3a;border-radius:99px;padding:12px 18px;cursor:pointer;transition:.2s}\n.wb .chip:hover{border-color:var(--sun)}.wb .chip[aria-pressed=true]{background:var(--mars);border-color:var(--mars);color:#000;transform:scale(1.04)}\n.wb input,.wb textarea{width:100%;background:#050505;border:2px solid #3a3a3a;border-radius:16px;color:var(--ink);font:500 16px\/1.4 Montserrat,sans-serif;padding:14px 16px}\n.wb textarea{min-height:110px;resize:vertical}.wb input:focus,.wb textarea:focus{outline:0;border-color:var(--sun)}\n.wb .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}@media(max-width:520px){.wb .two{grid-template-columns:1fr}}\n.wb-err{min-height:22px;margin-top:14px;color:#ff8a8f;font-size:14px}\n.wb-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}\n.wb-back{background:none;border:0;color:var(--mute);font:700 12px\/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 4px}.wb-back:hover{color:#fff}\n.wb-pill{background:var(--mars);border:0;color:#000;border-radius:99px;padding:16px 28px;font:800 13px\/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.25s cubic-bezier(.3,1.6,.5,1)}\n.wb-pill:hover{background:var(--sun);transform:scale(1.05)}.wb-pill:disabled{opacity:.5}\n.wb-done{text-align:center;padding:24px 0 6px}.wb-done[hidden]{display:none}\n.wb-done svg{width:84px;height:84px}.wb-done circle,.wb-done path{fill:none;stroke:var(--sun);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:wb-d .9s .1s forwards}.wb-done path{animation-delay:.6s;animation-duration:.5s}\n@keyframes wb-d{to{stroke-dashoffset:0}}\n.wb-done p{color:var(--mute);margin-top:12px}.wb-done .wb-pill{margin-top:26px}\n.wb :focus-visible{outline:3px solid var(--sun);outline-offset:3px}\n@media(prefers-reduced-motion:reduce){.wb *{animation:none!important;transition:none!important}}\n<\/style><\/head><body>\n<div class=\"ws\">\n\n\n<header class=\"hero\"><i class=\"bub bb1\"><\/i><i class=\"bub bb2\"><\/i><i class=\"bub bb3\"><\/i><div class=\"wrap\">\n <div>\n <div class=\"rec lb fade\" style=\"animation-delay:.1s\">REC \u00b7 Film & Video<\/div>\n <h1><span class=\"ln\"><span><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>Stories that<\/span><\/span><span class=\"ln\"><span><em>hold<\/em> the room.<\/span><\/span><span class=\"ln\"><span>Frame by frame.<span class=\"mk\" style=\"color:var(--razz)\">[<\/span><\/span><\/span><\/h1>\n <p class=\"lead fade\" style=\"animation-delay:.7s\">Commercials, campaigns and visual storytelling with cinematic tension, atmosphere and a point of view.<\/p>\n <a class=\"btn lb fade\" style=\"animation-delay:.9s\" href=\"#brief\" data-ws-open role=\"button\">Pitch a project \u2192<\/a>\n <\/div>\n <div class=\"sw fade\" style=\"animation-delay:.5s\" aria-hidden=\"true\">\n <div class=\"pop lb\"><b>Action!<\/b><\/div>\n <div class=\"scr\">\n <div class=\"top\"><span><b>\u25cf<\/b> REC<\/span><span>4K \u00b7 24 FPS<\/span><\/div>\n <div class=\"vf\"><i><\/i><div class=\"sun\"><\/div><div class=\"play\"><\/div><\/div>\n <div class=\"tl\"><i><\/i><\/div>\n <div class=\"tc\"><span id=\"tc\">00:00:00:00<\/span><span>SCENE 03<\/span><\/div>\n <\/div>\n <\/div>\n<\/div><\/header>\n\n\n<div class=\"mq\" aria-hidden=\"true\"><div>\n <span>Commercials<\/span><b>+<\/b><span>Campaigns<\/span><b>[<\/b><span>Documentary<\/span><b>+<\/b><span>Shorts<\/span><b>[<\/b><span>Brand films<\/span><b>+<\/b><span>Social video<\/span><b>[<\/b>\n <span>Commercials<\/span><b>+<\/b><span>Campaigns<\/span><b>[<\/b><span>Documentary<\/span><b>+<\/b><span>Shorts<\/span><b>[<\/b><span>Brand films<\/span><b>+<\/b><span>Social video<\/span><b>[<\/b>\n<\/div><\/div>\n\n\n<section><div class=\"wrap\">\n <div class=\"tag lb rv\">Our process<\/div>\n <h2 class=\"rv\"><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>From script <em>to screen.<\/em><span class=\"mk\" style=\"color:var(--cloud)\">[<\/span><\/h2>\n <div class=\"strip rv\" aria-hidden=\"true\"><div class=\"tr\">\n <div class=\"fr\" style=\"background:var(--mars)\"><span class=\"lb\">Scene 01<\/span><h3>Idea<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sun)\"><span class=\"lb\">Scene 02<\/span><h3>Script<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--cloud)\"><span class=\"lb\">Scene 03<\/span><h3>Shoot<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--razz)\"><span class=\"lb\">Scene 04<\/span><h3>Edit<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sand)\"><span class=\"lb\">Scene 05<\/span><h3>Grade<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--blue);color:#fff\"><span class=\"lb\">Scene 06<\/span><h3>Screen<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--mars)\"><span class=\"lb\">Scene 01<\/span><h3>Idea<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sun)\"><span class=\"lb\">Scene 02<\/span><h3>Script<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--cloud)\"><span class=\"lb\">Scene 03<\/span><h3>Shoot<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--razz)\"><span class=\"lb\">Scene 04<\/span><h3>Edit<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--sand)\"><span class=\"lb\">Scene 05<\/span><h3>Grade<\/h3><\/div>\n <div class=\"fr\" style=\"background:var(--blue);color:#fff\"><span class=\"lb\">Scene 06<\/span><h3>Screen<\/h3><\/div>\n <\/div><\/div>\n<\/div><\/section>\n\n\n<section class=\"sand\"><div class=\"wrap\">\n <div class=\"tag lb rv\" style=\"color:#000\">What we make<\/div>\n <h2 class=\"rv\">Cinema that <em>sells.<\/em><span class=\"mk\" style=\"color:var(--blue)\">[<\/span><\/h2>\n <div class=\"grid\">\n <div class=\"card rv\" style=\"--c:var(--mars)\"><i><\/i><span class=\"lb\">Commercials<\/span><h3>Spots, not ads<\/h3><p>Spots that sell without feeling like ads.<\/p><\/div>\n <div class=\"card rv\" style=\"--c:var(--blue)\"><i><\/i><span class=\"lb\">Campaigns<\/span><h3>One idea, every screen<\/h3><p>Multi-format video for social, web and broadcast.<\/p><\/div>\n <div class=\"card rv\" style=\"--c:var(--razz)\"><i><\/i><span class=\"lb\">Documentary & shorts<\/span><h3>Human stories<\/h3><p>Human, cultural and narrative storytelling.<\/p><\/div>\n <\/div>\n<\/div><\/section>\n\n\n<section><div class=\"wrap\">\n <div class=\"tag lb rv\">On set<\/div>\n <h2 class=\"rv\">Made to <em>move.<\/em><\/h2>\n <div class=\"stats\">\n <div class=\"rv\" style=\"--c:var(--mars)\"><b data-n=\"100\" data-s=\"%\">0<\/b><span>Story-first<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--sun)\"><b data-n=\"4\" data-s=\"K\">0<\/b><span>Cinema quality<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--cloud)\"><b data-n=\"24\" data-s=\"fps\">0<\/b><span>Cinematic motion<\/span><\/div>\n <div class=\"rv\" style=\"--c:var(--razz)\"><b data-n=\"1\" data-s=\" team\">0<\/b><span>Idea to delivery<\/span><\/div>\n <\/div>\n<\/div><\/section>\n\n\n<section class=\"cta\"><i class=\"bub bb1\" style=\"right:8%;top:14%\"><\/i><i class=\"bub bb3\" style=\"left:6%;right:auto;bottom:18%\"><\/i><div class=\"wrap\">\n <div class=\"tag lb rv\">Next up<\/div>\n <h2 class=\"rv\"><span class=\"mk\" style=\"color:var(--sun)\">+<\/span>Lights. Camera. <em>Impact.<\/em><span class=\"mk\" style=\"color:var(--razz)\">[<\/span><\/h2>\n <a class=\"btn lb rv\" href=\"#brief\" data-ws-open role=\"button\">Roll camera \u2192<\/a>\n<\/div><\/section>\n\n<footer><span>MOSTROS \u00b7 Creative studio \u00b7 Made in Colombia<\/span><span>Info@mostros.co \u00b7 +1 908 936 9150<\/span><\/footer>\n<\/div>\n\n<script>\n\/* page animations: timecode, scroll reveal, counters *\/\n(function(){\nvar tc=document.getElementById(\"tc\"),f=0;\nsetInterval(function(){f++;var s=Math.floor(f\/24),p=function(n){return String(n).padStart(2,\"0\")};tc.textContent=\"00:\"+p(Math.floor(s\/60)%60)+\":\"+p(s%60)+\":\"+p(f%24)},42);\nvar els=document.querySelectorAll(\".rv\");\nif(!(\"IntersectionObserver\" in window)){els.forEach(function(e){e.classList.add(\"in\")});return}\nvar io=new IntersectionObserver(function(es){es.forEach(function(x){if(!x.isIntersecting)return;var e=x.target;e.classList.add(\"in\");io.unobserve(e);\n var b=e.querySelector(\"b[data-n]\");if(b){var n=+b.dataset.n,t=0,sfx=b.dataset.s||\"\",it=setInterval(function(){t++;b.textContent=Math.round(n*t\/40)+(t>=40?sfx:\"\");if(t>=40)clearInterval(it)},30)}})},{threshold:.2});\nels.forEach(function(e){io.observe(e)});\n})();\n<\/script>\n<script>\n\/* brief wizard \u2014 injected once; any [data-ws-open] or a[href=\"#brief\"] opens it *\/\n(function(){\nif(window.wsBrief)return;\nvar ENDPOINT=\"https:\/\/script.google.com\/macros\/s\/AKfycbyFTH9EZASeQk4RpvzCFdVUG_usBjuwFNpjCq8dWFEQlLp4KJgV7ubegWNdRBZaHmjF\/exec\", EMAIL=\"Info@mostros.co\";\nvar STEPS=[\n {q:\"What are we shooting?\",h:\"Pick everything that applies.\",f:[{k:\"type\",t:\"multi\",req:1,o:[\"Commercial\",\"Campaign\",\"Social video \/ reels\",\"Brand film\",\"Documentary\",\"Short film\",\"Corporate \/ testimonial\",\"Music video\",\"Not sure yet\"]}]},\n {q:\"Where will it run?\",h:\"So we frame it for the right screen.\",f:[{k:\"stack\",t:\"multi\",req:1,o:[\"Social media\",\"Website\",\"TV \/ broadcast\",\"Events \/ live\",\"Cinema \/ festivals\",\"Not sure\"]}]},\n {q:\"What do you need from us?\",h:\"Select what matters.\",f:[{k:\"features\",t:\"multi\",o:[\"Concept & script\",\"Shooting\",\"Casting\",\"Drone \/ aerial\",\"Editing\",\"Color grading\",\"Sound & music\",\"Motion graphics\",\"Subtitles \/ localization\"]},{k:\"pages\",t:\"single\",l:\"Approximate length\",o:[\"Under 30s\",\"30\u201390s\",\"1\u20135 min\",\"5+ min\",\"Not sure\"]}]},\n {q:\"What do you already have?\",h:\"No problem if the answer is nothing.\",f:[{k:\"have\",t:\"multi\",o:[\"Brand identity\",\"Script\",\"Storyboard\",\"Footage\",\"Locations\",\"Nothing yet\"]},{k:\"notes\",t:\"area\",l:\"Tell us about the project\",p:\"Story, audience, tone, references, links\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 4 weeks)\",\"1\u20132 months\",\"3+ months\",\"Flexible\"]},{k:\"budget\",t:\"single\",l:\"Budget range (USD)\",o:[\"Under $5k\",\"$5k \u2013 $15k\",\"$15k \u2013 $40k\",\"$40k+\",\"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 \/ current site\",c:1},{k:\"phone\",t:\"text\",l:\"Phone \/ WhatsApp\",c:1}]}\n];\nvar LB={type:\"Needs\",stack:\"Where it runs\",features:\"Services\",pages:\"Length\",have:\"Already has\",notes:\"Project notes\",time:\"Timeline\",budget:\"Budget\",name:\"Name\",email:\"Email\",company:\"Company \/ site\",phone:\"Phone\"};\nvar A={},i=0,last=null,m,box,$=function(id){return document.getElementById(id)};\nfunction build(){\n m=document.createElement('div');m.className='wb';m.hidden=true;m.setAttribute('role','dialog');m.setAttribute('aria-modal','true');m.setAttribute('aria-labelledby','wb-t');\n m.innerHTML='<div class=\"wb-bg\" data-close><\/div><div class=\"wb-box\" tabindex=\"-1\"><button class=\"wb-x\" data-close aria-label=\"Close\">\u00d7<\/button>'+\n '<div id=\"wb-wiz\"><div class=\"wb-prog\"><i id=\"wb-bar\"><\/i><\/div><div class=\"wb-hd\" id=\"wb-step\"><\/div><form id=\"wb-form\" novalidate><div id=\"wb-body\"><\/div><p class=\"wb-err\" id=\"wb-err\" role=\"alert\"><\/p>'+\n '<div class=\"wb-nav\"><button type=\"button\" class=\"wb-back\" id=\"wb-back\">\u2190 Back<\/button><button type=\"submit\" class=\"wb-pill\" id=\"wb-next\">Next \u2192<\/button><\/div><\/form><\/div>'+\n '<div class=\"wb-done\" id=\"wb-done\" hidden><svg viewBox=\"0 0 80 80\" aria-hidden=\"true\"><circle cx=\"40\" cy=\"40\" r=\"34\"\/><path d=\"M26 41l10 10 19-21\"\/><\/svg><h2>Brief received<\/h2><p id=\"wb-donetxt\">Thanks! We\\'ll review it and get back to you within 24 hours.<\/p><button type=\"button\" class=\"wb-pill\" data-close>Close<\/button><\/div><\/div>';\n document.body.appendChild(m);box=m.querySelector('.wb-box');\n $(\"wb-form\").addEventListener(\"submit\",function(e){e.preventDefault();collect();var er=check();if(er){$(\"wb-err\").textContent=er;return}if(i<STEPS.length-1){i++;render(1);box.scrollTop=0}else send()});\n $(\"wb-back\").addEventListener(\"click\",function(){collect();if(i){i--;render(-1)}});\n m.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\"));$(\"wb-err\").textContent=\"\"}\n if(e.target.closest(\"[data-close]\"))close()});\n}\nfunction esc(s){return String(s).replace(\/&\/g,'&').replace(\/\"\/g,'"').replace(\/<\/g,'<')}\nfunction render(dir){\n var s=STEPS[i],h='<div class=\"st'+(dir<0?' back':'')+'\"><h2 id=\"wb-t\">'+s.q+'<\/h2><p class=\"hint\">'+s.h+'<\/p>',row=false;\n s.f.forEach(function(f){\n if(f.c&&!row){h+='<div class=\"two\">';row=true}\n if(f.l&&!f.c)h+='<span class=\"lb\">'+f.l+'<\/span>';\n if(f.t==\"multi\"||f.t==\"single\"){h+='<div class=\"chips\" data-k=\"'+f.k+'\" data-t=\"'+f.t+'\"'+(f.l?' style=\"margin-top:0\"':'')+'>';\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+'\">'+esc(A[f.k]||'')+'<\/textarea>';\n else h+='<div><label class=\"lb\" style=\"margin-top:0\" for=\"wb-'+f.k+'\">'+f.l+(f.req?' *':'')+'<\/label><input id=\"wb-'+f.k+'\" data-k=\"'+f.k+'\" type=\"'+f.t+'\" value=\"'+esc(A[f.k]||'')+'\" autocomplete=\"'+(f.k==\"name\"?\"name\":f.k==\"email\"?\"email\":\"off\")+'\"><\/div>';\n });\n if(row)h+='<\/div>';\n $(\"wb-body\").innerHTML=h+'<\/div>';\n $(\"wb-step\").textContent=\"Step \"+(i+1)+\" \/ \"+STEPS.length;\n $(\"wb-bar\").style.width=((i+1)\/STEPS.length*100)+\"%\";\n $(\"wb-back\").style.visibility=i?\"visible\":\"hidden\";\n $(\"wb-next\").textContent=i==STEPS.length-1?\"Send brief \u2192\":\"Next \u2192\";\n $(\"wb-err\").textContent=\"\";\n}\nfunction collect(){$(\"wb-body\").querySelectorAll(\"[data-k]\").forEach(function(e){\n if(e.classList.contains(\"chips\")){var v=[].map.call(e.querySelectorAll(\"[aria-pressed=true]\"),function(b){return b.textContent});A[e.dataset.k]=e.dataset.t==\"multi\"?v:(v[0]||\"\")}\n else A[e.dataset.k]=e.value.trim()})}\nfunction check(){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.\"}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){$(\"wb-wiz\").hidden=true;$(\"wb-done\").hidden=false;if(msg)$(\"wb-donetxt\").textContent=msg}\nfunction send(){\n var nb=$(\"wb-next\");nb.disabled=true;nb.textContent=\"Sending\u2026\";$(\"wb-err\").textContent=\"\";\n var payload=JSON.stringify(Object.assign({service:\"Film & Video\",page:location.href,brief:summary()},A));\n function fail(){nb.disabled=false;nb.textContent=\"Send brief \u2192\";$(\"wb-err\").textContent=\"We couldn't send it. Please check your connection and try again, or write to \"+EMAIL+\".\"}\n fetch(ENDPOINT,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain;charset=utf-8\"},body:payload}).then(function(){done()}).catch(function(){\n try{if(navigator.sendBeacon&&navigator.sendBeacon(ENDPOINT,new Blob([payload],{type:\"text\/plain;charset=utf-8\"}))){done();return}}catch(e){}\n fail()})}\nfunction open(){if(!m)build();last=document.activeElement;A={};i=0;$(\"wb-wiz\").hidden=false;$(\"wb-done\").hidden=true;$(\"wb-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-ws-open],a[href='#brief']\");if(t){e.preventDefault();open()}});\ndocument.addEventListener(\"keydown\",function(e){if(!m||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.wsBrief={open:open,close:close};\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOSTROS \u2014 Film & Video REC \u00b7 Film & Video +Stories thathold the room.Frame by frame.[ Commercials, campaigns and visual storytelling with cinematic tension, atmosphere and a point of view. Pitch a project \u2192 Action! \u25cf REC4K \u00b7 24 FPS 00:00:00:00SCENE 03 Commercials+Campaigns[Documentary+Shorts[Brand films+Social video[ Commercials+Campaigns[Documentary+Shorts[Brand films+Social video[ Our process +From script to screen.[ Scene […]<\/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-9719","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719","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=9719"}],"version-history":[{"count":7,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719\/revisions"}],"predecessor-version":[{"id":9726,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/9719\/revisions\/9726"}],"wp:attachment":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/media?parent=9719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}