{"id":11,"date":"2021-04-13T04:00:03","date_gmt":"2021-04-13T04:00:03","guid":{"rendered":"https:\/\/mostros.co\/?page_id=11"},"modified":"2026-08-03T04:22:27","modified_gmt":"2026-08-03T04:22:27","slug":"about-creative-studio","status":"publish","type":"page","link":"https:\/\/mostros.co\/es\/about-creative-studio\/","title":{"rendered":"ABOUT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5636145 e-con-full e-flex e-con e-parent\" data-id=\"5636145\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/vimeo.com\\\/1179266062?share=copy&amp;fl=sv&amp;fe=ci&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-5dc3b56 e-con-full e-flex e-con e-child\" data-id=\"5dc3b56\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daaacf9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"daaacf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     01 \u00b7 HERO \/ INTRO\n     ========================================================= -->\n<div id=\"mstrAbout\">\n  <style>\n    #mstrAbout{\n      --white:#ffffff; --teal:#7fa9b2;\n      --orange:#d24e2b; --gold:#e9a430; --blue:#4b46b8; --yellow:#f3c40c;\n      position:relative; background:transparent; color:var(--white);\n      font-family:'Archivo',system-ui,sans-serif;\n      padding:clamp(3rem,8vw,7rem) clamp(1.4rem,6vw,6rem);\n      overflow:hidden; line-height:1.5;\n    }\n    #mstrAbout .ma-welcome{\n      font-family:'Space Mono',monospace; font-weight:700;\n      letter-spacing:.5em; text-transform:uppercase; font-size:.8rem;\n      color:var(--yellow); display:flex; align-items:center; gap:.9rem;\n      margin-bottom:1.4rem; opacity:0; animation:maFade .8s ease .1s forwards;\n    }\n    #mstrAbout .ma-welcome i{\n      width:9px; height:9px; border-radius:50%; background:var(--orange);\n      box-shadow:0 0 12px var(--orange); animation:maBlink 3.2s ease-in-out infinite;\n    }\n    #mstrAbout .ma-title{\n      font-weight:900; font-size:clamp(2.2rem,7vw,3.5rem); line-height:.9;\n      letter-spacing:-.03em; text-transform:uppercase; margin:0 0 1.4rem;\n    }\n    #mstrAbout .ma-title .ln{ display:block; overflow:hidden; }\n    #mstrAbout .ma-title .ln span{\n      display:block; transform:translateY(110%);\n      animation:maRise 1.1s cubic-bezier(.16,1,.3,1) forwards;\n    }\n    #mstrAbout .ma-title .ln:nth-child(1) span{ animation-delay:.25s; color:var(--white); }\n    #mstrAbout .ma-title .ln:nth-child(2) span{\n      animation-delay:.4s;\n      background:linear-gradient(95deg,var(--orange),var(--gold) 70%,var(--white));\n      -webkit-background-clip:text; background-clip:text; color:transparent;\n    }\n    #mstrAbout .ma-sub{\n      font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:400;\n      font-size:clamp(1.3rem,3.4vw,2.3rem); color:var(--white);\n      margin:0 0 2rem; opacity:0; animation:maFade .9s ease .7s forwards;\n    }\n    #mstrAbout .ma-sub b{ position:relative; font-style:italic; font-weight:400; color:var(--gold); white-space:nowrap; }\n    #mstrAbout .ma-sub b::after{\n      content:\"\"; position:absolute; left:-2%; right:-2%; bottom:-2px; height:42%;\n      background:var(--blue); z-index:-1; transform:scaleX(0); transform-origin:left;\n      animation:maBrush .8s cubic-bezier(.16,1,.3,1) 1.2s forwards;\n      border-radius:40% 60% 55% 45%\/60% 50% 50% 40%;\n    }\n    #mstrAbout .ma-p{\n      max-width:85ch; font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.7;\n      color:rgba(255,255,255,.78); opacity:0; animation:maFade 1s ease forwards;\n    }\n    #mstrAbout .ma-p:nth-of-type(1){ animation-delay:.95s; margin-bottom:1.1rem; }\n    #mstrAbout .ma-p:nth-of-type(2){ animation-delay:1.1s; }\n    #mstrAbout .ma-p strong{ color:var(--white); font-weight:700; }\n    #mstrAbout .ma-p em{ color:var(--orange); font-style:italic; font-family:'Fraunces',serif; }\n    @keyframes maRise{ to{ transform:translateY(0); } }\n    @keyframes maFade{ to{ opacity:1; } }\n    @keyframes maBrush{ to{ transform:scaleX(1); } }\n    @keyframes maBlink{ 0%,92%,100%{ transform:scaleY(1); opacity:1; } 96%{ transform:scaleY(.1); opacity:.4; } }\n    @media (prefers-reduced-motion:reduce){\n      #mstrAbout *{ animation-duration:.001ms !important; }\n      #mstrAbout .ma-title .ln span{ transform:none; }\n    }\n  <\/style>\n\n  <p class=\"ma-welcome\"><i><\/i> Welcome<\/p>\n\n  <h1 class=\"ma-title\">\n    <span class=\"ln\"><span>About<\/span><\/span>\n    <span class=\"ln\"><span>MOSTROS<\/span><\/span>\n  <\/h1>\n\n  <p class=\"ma-sub\">Trained by scarcity to think like people with <b>unlimited resources.<\/b><\/p>\n\n  <p class=\"ma-p\">MOSTROS is a creative technology studio working across <strong>strategy, brand identity, web and product development, SEO, digital marketing, AI &amp; automation, and creative production<\/strong> \u2014 disciplines we picked up one at a time, in service of the same original problem: how do you make a business grow faster than its budget suggests it should.<\/p>\n\n  <p class=\"ma-p\">Every project starts with the same question: what does this business actually need to <strong>grow<\/strong> \u2014 not what looks good in a portfolio. That's the only promise we make, and the only one we keep.<\/p>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3bcbf animated-slow elementor-mobile-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"ae3bcbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1200}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjQzMTQiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's build<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f0bf24 elementor-align-left animated-slow elementor-widget__width-initial elementor-absolute elementor-invisible elementor-widget elementor-widget-lottie\" data-id=\"6f0bf24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/mostros.co\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/118361-space-runner.json&quot;,&quot;id&quot;:2266,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;trigger&quot;:&quot;bind_to_scroll&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:0,&quot;motion_fx_range&quot;:&quot;viewport&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;effects_relative_to&quot;:&quot;viewport&quot;,&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aab7218 e-flex e-con-boxed e-con e-parent\" data-id=\"aab7218\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd016e8 elementor-widget elementor-widget-html\" data-id=\"cd016e8\" 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\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Mostros.co - Web Under Construction<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            background: #0a0a0a;\n            min-height: 100vh;\n        }\n        .ticker-wrap {\n            background: #0a0a0a;\n            padding: 25px 0;\n            overflow: hidden;\n            width: 100%;\n        }\n        .ticker-track {\n            display: flex;\n            width: max-content;\n            animation: ticker 160s linear infinite;\n        }\n        .ticker-wrap:hover .ticker-track {\n            animation-play-state: paused;\n        }\n        .ticker-item {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            padding: 0 50px;\n            white-space: nowrap;\n            font-family: 'Georgia', serif;\n            font-size: 12px;\n            font-style: italic;\n            font-weight: 600;\n            color: #f1f1f1;\n            letter-spacing: 0.05em;\n        }\n        .ticker-dot {\n            display: inline-block;\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: #c8a96e;\n            flex-shrink: 0;\n        }\n        @keyframes ticker {\n            0%   { transform: translateX(0); }\n            100% { transform: translateX(calc(-100% \/ 2)); }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"ticker-wrap\">\n        <div class=\"ticker-track\" id=\"ticker\"><\/div>\n    <\/div>\n    <script>\n        \/\/ Phrases to display in the ticker\n        const phrases = [\n            'Design',\n            'Technology',\n            'Strategy',\n            'Web Under Construction',\n            'Crafted Audiovisual'\n        ];\n\n        const ticker = document.getElementById('ticker');\n\n        \/\/ Build one full set of items\n        function buildItem(text) {\n            const item = document.createElement('div');\n            item.className = 'ticker-item';\n            const dot = document.createElement('span');\n            dot.className = 'ticker-dot';\n            item.appendChild(dot);\n            item.appendChild(document.createTextNode(text));\n            return item;\n        }\n\n        \/\/ Clone the full sequence many times for a seamless infinite loop\n        for (let i = 0; i < 20; i++) {\n            phrases.forEach(phrase => {\n                ticker.appendChild(buildItem(phrase));\n            });\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff1e3c4 e-con-full e-flex e-con e-parent\" data-id=\"ff1e3c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-463de5e e-con-full e-flex e-con e-child\" data-id=\"463de5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d028bd1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d028bd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6105ab5 e-flex e-con-boxed e-con e-parent\" data-id=\"6105ab5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea3278b elementor-widget elementor-widget-html\" data-id=\"ea3278b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     03 \u00b7 THE STORY\n     ========================================================= -->\n<section class=\"wwa\">\n  <style>\n    .wwa{\n      --white:#F5F4F1; --w70:rgba(245,244,241,.70); --w45:rgba(245,244,241,.45);\n      --line:rgba(245,244,241,.13); --line2:rgba(245,244,241,.22);\n      --gold:#e9a430;\n      font-family:\"Inter\",system-ui,sans-serif; color:var(--white);\n      -webkit-font-smoothing:antialiased; background:transparent;\n      max-width:1500px; margin:0 auto;\n      padding:clamp(48px,8vh,98px) clamp(16px,4vw,48px);\n    }\n    .wwa *,.wwa *::before,.wwa *::after{ box-sizing:border-box; }\n    .wwa__eyebrow{\n      font-family:\"Space Mono\",monospace; font-size:.72rem; letter-spacing:.28em;\n      text-transform:uppercase; color:var(--w45);\n      display:flex; gap:.8em; align-items:center; margin-bottom:clamp(20px,3vh,30px);\n    }\n    .wwa__eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--gold);\n      box-shadow:0 0 10px var(--gold); flex:none; }\n    .wwa__head{\n      display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);\n      gap:clamp(24px,4vw,64px); align-items:end; margin-bottom:clamp(36px,5vh,56px);\n    }\n    .wwa__title{\n      font-family:\"Archivo\",sans-serif; font-weight:800; line-height:.92;\n      letter-spacing:-.02em; text-transform:uppercase;\n      font-size:clamp(2.4rem,6vw,4rem); margin:0;\n    }\n    .wwa__title em{ font-style:normal; color:var(--gold); }\n    .wwa__intro{ font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.7; color:var(--w70); margin:0; }\n    .wwa__intro strong{ color:var(--white); font-weight:600; }\n    @media(max-width:760px){ .wwa__head{ grid-template-columns:1fr; align-items:start; } }\n    .wwa__grid{\n      display:grid; grid-template-columns:repeat(3,1fr); gap:1px;\n      background:var(--line); border:1px solid var(--line);\n    }\n    .wwa__card{\n      background:#0c0c0c; padding:clamp(22px,2.6vw,34px) clamp(18px,2.4vw,30px);\n      display:flex; flex-direction:column; gap:18px; transition:background .3s ease;\n    }\n    .wwa__card:hover{ background:#131313; }\n    .wwa__kicker{\n      font-family:\"Space Mono\",monospace; font-size:.72rem; letter-spacing:.2em;\n      text-transform:uppercase; color:var(--white);\n    }\n    .wwa__icon{\n      width:44px; height:44px; border-radius:12px; border:1px solid var(--line2);\n      display:flex; align-items:center; justify-content:center;\n      background:rgba(233,164,48,.06);\n    }\n    .wwa__icon svg{ width:22px; height:22px; fill:none; stroke:var(--gold); stroke-width:1.5;\n      stroke-linecap:round; stroke-linejoin:round; }\n    .wwa__divider{ width:100%; height:1px; background:var(--line); }\n    .wwa__lead{\n      font-family:\"Archivo\",sans-serif; font-weight:700; letter-spacing:-.01em;\n      line-height:1.2; font-size:clamp(1.05rem,1.5vw,1.3rem); color:var(--white);\n    }\n    .wwa__body{ font-size:clamp(.85rem,1vw,.92rem); line-height:1.65; color:var(--w70); }\n    .wwa__body strong{ color:var(--white); font-weight:600; }\n    .wwa__pull{\n      margin-top:clamp(32px,5vh,52px); padding-top:clamp(24px,4vh,40px);\n      border-top:1px solid var(--line);\n      font-family:\"Archivo\",sans-serif; font-weight:800; letter-spacing:-.015em;\n      line-height:1.12; font-size:clamp(1.5rem,3.4vw,2.6rem); max-width:18ch;\n    }\n    .wwa__pull em{ font-style:normal; color:var(--gold); }\n    .wwa [data-rise]{ opacity:0; transform:translateY(22px);\n      transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }\n    .wwa.is-in [data-rise]{ opacity:1; transform:none; }\n    .wwa.is-in [data-rise=\"1\"]{ transition-delay:.05s }\n    .wwa.is-in [data-rise=\"2\"]{ transition-delay:.15s }\n    .wwa.is-in [data-rise=\"3\"]{ transition-delay:.25s }\n    .wwa.is-in [data-rise=\"4\"]{ transition-delay:.35s }\n    .wwa.is-in [data-rise=\"5\"]{ transition-delay:.45s }\n    .wwa.is-in [data-rise=\"6\"]{ transition-delay:.55s }\n    @media(max-width:760px){ .wwa__grid{ grid-template-columns:1fr; } }\n    @media(prefers-reduced-motion:reduce){\n      .wwa [data-rise]{ opacity:1 !important; transform:none !important; transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"wwa__eyebrow\" data-rise=\"1\"><span class=\"dot\"><\/span> Who We Are<\/div>\n\n  <div class=\"wwa__head\">\n    <h2 class=\"wwa__title\" data-rise=\"1\">The <em>Story<\/em><\/h2>\n    <p class=\"wwa__intro\" data-rise=\"2\">\n      Mostros started in <strong>2012<\/strong>, building things with whatever tools were on hand, for clients who needed to compete with companies with ten times the budget. That's a specific skill \u2014 making a limited toolkit look like an unlimited one \u2014 and over a decade later, it's still the one we practice, now across strategy, brand, product, and marketing.\n    <\/p>\n  <\/div>\n\n  <div class=\"wwa__grid\">\n    <div class=\"wwa__card\" data-rise=\"3\">\n      <div class=\"wwa__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8.5 14.5A2.5 2.5 0 0011 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 11-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 002.5 2.5z\"\/><\/svg>\n      <\/div>\n      <span class=\"wwa__kicker\">Origin<\/span>\n      <div class=\"wwa__divider\"><\/div>\n      <p class=\"wwa__lead\">We didn't start as an agency. We started as a way of coping with limits.<\/p>\n      <p class=\"wwa__body\">No budget, no shortcuts, no first-world resources handed to us. So we stopped copying references and started asking <strong>why the reference existed at all.<\/strong><\/p>\n    <\/div>\n\n    <div class=\"wwa__card\" data-rise=\"4\">\n      <div class=\"wwa__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n      <\/div>\n      <span class=\"wwa__kicker\">How We Work<\/span>\n      <div class=\"wwa__divider\"><\/div>\n      <p class=\"wwa__lead\">Philosophy is worthless without a process that ships it.<\/p>\n      <p class=\"wwa__body\">Strategy, brand, design, engineering, and marketing move together, not in sequence \u2014 so what we build can <strong>grow with your business<\/strong> instead of getting rebuilt in 18 months.<\/p>\n    <\/div>\n\n    <div class=\"wwa__card\" data-rise=\"5\">\n      <div class=\"wwa__icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 3h12l4 6-10 13L2 9z\"\/><path d=\"M11 3 8 9l4 13 4-13-3-6\"\/><path d=\"M2 9h20\"\/><\/svg>\n      <\/div>\n      <span class=\"wwa__kicker\">What Drives Us<\/span>\n      <div class=\"wwa__divider\"><\/div>\n      <p class=\"wwa__lead\">Technique is common. A point of view isn't.<\/p>\n      <p class=\"wwa__body\">Software can be learned by anyone in a year \u2014 a genuine perspective takes a career. That's what we hire and train for, project after project.<\/p>\n    <\/div>\n  <\/div>\n\n  <p class=\"wwa__pull\" data-rise=\"6\">Constraint wasn't our disadvantage. It was our <em>training.<\/em><\/p>\n\n  <script>\n    (function(){\n      var el = document.currentScript.closest('.wwa');\n      if(!el) return;\n      if(window.matchMedia('(prefers-reduced-motion: reduce)').matches){ el.classList.add('is-in'); return; }\n      var io = new IntersectionObserver(function(e){\n        e.forEach(function(en){ if(en.isIntersecting){ el.classList.add('is-in'); io.disconnect(); } });\n      }, { threshold:0.2 });\n      io.observe(el);\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0642043 e-con-full e-flex e-con e-parent\" data-id=\"0642043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9549492 e-con-full e-flex e-con e-child\" data-id=\"9549492\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a374563 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a374563\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2df3c39 e-flex e-con-boxed e-con e-parent\" data-id=\"2df3c39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742de87 elementor-widget elementor-widget-html\" data-id=\"742de87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     02 \u00b7 VISION & MISSION\n     ========================================================= -->\n<section class=\"mvm\" id=\"mvm\">\n  <style>\n    .mvm{\n      --bg:#080808; --bg-2:#101010;\n      --white:#F5F4F1; --w-70:rgba(245,244,241,.70);\n      --w-45:rgba(245,244,241,.45); --w-26:rgba(245,244,241,.26);\n      --line:rgba(245,244,241,.13); --line-2:rgba(245,244,241,.22);\n      --gold:#e9a430;\n      --ease:cubic-bezier(.2,.7,.2,1);\n      position:relative; background:var(--bg); color:var(--white);\n      font-family:\"Inter\",system-ui,sans-serif; line-height:1.5;\n      -webkit-font-smoothing:antialiased;\n      padding:clamp(64px,11vh,140px) 0;\n    }\n    .mvm *{box-sizing:border-box;margin:0;padding:0}\n    .mvm__wrap{position:relative;max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n    .mvm [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s var(--ease)}\n    .mvm [data-rv].in{opacity:1;transform:none}\n    .mvm__eyebrow{\n      font-family:\"Space Mono\",monospace;font-size:clamp(.7rem,1.4vw,.82rem);\n      letter-spacing:.28em;text-transform:uppercase;color:var(--w-45);\n      display:flex;gap:.9em;align-items:center;margin-bottom:clamp(36px,6vh,64px);\n    }\n    .mvm__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;flex:none;box-shadow:0 0 8px var(--gold)}\n    .mvm__list{border-bottom:1px solid var(--line)}\n    .mvm__block{\n      position:relative;display:grid;grid-template-columns:230px 1fr;\n      gap:clamp(24px,5vw,80px);align-items:start;\n      padding:clamp(44px,7vh,88px) 0;border-top:1px solid var(--line);\n    }\n    .mvm__label{display:flex;flex-direction:column;gap:.85em;position:relative;padding-left:26px}\n    .mvm__node{\n      position:absolute;left:0;top:.3em;width:11px;height:11px;border-radius:50%;\n      background:var(--bg);border:1px solid var(--w-45);\n      transition:border-color .5s ease,background .5s ease,box-shadow .5s ease;\n    }\n    .mvm__block.in .mvm__node{\n      border-color:var(--gold);background:var(--gold);\n      box-shadow:0 0 0 4px rgba(233,164,48,.12),0 0 12px rgba(233,164,48,.4);\n    }\n    .mvm__idx{font-family:\"Space Mono\",monospace;font-size:.82rem;color:var(--w-45);letter-spacing:.04em}\n    .mvm__name{\n      font-family:\"Space Mono\",monospace;font-size:clamp(.86rem,1.4vw,.98rem);\n      letter-spacing:.24em;text-transform:uppercase;color:var(--white);\n    }\n    .mvm__lead{\n      font-family:\"Archivo\",sans-serif!important;font-weight:700!important;color:var(--white)!important;\n      font-size:clamp(1.75rem,3.8vw,3rem);line-height:1.08;letter-spacing:-.02em;\n      max-width:20ch;\n    }\n    .mvm__body{margin-top:clamp(20px,3vh,30px)}\n    .mvm__body p{font-size:clamp(1.04rem,1.5vw,1.2rem);color:var(--w-70);max-width:60ch}\n    .mvm__body p + p{margin-top:1.3em}\n    .mvm__body strong{color:var(--white);font-weight:600}\n    @media(max-width:760px){ .mvm__block{grid-template-columns:1fr;gap:clamp(20px,3vh,28px)} }\n    @media(prefers-reduced-motion:reduce){\n      .mvm *{transition-duration:.001s!important;animation:none!important}\n      .mvm [data-rv]{opacity:1!important;transform:none!important}\n      .mvm__block .mvm__node{border-color:var(--gold);background:var(--gold)}\n    }\n  <\/style>\n\n  <div class=\"mvm__wrap\">\n    <div class=\"mvm__eyebrow\" data-rv><span class=\"dot\"><\/span> Vision &amp; Mission<\/div>\n\n    <div class=\"mvm__list\">\n      <article class=\"mvm__block\" data-rv>\n        <div class=\"mvm__label\">\n          <span class=\"mvm__node\"><\/span>\n          <span class=\"mvm__idx\">01<\/span>\n          <span class=\"mvm__name\">Our Vision<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mvm__lead\">To prove that creativity born from necessity outperforms creativity born from abundance.<\/h2>\n          <div class=\"mvm__body\">\n            <p>We envision a studio model where the businesses with the tightest constraints get work that's indistinguishable from \u2014 or better than \u2014 what unlimited budgets produce elsewhere.<\/p>\n            <p>As a creative studio, we lead this by treating <strong>constraint as training, not disadvantage.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mvm__block\" data-rv>\n        <div class=\"mvm__label\">\n          <span class=\"mvm__node\"><\/span>\n          <span class=\"mvm__idx\">02<\/span>\n          <span class=\"mvm__name\">Our Mission<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mvm__lead\">To help ambitious businesses evolve, not just launch \u2014 with work built to survive contact with reality.<\/h2>\n          <div class=\"mvm__body\">\n            <p>We merge strategy, brand, product, SEO, marketing, and AI into systems with identity, direction, and staying power \u2014 always guided by <strong>the specific problem in front of us, not the nearest trend.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var root = document.getElementById('mvm');\n      if(!root) return;\n      var targets = root.querySelectorAll('[data-rv]');\n      if('IntersectionObserver' in window){\n        var io = new IntersectionObserver(function(entries){\n          entries.forEach(function(en){\n            if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\n          });\n        }, {threshold:0.16, rootMargin:'0px 0px -8% 0px'});\n        targets.forEach(function(el){ io.observe(el); });\n      } else {\n        targets.forEach(function(el){ el.classList.add('in'); });\n      }\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80908a5 e-flex e-con-boxed e-con e-parent\" data-id=\"80908a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a35c99 elementor-widget elementor-widget-html\" data-id=\"1a35c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--  \u2014 WHAT MAKES US DIFFERENT SECTION. #080808, Archivo + Space Mono, scroll reveals.\n       Layout: 01 \u00b7 02 \u00b7 03 on the top row, 04 \u00b7 05 centered on the bottom row.\n       Self-contained & namespaced .wmd so it won't touch your site's CSS. -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .wmd{\n    --bg:#080808;--bg-2:#101010;\n    --white:#F5F4F1;--w-70:rgba(245,244,241,.70);\n    --w-45:rgba(245,244,241,.45);--w-26:rgba(245,244,241,.26);\n    --line:rgba(245,244,241,.13);--line-2:rgba(245,244,241,.22);\n    --ease:cubic-bezier(.2,.7,.2,1);\n    position:relative;background:var(--bg);color:var(--white);\n    font-family:\"Inter\",system-ui,sans-serif;line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n    padding:clamp(64px,11vh,140px) 0;\n  }\n  .wmd *{box-sizing:border-box;margin:0;padding:0}\n  .wmd__wrap{position:relative;max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n\n  .wmd [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s var(--ease)}\n  .wmd [data-rv].in{opacity:1;transform:none}\n\n  .wmd__eyebrow{\n    font-family:\"Space Mono\",monospace;font-size:clamp(.7rem,1.4vw,.82rem);\n    letter-spacing:.28em;text-transform:uppercase;color:var(--w-45);\n    display:flex;gap:.9em;align-items:center;margin-bottom:clamp(36px,6vh,64px);\n  }\n  .wmd__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--white);display:inline-block;flex:none}\n\n  .wmd__intro{\n    max-width:72ch;\n    font-size:clamp(1.04rem,1.5vw,1.2rem);\n    color:var(--w-70);\n    margin-bottom:clamp(48px,8vh,96px);\n    line-height:1.7;\n  }\n\n  \/* ---- 6-col grid: top row = 3 cards (span 2 each), bottom row = 2 cards centered ---- *\/\n  .wmd__list{\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n    gap:clamp(16px,1.8vw,28px);\n  }\n  .wmd__block{grid-column:span 2}\n  .wmd__block:nth-child(4){grid-column:2 \/ 4}\n  .wmd__block:nth-child(5){grid-column:4 \/ 6}\n\n  .wmd__block{\n    --accent:#F5F4F1;\n    position:relative;\n    display:flex;flex-direction:column;\n    gap:clamp(14px,2vh,20px);\n    padding:clamp(24px,2.4vw,38px);\n    border:1px solid var(--line);\n    border-radius:20px;\n    background:linear-gradient(180deg,rgba(245,244,241,.025),transparent);\n    transition:border-color .5s ease,transform .55s var(--ease),box-shadow .55s ease,background .55s ease,opacity .9s ease;\n  }\n  \/* accent colour per card *\/\n  .wmd__block:nth-child(1){--accent:#fe6656}\n  .wmd__block:nth-child(2){--accent:#f4ca64}\n  .wmd__block:nth-child(3){--accent:#2845d1}\n  .wmd__block:nth-child(4){--accent:#51f0fb}\n  .wmd__block:nth-child(5){--accent:#3f577a}\n\n  \/* top accent line that draws in on hover *\/\n  .wmd__block::before{\n    content:\"\";position:absolute;top:0;left:clamp(24px,2.4vw,38px);right:clamp(24px,2.4vw,38px);height:2px;\n    background:var(--accent);border-radius:2px;\n    transform:scaleX(0);transform-origin:left;\n    transition:transform .5s var(--ease);\n  }\n  .wmd__block:hover::before{transform:scaleX(1)}\n\n  .wmd__block:hover{\n    transform:translateY(-6px);\n    border-color:color-mix(in srgb,var(--accent) 55%,transparent);\n    background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent);\n    box-shadow:0 22px 55px -22px color-mix(in srgb,var(--accent) 60%,transparent);\n  }\n\n  .wmd__top{display:flex;align-items:center;gap:16px}\n  .wmd__label{display:flex;flex-direction:column;gap:.35em}\n  .wmd__idx{font-family:\"Space Mono\",monospace;font-size:.82rem;color:var(--w-45);letter-spacing:.04em}\n  .wmd__name{\n    font-family:\"Space Mono\",monospace;font-size:clamp(.82rem,1.2vw,.94rem);\n    letter-spacing:.22em;text-transform:uppercase;color:var(--white);line-height:1.25;\n  }\n\n  .wmd__lead{\n    font-family:\"Archivo\",sans-serif;font-weight:700;color:var(--white);\n    font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.12;letter-spacing:-.02em;\n  }\n\n  .wmd__body p{font-size:clamp(.98rem,1.2vw,1.08rem);color:var(--w-70);line-height:1.7}\n  .wmd__body strong{color:var(--white);font-weight:600}\n\n  .wmd__icon{\n    width:52px;height:52px;border-radius:14px;\n    border:1px solid var(--line-2);\n    display:flex;align-items:center;justify-content:center;\n    position:relative;overflow:hidden;flex-shrink:0;\n  }\n  .wmd__icon svg{width:26px;height:26px;transition:transform .6s var(--ease)}\n\n  .wmd__block:nth-child(1) .wmd__icon{background:rgba(99,102,241,.08)}\n  .wmd__block:nth-child(1) .wmd__icon svg{stroke:#818cf8}\n  .wmd__block:nth-child(2) .wmd__icon{background:rgba(245,158,11,.08)}\n  .wmd__block:nth-child(2) .wmd__icon svg{stroke:#fbbf24}\n  .wmd__block:nth-child(3) .wmd__icon{background:rgba(16,185,129,.08)}\n  .wmd__block:nth-child(3) .wmd__icon svg{stroke:#34d399}\n  .wmd__block:nth-child(4) .wmd__icon{background:rgba(239,68,68,.08)}\n  .wmd__block:nth-child(4) .wmd__icon svg{stroke:#f87171}\n  .wmd__block:nth-child(5) .wmd__icon{background:rgba(236,72,153,.08)}\n  .wmd__block:nth-child(5) .wmd__icon svg{stroke:#f472b6}\n\n  .wmd__icon{transition:transform .5s var(--ease),border-color .5s ease,background .5s ease,box-shadow .5s ease}\n\n  @keyframes wmdGlow{0%,100%{box-shadow:0 0 16px -6px var(--accent)}50%{box-shadow:0 0 30px -2px var(--accent)}}\n\n  \/* ---- hover states (must come after the per-card colours to win) ---- *\/\n  .wmd__block:hover .wmd__icon{\n    border-color:var(--accent);\n    background:color-mix(in srgb,var(--accent) 18%,transparent);\n    transform:scale(1.06) rotate(-3deg);\n    animation:wmdGlow 1.8s ease-in-out infinite;\n  }\n  .wmd__block:hover .wmd__icon svg{stroke:var(--accent);transform:scale(1.1)}\n  .wmd__block:hover .wmd__idx{color:var(--accent)}\n  .wmd__block:hover .wmd__name{color:var(--accent)}\n  .wmd__block:hover .wmd__lead{text-shadow:0 0 26px color-mix(in srgb,var(--accent) 40%,transparent)}\n  .wmd__idx,.wmd__name,.wmd__lead{transition:color .4s ease,text-shadow .4s ease}\n\n  @keyframes draw{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}\n  @keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}\n\n  .wmd__block.in .wmd__icon svg path,\n  .wmd__block.in .wmd__icon svg circle,\n  .wmd__block.in .wmd__icon svg rect,\n  .wmd__block.in .wmd__icon svg polyline,\n  .wmd__block.in .wmd__icon svg line,\n  .wmd__block.in .wmd__icon svg polygon{\n    stroke-dasharray:200;\n    animation:draw .9s var(--ease) forwards;\n  }\n  .wmd__block.in .wmd__icon{animation:pop .55s var(--ease) forwards}\n\n  \/* ---- Tablet: 2 columns (3 + 2 stacked naturally) ---- *\/\n  @media(max-width:960px){\n    .wmd__list{grid-template-columns:repeat(2,1fr)}\n    .wmd__block,\n    .wmd__block:nth-child(4),\n    .wmd__block:nth-child(5){grid-column:auto}\n  }\n  \/* ---- Mobile: single column ---- *\/\n  @media(max-width:600px){\n    .wmd__list{grid-template-columns:1fr}\n  }\n  @media(prefers-reduced-motion:reduce){\n    .wmd *{transition-duration:.001s!important}\n    .wmd__block.in .wmd__icon,\n    .wmd__block.in .wmd__icon svg path,\n    .wmd__block.in .wmd__icon svg circle,\n    .wmd__block.in .wmd__icon svg rect,\n    .wmd__block.in .wmd__icon svg polyline,\n    .wmd__block.in .wmd__icon svg line,\n    .wmd__block.in .wmd__icon svg polygon{animation:none!important}\n    .wmd__block:hover .wmd__icon{animation:none!important;transform:none!important}\n    .wmd__block:hover{transform:none!important}\n    .wmd [data-rv]{opacity:1!important;transform:none!important}\n  }\n<\/style>\n\n<section class=\"wmd\" id=\"wmd\">\n  <div class=\"wmd__wrap\">\n\n    <div class=\"wmd__eyebrow\" data-rv><span class=\"dot\"><\/span> What Makes Us Different<\/div>\n\n    <p class=\"wmd__intro\" data-rv>Five things we won't compromise on. Not icons on a mood board \u2014 the actual rules every project runs through, because comfort, imitation, and polish-without-substance are the fastest ways to build something forgettable.<\/p>\n\n    <div class=\"wmd__list\">\n\n      <!-- 01 Strategic Thinking -->\n      <article class=\"wmd__block\" data-rv>\n        <div class=\"wmd__top\">\n          <div class=\"wmd__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"wmd__label\">\n            <span class=\"wmd__idx\">01<\/span>\n            <span class=\"wmd__name\">Strategic Thinking<\/span>\n          <\/div>\n        <\/div>\n        <h2 class=\"wmd__lead\">Comfort is where good work goes to die.<\/h2>\n        <div class=\"wmd__body\">\n          <p>The safest idea in the room is usually the least useful one. We push past the first answer because the first answer is what your competitor already tried \u2014 every project starts with the question, <strong>what's the version of this you're afraid to propose?<\/strong><\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 02 Craft & Detail -->\n      <article class=\"wmd__block\" data-rv>\n        <div class=\"wmd__top\">\n          <div class=\"wmd__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 20h9\"\/>\n              <path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"wmd__label\">\n            <span class=\"wmd__idx\">02<\/span>\n            <span class=\"wmd__name\">Craft &amp; Detail<\/span>\n          <\/div>\n        <\/div>\n        <h2 class=\"wmd__lead\">Authenticity converts better than polish.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Polished-but-generic loses to honest-but-specific, every time, because people can feel the difference. We start with <strong>your actual constraints and voice<\/strong> \u2014 not a template we reskin.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 03 Innovation -->\n      <article class=\"wmd__block\" data-rv>\n        <div class=\"wmd__top\">\n          <div class=\"wmd__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M9 18h6M10 22h4\"\/>\n              <path d=\"M12 2a7 7 0 015 11.95V17a1 1 0 01-1 1H8a1 1 0 01-1-1v-3.05A7 7 0 0112 2z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"wmd__label\">\n            <span class=\"wmd__idx\">03<\/span>\n            <span class=\"wmd__name\">Innovation<\/span>\n          <\/div>\n        <\/div>\n        <h2 class=\"wmd__lead\">We don't imitate what's trending. We ask why it's trending.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Trends are symptoms. We're interested in the cause \u2014 the shift in behavior that made the trend possible \u2014 because <strong>that's what still matters after the trend dies.<\/strong><\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 04 Performance -->\n      <article class=\"wmd__block\" data-rv>\n        <div class=\"wmd__top\">\n          <div class=\"wmd__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"wmd__label\">\n            <span class=\"wmd__idx\">04<\/span>\n            <span class=\"wmd__name\">Performance<\/span>\n          <\/div>\n        <\/div>\n        <h2 class=\"wmd__lead\">Systems outlast single launches.<\/h2>\n        <div class=\"wmd__body\">\n          <p>A great website that can't grow with your business is a great expense. We build for <strong>what you'll need in two years<\/strong>, not just what you asked for this quarter \u2014 then track how it performs after launch.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 05 Emotional Impact -->\n      <article class=\"wmd__block\" data-rv>\n        <div class=\"wmd__top\">\n          <div class=\"wmd__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"wmd__label\">\n            <span class=\"wmd__idx\">05<\/span>\n            <span class=\"wmd__name\">Emotional Impact<\/span>\n          <\/div>\n        <\/div>\n        <h2 class=\"wmd__lead\">Technique is common. Perspective is not.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Software can be learned by anyone in a year. A genuine point of view takes a career \u2014 and it's the difference between work people scroll past and work that <strong>makes them feel something.<\/strong><\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = document.getElementById('wmd');\n  if(!root) return;\n  var targets = root.querySelectorAll('[data-rv]');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\n      });\n    },{threshold:0.14,rootMargin:'0px 0px -6% 0px'});\n    targets.forEach(function(el){ io.observe(el); });\n  } else {\n    targets.forEach(function(el){ el.classList.add('in'); });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ffebe2 e-flex e-con-boxed e-con e-parent\" data-id=\"9ffebe2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82b6e1c elementor-widget elementor-widget-html\" data-id=\"82b6e1c\" 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\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Team \u2014 Mostros Creative Studio<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .tm{\n    --bg:#080808;--bg-2:#101010;\n    --white:#F5F4F1;--w-70:rgba(245,244,241,.70);\n    --w-45:rgba(245,244,241,.45);--w-26:rgba(245,244,241,.26);\n    --line:rgba(245,244,241,.13);--line-2:rgba(245,244,241,.22);\n    --ease:cubic-bezier(.2,.7,.2,1);\n    position:relative;background:var(--bg);color:var(--white);\n    font-family:\"Inter\",system-ui,sans-serif;line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n    padding:clamp(64px,11vh,140px) 0;\n  }\n  .tm *{box-sizing:border-box;margin:0;padding:0}\n  .tm__wrap{position:relative;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n\n  \/* ---- reveal ---- *\/\n  .tm [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s var(--ease)}\n  .tm [data-rv].in{opacity:1;transform:none}\n\n  \/* ---- eyebrow ---- *\/\n  .tm__eyebrow{\n    font-family:\"Space Mono\",monospace;font-size:clamp(.7rem,1.4vw,.82rem);\n    letter-spacing:.28em;text-transform:uppercase;color:var(--w-45);\n    display:flex;gap:.9em;align-items:center;margin-bottom:clamp(36px,6vh,64px);\n  }\n  .tm__eyebrow .dot{\n    width:6px;height:6px;border-radius:50%;background:var(--white);\n    display:inline-block;flex:none;\n    animation:pulse-dot 3s ease-in-out infinite;\n  }\n  @keyframes pulse-dot{\n    0%,100%{box-shadow:0 0 0 0 rgba(245,244,241,.5)}\n    50%{box-shadow:0 0 0 5px rgba(245,244,241,0)}\n  }\n\n  \/* ---- intro ---- *\/\n  .tm__intro{\n    display:grid;grid-template-columns:230px 1fr;\n    gap:clamp(24px,5vw,80px);align-items:start;\n    padding-bottom:clamp(44px,7vh,88px);\n    border-bottom:1px solid var(--line);\n  }\n  .tm__intro-lead{\n    font-family:\"Archivo\",sans-serif;font-weight:700;color:var(--white);\n    font-size:clamp(1.75rem,3.8vw,3rem);line-height:1.08;letter-spacing:-.02em;\n    max-width:20ch;margin-bottom:clamp(20px,3vh,30px);\n  }\n  .tm__intro-body p{font-size:clamp(1.04rem,1.5vw,1.2rem);color:var(--w-70);max-width:60ch}\n\n  \/* ---- sections ---- *\/\n  .tm__section{border-bottom:1px solid var(--line);padding:clamp(44px,7vh,88px) 0}\n  .tm__section-header{\n    display:grid;grid-template-columns:230px 1fr;\n    gap:clamp(24px,5vw,80px);align-items:start;\n    margin-bottom:clamp(36px,5vh,56px);\n  }\n  .tm__section-desc{font-size:clamp(1.04rem,1.5vw,1.2rem);color:var(--w-70);max-width:60ch}\n\n  \/* ---- label \/ node ---- *\/\n  .tm__label{display:flex;flex-direction:column;gap:.85em;position:relative;padding-left:26px}\n  .tm__node{\n    position:absolute;left:0;top:.3em;width:11px;height:11px;border-radius:50%;\n    background:var(--bg);border:1px solid var(--w-45);\n    transition:border-color .5s ease,background .5s ease,box-shadow .5s ease;\n  }\n  .tm__section.in .tm__node{\n    border-color:var(--white);background:var(--white);\n    box-shadow:0 0 0 4px rgba(245,244,241,.09),0 0 12px rgba(245,244,241,.4);\n  }\n  .tm__idx{font-family:\"Space Mono\",monospace;font-size:.82rem;color:var(--w-45);letter-spacing:.04em}\n  .tm__name{\n    font-family:\"Space Mono\",monospace;font-size:clamp(.86rem,1.4vw,.98rem);\n    letter-spacing:.24em;text-transform:uppercase;color:var(--white);\n  }\n\n  \/* ---- card grid ---- *\/\n  .tm__grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));\n    gap:1px;background:var(--line);\n  }\n  .tm__card{\n    background:var(--bg);\n    padding:clamp(28px,4vh,40px) clamp(20px,3vw,32px);\n    display:flex;flex-direction:column;gap:1em;\n    opacity:0;transform:translateY(20px);\n    transition:opacity .7s ease,transform .8s var(--ease),background .3s ease;\n    cursor:default;position:relative;\n  }\n  .tm__card.in{opacity:1;transform:none}\n  .tm__card:hover{background-color:var(--bg-2)}\n  .tm__card:hover .tm__avatar{border-color:var(--line-2);transform:scale(1.06)}\n  .tm__card:hover .tm__card-name{color:var(--white)}\n  .tm__card:hover .tm__card-divider{width:40px}\n  .tm__card:hover .tm__ig-link{opacity:1;transform:translateY(0)}\n\n  \/* ---- avatar ---- *\/\n  .tm__avatar{\n    width:48px;height:48px;border-radius:50%;\n    border:1px solid var(--line);\n    display:flex;align-items:center;justify-content:center;\n    font-family:\"Space Mono\",monospace;font-size:.82rem;\n    color:var(--white);letter-spacing:.04em;flex:none;\n    transition:border-color .4s ease,transform .4s var(--ease);\n    background-size:cover;background-position:center;\n  }\n  .tm__avatar[style*=\"background-image\"]{color:transparent}\n\n  \/* ---- card text ---- *\/\n  .tm__card-name{\n    font-family:\"Archivo\",sans-serif;font-weight:700;\n    font-size:clamp(1.05rem,1.6vw,1.18rem);\n    color:var(--w-70);line-height:1.1;letter-spacing:-.01em;\n    transition:color .3s ease;\n  }\n  .tm__card-divider{width:24px;height:1px;background:var(--line-2);margin:.2em 0;transition:width .4s var(--ease)}\n  .tm__card-role{\n    font-family:\"Space Mono\",monospace;font-size:.74rem;\n    letter-spacing:.16em;text-transform:uppercase;color:var(--w-45);\n  }\n\n  \/* ---- instagram ---- *\/\n  .tm__ig-link{\n    display:inline-flex;align-items:center;gap:7px;margin-top:.4em;\n    font-family:\"Space Mono\",monospace;font-size:.72rem;\n    letter-spacing:.1em;color:var(--w-45);text-decoration:none;\n    opacity:0;transform:translateY(4px);\n    transition:opacity .35s ease,transform .35s ease,color .25s ease;\n  }\n  .tm__ig-link:hover{color:var(--white)}\n  .tm__ig-link svg{\n    width:13px;height:13px;flex:none;\n    fill:none;stroke:currentColor;stroke-width:1.6;\n    stroke-linecap:round;stroke-linejoin:round;\n  }\n  .tm__card--social .tm__avatar{position:relative}\n  .tm__card--social .tm__avatar::after{\n    content:'';position:absolute;bottom:-1px;right:-1px;\n    width:14px;height:14px;border-radius:50%;\n    background:var(--bg);border:1px solid var(--line-2);\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(245,244,241,.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'\/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'\/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'\/%3E%3C\/svg%3E\");\n    background-size:9px;background-repeat:no-repeat;background-position:center;\n  }\n\n  .tm__card--photo{\n    background-size:cover;background-position:center top;\n    min-height:360px;justify-content:flex-end;\n    position:relative;overflow:hidden;\n  }\n  .tm__card--photo::before{\n    content:'';position:absolute;inset:0;\n    background:linear-gradient(180deg,rgba(8,8,8,0) 35%,rgba(8,8,8,.55) 70%,rgba(8,8,8,.92) 100%);\n    transition:background .3s ease;\n  }\n  .tm__card--photo:hover{background-color:var(--bg)}\n  .tm__card--photo:hover::before{background:linear-gradient(180deg,rgba(8,8,8,0) 20%,rgba(8,8,8,.6) 65%,rgba(8,8,8,.94) 100%)}\n  .tm__card--photo > *{position:relative;z-index:1}\n  .tm__card--photo .tm__avatar{display:none}\n  .tm__card--photo .tm__card-name{color:var(--white)}\n  .tm__card--photo:hover{transform:none}\n  .tm__card--photo .tm__card-name,\n  .tm__card--photo .tm__card-role,\n  .tm__card--photo .tm__ig-link{text-shadow:0 1px 8px rgba(0,0,0,.4)}\n  @media(max-width:760px){.tm__card--photo{min-height:300px}}\n  .tm__card--clickable{cursor:pointer}\n  .tm__card--clickable:focus-visible{outline:1px solid var(--white);outline-offset:-1px}\n\n  \/* ---- popup \/ modal ---- *\/\n  .tm__overlay{\n    position:fixed;inset:0;z-index:1000;\n    background:rgba(4,4,4,.78);\n    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\n    display:flex;align-items:center;justify-content:center;\n    padding:clamp(16px,4vw,40px);\n    opacity:0;pointer-events:none;\n    transition:opacity .35s var(--ease);\n  }\n  .tm__overlay.open{opacity:1;pointer-events:auto}\n  .tm__modal{\n    position:relative;width:100%;max-width:960px;max-height:86vh;overflow-y:auto;\n    background:var(--bg-2);border:1px solid var(--line-2);\n    display:grid;grid-template-columns:minmax(320px,42%) 1fr;\n    transform:translateY(18px) scale(.985);\n    transition:transform .4s var(--ease);\n  }\n  .tm__overlay.open .tm__modal{transform:none}\n  .tm__modal-media{\n    position:relative;min-height:100%;background:var(--bg);\n    display:flex;align-items:center;justify-content:center;\n    padding:clamp(20px,3vw,32px);\n  }\n  .tm__modal-media img{\n    width:100%;height:auto;max-height:78vh;object-fit:contain;\n    display:block;\n  }\n  .tm__modal-body{padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:1.1em}\n  .tm__modal-idx{font-family:\"Space Mono\",monospace;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--w-45)}\n  .tm__modal-name{font-family:\"Archivo\",sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.02em;color:var(--white)}\n  .tm__modal-role{font-family:\"Space Mono\",monospace;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w-45)}\n  .tm__modal-divider{width:32px;height:1px;background:var(--line-2);margin:.2em 0}\n  .tm__modal-desc{font-size:.98rem;line-height:1.65;color:var(--w-70);white-space:pre-line}\n  .tm__modal-ig{\n    display:inline-flex;align-items:center;gap:7px;margin-top:.4em;align-self:flex-start;\n    font-family:\"Space Mono\",monospace;font-size:.74rem;letter-spacing:.1em;\n    color:var(--w-45);text-decoration:none;transition:color .25s ease;\n  }\n  .tm__modal-ig:hover{color:var(--white)}\n  .tm__modal-ig svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n  .tm__modal-close{\n    position:absolute;top:16px;right:16px;width:34px;height:34px;\n    border:1px solid var(--line-2);border-radius:50%;background:var(--bg);\n    color:var(--w-70);display:flex;align-items:center;justify-content:center;\n    cursor:pointer;transition:color .25s ease,border-color .25s ease,transform .25s var(--ease);\n    z-index:1001;\n  }\n  .tm__modal-close:hover{color:var(--white);border-color:var(--white);transform:rotate(90deg)}\n  .tm__modal-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}\n\n  @media(max-width:640px){\n    .tm__modal{grid-template-columns:1fr;max-height:90vh}\n    .tm__modal-media{min-height:0;padding:28px 20px 8px;justify-content:center;align-items:center;text-align:center}\n    .tm__modal-media img{max-height:46vh;width:auto;max-width:100%;margin:0 auto;display:block}\n  }\n\n  \/* ---- responsive ---- *\/\n  @media(max-width:760px){\n    .tm__intro,.tm__section-header{grid-template-columns:1fr;gap:clamp(20px,3vh,28px)}\n    .tm__grid{grid-template-columns:repeat(2,1fr)}\n    .tm__ig-link{opacity:1;transform:none}\n  }\n  @media(max-width:460px){.tm__grid{grid-template-columns:1fr}}\n  @media(prefers-reduced-motion:reduce){\n    .tm *{transition-duration:.001s!important;animation:none!important}\n    .tm [data-rv]{opacity:1!important;transform:none!important}\n    .tm__card{opacity:1!important;transform:none!important}\n    .tm__ig-link{opacity:1!important;transform:none!important}\n    .tm__section .tm__node{border-color:var(--white);background:var(--white)}\n  }\n<\/style>\n\n<section class=\"tm\" id=\"tm\">\n  <div class=\"tm__wrap\">\n\n    <div class=\"tm__eyebrow\" data-rv><span class=\"dot\"><\/span> Team<\/div>\n\n    <div class=\"tm__intro\" data-rv>\n      <div><\/div>\n      <div>\n        <h2 class=\"tm__intro-lead\">A small studio that never inherited its capabilities \u2014 it earned every one of them.<\/h2>\n        <div class=\"tm__intro-body\">\n          <p>Shared vision, deliberately diverse skills, and the habit of shipping work that outperforms its budget.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 01 Core Team -->\n    <div class=\"tm__section\" data-rv id=\"core-section\">\n      <div class=\"tm__section-header\">\n        <div class=\"tm__label\">\n          <span class=\"tm__node\"><\/span>\n          <span class=\"tm__idx\">01<\/span>\n          <span class=\"tm__name\">Core Team<\/span>\n        <\/div>\n        <p class=\"tm__section-desc\">The nucleus \u2014 the people who shape every project from vision to delivery.<\/p>\n      <\/div>\n\n      <div class=\"tm__grid\">\n\n        <!-- Kevin -->\n        <div class=\"tm__card tm__card--social tm__card--clickable tm__card--photo\"\n             data-bio=\"kevin\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\"\n             style=\"background-image:url('https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Spectro-1.webp')\">\n          <div>\n            <div class=\"tm__card-name\">Kevin Hernandez<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">CEO \u00b7 Director<\/div>\n            <a class=\"tm__ig-link\" href=\"https:\/\/www.instagram.com\/spectro.k?igsh=ZWZveHpkMzV4N3Bv&amp;utm_source=qr\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Kevin on Instagram\" onclick=\"event.stopPropagation()\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n              @spectro.k\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Steven -->\n        <div class=\"tm__card tm__card--social tm__card--clickable tm__card--photo\"\n             data-bio=\"steven\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\"\n             style=\"background-image:url('https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Codex-Stev.png')\">\n          <div>\n            <div class=\"tm__card-name\">Steven Hernandez<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">Web \u00b7 iOS Developer<\/div>\n            <a class=\"tm__ig-link\" href=\"https:\/\/www.instagram.com\/stevencodez?igsh=MXhjZmtkcnI0cmphMg%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Steven on Instagram\" onclick=\"event.stopPropagation()\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n              @stevencodez\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Jonathan -->\n        <div class=\"tm__card tm__card--social tm__card--clickable tm__card--photo\"\n             data-bio=\"jonathan\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\"\n             style=\"background-image:url('https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Andez-1.webp')\">\n          <div>\n            <div class=\"tm__card-name\">Jonathan Hernandez<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">UIX Designer<\/div>\n            <a class=\"tm__ig-link\" href=\"https:\/\/www.instagram.com\/andez?igsh=bjh2NXR5eW55dGFm\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Jonathan on Instagram\" onclick=\"event.stopPropagation()\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n              @andez\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"tm__card\">\n          <div class=\"tm__avatar\">VA<\/div>\n          <div>\n            <div class=\"tm__card-name\">Vanesa Aponte<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">Marketing<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- 02 Extended Team -->\n    <div class=\"tm__section\" data-rv id=\"ext-section\">\n      <div class=\"tm__section-header\">\n        <div class=\"tm__label\">\n          <span class=\"tm__node\"><\/span>\n          <span class=\"tm__idx\">02<\/span>\n          <span class=\"tm__name\">Extended Team<\/span>\n        <\/div>\n        <p class=\"tm__section-desc\">Specialists who extend our reach and sharpen our edge on every front.<\/p>\n      <\/div>\n\n      <div class=\"tm__grid\">\n\n        <div class=\"tm__card\">\n          <div class=\"tm__avatar\">SA<\/div>\n          <div>\n            <div class=\"tm__card-name\">Sara Acevedo<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">Legal<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tm__card\">\n          <div class=\"tm__avatar\">JC<\/div>\n          <div>\n            <div class=\"tm__card-name\">John Carlos<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">App Developer<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tm__card\">\n          <div class=\"tm__avatar\">SL<\/div>\n          <div>\n            <div class=\"tm__card-name\">Sebastian Lopez<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">Web Designer<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tm__card\">\n          <div class=\"tm__avatar\">LU<\/div>\n          <div>\n            <div class=\"tm__card-name\">Luisa<\/div>\n            <div class=\"tm__card-divider\"><\/div>\n            <div class=\"tm__card-role\">Designer<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bio popup (single dynamic modal, reused for every team member) -->\n  <div class=\"tm__overlay\" id=\"tmOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"tmModalName\">\n    <div class=\"tm__modal\">\n      <button class=\"tm__modal-close\" id=\"tmModalClose\" aria-label=\"Close\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\"\/><line x1=\"20\" y1=\"4\" x2=\"4\" y2=\"20\"\/><\/svg>\n      <\/button>\n      <div class=\"tm__modal-media\">\n        <img decoding=\"async\" id=\"tmModalImg\" src=\"\" alt=\"\" title=\"\">\n      <\/div>\n      <div class=\"tm__modal-body\">\n        <span class=\"tm__modal-idx\" id=\"tmModalIdx\">Core Team \u00b7 01<\/span>\n        <h3 class=\"tm__modal-name\" id=\"tmModalName\">Name<\/h3>\n        <span class=\"tm__modal-role\" id=\"tmModalRole\">Role<\/span>\n        <div class=\"tm__modal-divider\"><\/div>\n        <p class=\"tm__modal-desc\" id=\"tmModalDesc\"><\/p>\n        <a class=\"tm__modal-ig\" id=\"tmModalIg\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <span id=\"tmModalIgHandle\"><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  var root = document.getElementById('tm');\n  if(!root) return;\n\n  \/* =========================================================\n     TEAM BIO DATA\n     Add\/edit entries here \u2014 every field maps straight into\n     the modal when that person's card is clicked.\n     ========================================================= *\/\n  var teamBios = {\n    kevin: {\n      section: 'Core Team',\n      idx: '01',\n      name: 'Kevin Hernandez',\n      role: 'CEO \u00b7 Director',\n      image: 'https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Spectro.webp',\n      instagram: 'https:\/\/www.instagram.com\/spectro.k?igsh=ZWZveHpkMzV4N3Bv&utm_source=qr',\n      instagramHandle: '@spectro.k',\n      desc: \"I'm Kevin Hernandez, CEO of Mostros \u2014 a creative studio built on design, development, and creative technology.\\n\\nI work across strategy, UX, and modern web development to turn ideas into products that are both compelling and functional, trained through programs like Stanford's Developing Apps for iOS, Meta's Front-End Developer Certificate, and 100 Days of Swift.\\n\\nAt Mostros, I lead every project from concept to launch \u2014 because the best digital experiences happen when thoughtful design and solid engineering work together.\"\n    },\n    steven: {\n      section: 'Core Team',\n      idx: '01',\n      name: 'Steven Hernandez',\n      role: 'Web \u00b7 iOS Developer',\n      image: 'https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Codex.webp',\n      instagram: 'https:\/\/www.instagram.com\/stevencodez?igsh=MXhjZmtkcnI0cmphMg%3D%3D',\n      instagramHandle: '@stevencodez',\n      desc: \"I'm Steven Hernandez, developer at Mostros, working across web and iOS to turn design into something that actually runs \u2014 fast, clean, and built to last.\\n\\nMy focus is the handoff between design and code: making sure every interaction, animation, and edge case holds up in the real world, not just in a mockup. I work mainly in Swift, JavaScript, and modern front-end frameworks, with an eye for performance and detail.\\n\\nFor me, good development is invisible \u2014 the user should never notice the engineering, only that everything just works.\"\n    },\n    jonathan: {\n      section: 'Core Team',\n      idx: '01',\n      name: 'Jonathan Hernandez',\n      role: 'UIX Designer',\n      image: 'https:\/\/mostros.co\/wp-content\/uploads\/2026\/07\/Andez.webp',\n      instagram: 'https:\/\/www.instagram.com\/andez?igsh=bjh2NXR5eW55dGFm',\n      instagramHandle: '@andez',\n      desc: \"I'm Jonathan Hernandez, UI\/UX designer at Mostros. I care about the small decisions \u2014 spacing, motion, hierarchy \u2014 that decide whether a product feels considered or generic.\\n\\nMy process starts with the user's actual problem, not a trend or a template, moving through wireframes, prototypes, and interface systems built to hold up across a whole product, not just one screen.\\n\\nGood design, to me, is the kind you don't notice \u2014 it just makes sense.\"\n    }\n  };\n\n  \/* ---- scroll reveal ---- *\/\n  var sections = root.querySelectorAll('[data-rv]');\n  var cards    = root.querySelectorAll('.tm__card');\n  if('IntersectionObserver' in window){\n    var sio = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){en.target.classList.add('in');sio.unobserve(en.target);}\n      });\n    },{threshold:0.12,rootMargin:'0px 0px -6% 0px'});\n    sections.forEach(function(el){sio.observe(el);});\n    var cio = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){\n          var idx=Array.prototype.indexOf.call(cards,en.target);\n          setTimeout(function(){en.target.classList.add('in');},(idx%4)*90);\n          cio.unobserve(en.target);\n        }\n      });\n    },{threshold:0.1,rootMargin:'0px 0px -4% 0px'});\n    cards.forEach(function(el){cio.observe(el);});\n  } else {\n    sections.forEach(function(el){el.classList.add('in');});\n    cards.forEach(function(el){el.classList.add('in');});\n  }\n\n  \/* ---- bio popup (dynamic, works for any data-bio card) ---- *\/\n  var overlay   = document.getElementById('tmOverlay');\n  var closeBtn  = document.getElementById('tmModalClose');\n  var modalImg  = document.getElementById('tmModalImg');\n  var modalIdx  = document.getElementById('tmModalIdx');\n  var modalName = document.getElementById('tmModalName');\n  var modalRole = document.getElementById('tmModalRole');\n  var modalDesc = document.getElementById('tmModalDesc');\n  var modalIg   = document.getElementById('tmModalIg');\n  var modalIgH  = document.getElementById('tmModalIgHandle');\n  var lastFocused = null;\n\n  function openModal(key){\n    var d = teamBios[key];\n    if(!d) return;\n    modalImg.src = d.image;\n    modalImg.alt = d.name;\n    modalIdx.textContent = d.section + ' \u00b7 ' + d.idx;\n    modalName.textContent = d.name;\n    modalRole.textContent = d.role;\n    modalDesc.textContent = d.desc;\n    modalIg.href = d.instagram;\n    modalIgH.textContent = d.instagramHandle;\n\n    lastFocused = document.activeElement;\n    overlay.classList.add('open');\n    document.body.style.overflow = 'hidden';\n    closeBtn.focus();\n  }\n  function closeModal(){\n    overlay.classList.remove('open');\n    document.body.style.overflow = '';\n    if(lastFocused) lastFocused.focus();\n  }\n\n  var triggers = root.querySelectorAll('[data-bio]');\n  triggers.forEach(function(trigger){\n    var key = trigger.getAttribute('data-bio');\n    trigger.addEventListener('click', function(){ openModal(key); });\n    trigger.addEventListener('keydown', function(e){\n      if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); openModal(key); }\n    });\n  });\n\n  closeBtn.addEventListener('click', closeModal);\n  overlay.addEventListener('click', function(e){\n    if(e.target === overlay) closeModal();\n  });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && overlay.classList.contains('open')) closeModal();\n  });\n})();\n<\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd00ce9 e-con-full e-flex e-con e-parent\" data-id=\"bd00ce9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ea45793 e-con-full e-flex e-con e-child\" data-id=\"ea45793\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd47ff1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"dd47ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ece60de e-flex e-con-boxed e-con e-parent\" data-id=\"ece60de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d1d3a6 elementor-widget elementor-widget-html\" data-id=\"3d1d3a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     05 \u00b7 OUR WORK PROCESS\n     (colors simplified to one gold accent, no per-card rainbow)\n     ========================================================= -->\n<section class=\"owp\">\n  <style>\n    .owp {\n      --bg: #0b0b0b; --bg2: #111111;\n      --white: #F5F4F1; --w70: rgba(245,244,241,.70); --w45: rgba(245,244,241,.45);\n      --line: rgba(245,244,241,.13); --line2: rgba(245,244,241,.22);\n      --gold:#e9a430;\n      --ease: cubic-bezier(.2,.7,.2,1);\n      font-family: \"Inter\", system-ui, sans-serif;\n      background: var(--bg); color: var(--white);\n      -webkit-font-smoothing: antialiased;\n      padding: clamp(48px, 8vh, 98px) clamp(16px, 4vw, 48px);\n    }\n    .owp *{ box-sizing:border-box; }\n    .owp__eyebrow {\n      font-family: \"Space Mono\", monospace; font-size: .72rem; letter-spacing: .28em;\n      text-transform: uppercase; color: var(--w45);\n      display: flex; gap: .8em; align-items: center; margin-bottom: clamp(28px, 5vh, 48px);\n    }\n    .owp__eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow:0 0 8px var(--gold); flex: none; }\n    .owp__grid {\n      display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px;\n      background: var(--line); border: 1px solid var(--line);\n    }\n    .owp__card {\n      background: var(--bg); padding: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px);\n      display: flex; flex-direction: column; gap: 20px; transition: background .3s ease;\n    }\n    .owp__card:hover { background: var(--bg2); }\n    .owp__top { display: flex; flex-direction: column; gap: 10px; }\n    .owp__idx { font-family: \"Space Mono\", monospace; font-size: .75rem; color: var(--w45); letter-spacing: .04em; }\n    .owp__icon {\n      width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line2);\n      display: flex; align-items: center; justify-content: center;\n      background: rgba(233,164,48,.06);\n    }\n    .owp__icon svg { width: 22px; height: 22px; stroke: var(--gold); }\n    .owp__name { font-family: \"Space Mono\", monospace; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--white); }\n    .owp__divider { width: 100%; height: 1px; background: var(--line); }\n    .owp__lead { font-family: \"Archivo\", sans-serif; font-weight: 700; font-size: clamp(.95rem, 1.3vw, 1.15rem); line-height: 1.2; letter-spacing: -.01em; color: var(--white); }\n    .owp__body { font-size: clamp(.8rem, 1vw, .88rem); color: var(--w70); line-height: 1.65; }\n    .owp__body strong { color: var(--white); font-weight: 600; }\n    .owp__connector { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 4px; }\n    .owp__dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--w45); flex: none; }\n    .owp__line-h { flex: 1; height: 1px; background: var(--line2); }\n    .owp__arrow { color: var(--w45); font-size: .7rem; flex: none; }\n    @media (max-width: 900px) and (min-width: 601px) { .owp__grid { grid-template-columns: repeat(3, 1fr); } }\n    @media (max-width: 600px) { .owp__grid { grid-template-columns: 1fr; } }\n  <\/style>\n\n  <div class=\"owp__eyebrow\"><span class=\"dot\"><\/span> Our Work Process<\/div>\n  <div class=\"owp__grid\">\n\n    <div class=\"owp__card\">\n      <div class=\"owp__top\">\n        <span class=\"owp__idx\">01<\/span>\n        <div class=\"owp__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Discovery<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Before we open any software, we study.<\/p>\n      <p class=\"owp__body\">Your business, your customers, and the category norms everyone else is copying \u2014 hunting for <strong>the assumption worth breaking.<\/strong><\/p>\n      <div class=\"owp__connector\"><div class=\"owp__dot\"><\/div><div class=\"owp__line-h\"><\/div><span class=\"owp__arrow\">\u2192<\/span><\/div>\n    <\/div>\n\n    <div class=\"owp__card\">\n      <div class=\"owp__top\">\n        <span class=\"owp__idx\">02<\/span>\n        <div class=\"owp__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 18h6M10 22h4\"\/><path d=\"M12 2a7 7 0 015 11.95V17a1 1 0 01-1 1H8a1 1 0 01-1-1v-3.05A7 7 0 0112 2z\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Strategy<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">We stress-test the obvious solution.<\/p>\n      <p class=\"owp__body\">Against your actual goals \u2014 growth, perception, revenue, retention \u2014 until only the version that <strong>earns its place<\/strong> survives.<\/p>\n      <div class=\"owp__connector\"><div class=\"owp__dot\"><\/div><div class=\"owp__line-h\"><\/div><span class=\"owp__arrow\">\u2192<\/span><\/div>\n    <\/div>\n\n    <div class=\"owp__card\">\n      <div class=\"owp__top\">\n        <span class=\"owp__idx\">03<\/span>\n        <div class=\"owp__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Brand &amp; Design<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Strategy and brand move together, not in sequence.<\/p>\n      <p class=\"owp__body\">Every detail is <strong>intentional and built to communicate<\/strong> \u2014 a system, not a one-off page.<\/p>\n      <div class=\"owp__connector\"><div class=\"owp__dot\"><\/div><div class=\"owp__line-h\"><\/div><span class=\"owp__arrow\">\u2192<\/span><\/div>\n    <\/div>\n\n    <div class=\"owp__card\">\n      <div class=\"owp__top\">\n        <span class=\"owp__idx\">04<\/span>\n        <div class=\"owp__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Build<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Engineering built to grow, not to be rebuilt.<\/p>\n      <p class=\"owp__body\"><strong>Function meets artistry<\/strong> \u2014 sites, software, and marketing systems built to absorb what comes next instead of a redesign in 18 months.<\/p>\n      <div class=\"owp__connector\"><div class=\"owp__dot\"><\/div><div class=\"owp__line-h\"><\/div><span class=\"owp__arrow\">\u2192<\/span><\/div>\n    <\/div>\n\n    <div class=\"owp__card\">\n      <div class=\"owp__top\">\n        <span class=\"owp__idx\">05<\/span>\n        <div class=\"owp__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\"\/>\n            <path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\"\/>\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Launch &amp; Grow<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Launch is a checkpoint, not a finish line.<\/p>\n      <p class=\"owp__body\">SEO, marketing, and automation turn on from day one. We track how the work performs and <strong>adapt it \u2014 the same way we'd adapt to any constraint.<\/strong><\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dcf968 e-con-full e-flex e-con e-parent\" data-id=\"5dcf968\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ceb42c2 e-con-full e-flex e-con e-child\" data-id=\"ceb42c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-080aa4c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"080aa4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef16d57 e-flex e-con-boxed e-con e-parent\" data-id=\"ef16d57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe3642 elementor-widget elementor-widget-html\" data-id=\"cbe3642\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     06 \u00b7 MANIFESTO (closing statement)\n     ========================================================= -->\n<section class=\"mf\" id=\"mf\">\n  <style>\n    .mf{\n      --bg:#080808;--bg-2:#101010;\n      --white:#F5F4F1;--w-70:rgba(245,244,241,.70);\n      --w-45:rgba(245,244,241,.45);--w-26:rgba(245,244,241,.26);\n      --line:rgba(245,244,241,.13);--line-2:rgba(245,244,241,.22);\n      --gold:#e9a430;\n      --ease:cubic-bezier(.2,.7,.2,1);\n      position:relative;background:var(--bg);color:var(--white);\n      font-family:\"Inter\",system-ui,sans-serif;line-height:1.5;\n      -webkit-font-smoothing:antialiased;\n      padding:clamp(64px,11vh,140px) 0;\n    }\n    .mf *{box-sizing:border-box;margin:0;padding:0}\n    .mf__wrap{position:relative;max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n    .mf [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s var(--ease)}\n    .mf [data-rv].in{opacity:1;transform:none}\n    .mf__eyebrow{\n      font-family:\"Space Mono\",monospace;font-size:clamp(.7rem,1.4vw,.82rem);\n      letter-spacing:.28em;text-transform:uppercase;color:var(--w-45);\n      display:flex;gap:.9em;align-items:center;margin-bottom:clamp(36px,6vh,64px);\n    }\n    .mf__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;flex:none;box-shadow:0 0 8px var(--gold)}\n    .mf__list{border-bottom:1px solid var(--line)}\n    .mf__block{\n      position:relative;display:grid;grid-template-columns:230px 1fr;\n      gap:clamp(24px,5vw,80px);align-items:start;\n      padding:clamp(44px,7vh,88px) 0;border-top:1px solid var(--line);\n    }\n    .mf__label{display:flex;flex-direction:column;gap:.85em;position:relative;padding-left:26px}\n    .mf__node{\n      position:absolute;left:0;top:.3em;width:11px;height:11px;border-radius:50%;\n      background:var(--bg);border:1px solid var(--w-45);\n      transition:border-color .5s ease,background .5s ease,box-shadow .5s ease;\n    }\n    .mf__block.in .mf__node{\n      border-color:var(--gold);background:var(--gold);\n      box-shadow:0 0 0 4px rgba(233,164,48,.12),0 0 12px rgba(233,164,48,.4);\n    }\n    .mf__tag{ font-family:\"Space Mono\",monospace;font-size:.82rem; color:var(--w-45);letter-spacing:.04em; }\n    .mf__name{\n      font-family:\"Space Mono\",monospace;font-size:clamp(.86rem,1.4vw,.98rem);\n      letter-spacing:.24em;text-transform:uppercase;color:var(--white);\n    }\n    .mf__lead{\n      font-family:\"Archivo\",sans-serif;font-weight:700;color:var(--white);\n      font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.08;letter-spacing:-.02em;\n      max-width:22ch;margin-bottom:clamp(16px,2.5vh,24px);\n    }\n    .mf__body p{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--w-70);max-width:60ch;line-height:1.7}\n    .mf__body p+p{margin-top:1.3em}\n    .mf__body strong{color:var(--white);font-weight:600}\n    .mf__close{ padding-top:clamp(64px,10vh,120px); border-top:1px solid var(--line); margin-top:0; }\n    .mf__close-line{\n      font-family:\"Archivo\",sans-serif;font-weight:700;\n      font-size:clamp(1.75rem,3.8vw,3rem);line-height:1.08;\n      letter-spacing:-.02em;color:var(--white);max-width:20ch;\n      margin-bottom:clamp(16px,2.5vh,24px);\n    }\n    .mf__close-line em{font-style:italic;color:var(--gold)}\n    .mf__close-tag{ font-family:\"Space Mono\",monospace;font-size:.82rem; letter-spacing:.04em;color:var(--w-45); }\n    @media(max-width:760px){ .mf__block{grid-template-columns:1fr;gap:clamp(16px,2vh,24px)} }\n    @media(prefers-reduced-motion:reduce){\n      .mf *{transition-duration:.001s!important;animation:none!important}\n      .mf [data-rv]{opacity:1!important;transform:none!important}\n      .mf__block .mf__node{border-color:var(--gold);background:var(--gold)}\n    }\n  <\/style>\n\n  <div class=\"mf__wrap\">\n    <div class=\"mf__eyebrow\" data-rv><span class=\"dot\"><\/span> Manifesto<\/div>\n\n    <div class=\"mf__list\">\n      <article class=\"mf__block\" data-rv>\n        <div class=\"mf__label\">\n          <span class=\"mf__node\"><\/span><span class=\"mf__tag\">Origin<\/span><span class=\"mf__name\">Who<br>We Are<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">We were trained by scarcity to think like people with unlimited resources.<\/h2>\n          <div class=\"mf__body\">\n            <p>Mostros builds first-world-caliber digital work from a studio that had to earn every capability instead of inheriting it. That constraint isn't a disadvantage we work around \u2014 <strong>it's the training that shapes how we solve every problem.<\/strong><\/p>\n            <p>We don't create to decorate. We create to make a limited toolkit look like an unlimited one.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mf__block\" data-rv>\n        <div class=\"mf__label\">\n          <span class=\"mf__node\"><\/span><span class=\"mf__tag\">Refusals<\/span><span class=\"mf__name\">What We<br>Reject<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">We build reputations by saying no.<\/h2>\n          <div class=\"mf__body\">\n            <p>We refuse the safest idea in the room, because the safest idea is usually the one your competitor already tried. We reject copying the reference instead of asking why it exists \u2014 and imitating what's trending instead of asking why it's trending.<\/p>\n            <p>Creativity shouldn't exist to fill space \u2014 <strong>it should hold up under real business pressure, not just look good in a deck.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mf__block\" data-rv>\n        <div class=\"mf__label\">\n          <span class=\"mf__node\"><\/span><span class=\"mf__tag\">Belief<\/span><span class=\"mf__name\">How We<br>Think<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">Anyone can learn the software. Perspective can't be downloaded.<\/h2>\n          <div class=\"mf__body\">\n            <p>Technique is common \u2014 a genuine point of view takes a career, and constraint is what forges it. Strategy, brand, technology, and marketing aren't separate disciplines to us; they're tools for solving the same original problem.<\/p>\n            <p><strong>True innovation isn't loud. It's earned, deliberate, and grounded in what your business actually needs.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mf__block\" data-rv>\n        <div class=\"mf__label\">\n          <span class=\"mf__node\"><\/span><span class=\"mf__tag\">Identity<\/span><span class=\"mf__name\">What We<br>Build<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">Systems built to evolve, not files handed off at launch.<\/h2>\n          <div class=\"mf__body\">\n            <p>Strategists, designers, builders, and marketers working under one roof \u2014 brand, web and product development, SEO, digital marketing, AI &amp; automation, creative production, and custom software, each one another tool for the same job.<\/p>\n            <p>We are not a factory. We are not trend followers. <strong>Every project we build carries a rationale, a system behind it, and a way to keep growing after launch.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"mf__close\" data-rv>\n      <h2 class=\"mf__close-line\">We are not a factory.<br><em>We are Mostros.<\/em><\/h2>\n      <p class=\"mf__close-tag\">About Creative Studio<\/p>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var root = document.getElementById('mf');\n      if(!root) return;\n      var targets = root.querySelectorAll('[data-rv]');\n      if('IntersectionObserver' in window){\n        var io = new IntersectionObserver(function(entries){\n          entries.forEach(function(en){\n            if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\n          });\n        },{threshold:0.14,rootMargin:'0px 0px -6% 0px'});\n        targets.forEach(function(el){ io.observe(el); });\n      } else {\n        targets.forEach(function(el){ el.classList.add('in'); });\n      }\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c51b2af e-con-full e-flex e-con e-parent\" data-id=\"c51b2af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0afb744 e-con-full e-flex e-con e-child\" data-id=\"0afb744\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b28d7a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2b28d7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46deb18 e-con-full e-flex e-con e-parent\" data-id=\"46deb18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67b3738 e-con-full e-flex e-con e-child\" data-id=\"67b3738\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c81c54 elementor-widget elementor-widget-heading\" data-id=\"6c81c54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">We believe results speak louder than words \u2014 and our work proves it.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c77e968 elementor-grid-3 elementor-grid-mobile-2 elementor-grid-tablet-2 elementor-widget elementor-widget-loop-grid\" data-id=\"c77e968\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:&quot;2790&quot;,&quot;columns&quot;:3,&quot;columns_mobile&quot;:2,&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;masonry&quot;:&quot;yes&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.03,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.03,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.03,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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>\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f20c86 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4f20c86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mostros.co\/portfolio\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Load more <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2156ef8 e-flex e-con-boxed e-con e-parent\" data-id=\"2156ef8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c578d23 elementor-widget elementor-widget-video\" data-id=\"c578d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"Reproductor de v\u00eddeo vimeo\" src=\"https:\/\/player.vimeo.com\/video\/1179271692?color&amp;autopause=0&amp;loop=0&amp;muted=1&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff8fec1 e-con-full e-flex e-con e-parent\" data-id=\"ff8fec1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-81a2070 e-con-full e-flex e-con e-child\" data-id=\"81a2070\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cac4556 elementor-widget elementor-widget-heading\" data-id=\"cac4556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Our promise is simple: we transform concepts into tangible realities and brands into inevitable references. What we create is designed to endure. What we build is meant to matter.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e764ac elementor-widget elementor-widget-text-editor\" data-id=\"4e764ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"4814\" data-end=\"4947\">Mostros is rebellious with purpose, strategic with soul, and visionary with discipline. We speak to awaken, connect, and transform.<\/p>\n<p data-start=\"4949\" data-end=\"5090\">If you believe creativity should generate impact, if you are ready to build with courage and clarity, then we are ready to create with you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-177fad1 elementor-widget elementor-widget-heading\" data-id=\"177fad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WELCOME TO MOSTROS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bcad97 e-con-full e-flex e-con e-parent\" data-id=\"9bcad97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e04125 e-con-full e-flex e-con e-child\" data-id=\"1e04125\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cac5c18 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cac5c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa1618f e-flex e-con-boxed e-con e-parent\" data-id=\"fa1618f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0318c83 e-con-full e-flex e-con e-child\" data-id=\"0318c83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e52d7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48e52d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">LET'S CREATE SOMETHING MEANINGFUL<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df566ea elementor-widget elementor-widget-heading\" data-id=\"df566ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">If you believe ideas can shape culture and create impact, we're ready to\ncollaborate.<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5a3de animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"9d5a3de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1200}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjQzMTQiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's build<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebbb121 e-con-full e-flex e-con e-child\" data-id=\"ebbb121\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9bb369 elementor-button-align-start elementor-widget elementor-widget-form\" data-id=\"a9bb369\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Contact Home\" aria-label=\"Contact Home\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"11\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a9bb369\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"About Creative Studio MOSTROS \u2014 7 Powerful Principles - Define Us\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"11\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tIdea\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"3\" placeholder=\"Idea of project\"><\/textarea>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm elementor-animation-grow\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">START<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome About MOSTROS Trained by scarcity to think like people with unlimited resources. MOSTROS is a creative technology studio working across strategy, brand identity, web and product development, SEO, digital marketing, AI &amp; automation, and creative production \u2014 disciplines we picked up one at a time, in service of the same original problem: how do [&hellip;]<\/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-11","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/11","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=11"}],"version-history":[{"count":509,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":9212,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/11\/revisions\/9212"}],"wp:attachment":[{"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}