{"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-07-01T22:03:28","modified_gmt":"2026-07-01T22:03:28","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<!-- ===== MOSTROS \u00b7 About intro (paste anywhere) ===== -->\n<div id=\"mstrAbout\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@500;700;900&family=Space+Mono:wght@400;700&family=Fraunces:ital@1&display=swap');\n\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\n    \/* eyebrow *\/\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\n    \/* headline \u2014 3.5rem cap *\/\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\n    \/* subhead + brush underline *\/\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\n    \/* body copy *\/\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\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\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\">Our approach as a <b>creative studio.<\/b><\/p>\n\n  <p class=\"ma-p\">MOSTROS is a creative studio focused on building <strong>digital products, websites, and visual experiences.<\/strong><\/p>\n\n  <p class=\"ma-p\">Our promise is simple: we transform concepts into tangible realities and brands into <em>inevitable references.<\/em> What we create is designed to <strong>endure.<\/strong> What we build is meant to <strong>matter.<\/strong><\/p>\n<\/div>\n<!-- ===== \/MOSTROS ===== -->\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<!-- ===== MOSTROS \u00b7 The Story (paste anywhere) ===== -->\n<section class=\"wwa\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800;900&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');\n\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      --surface:rgba(245,244,241,.018);\n      --orange:#d24e2b; --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\n    \/* header *\/\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(--orange);\n      box-shadow:0 0 10px var(--orange); 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;\n      background:linear-gradient(95deg,var(--orange),var(--gold) 80%);\n      -webkit-background-clip:text; background-clip:text; color:transparent; }\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\n    \/* grid *\/\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\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    }\n    .wwa__icon svg{ width:22px; height:22px; fill:none; stroke-width:1.5;\n      stroke-linecap:round; stroke-linejoin:round; }\n    .wwa__card:nth-child(1) .wwa__icon{ background:rgba(99,102,241,.08); }\n    .wwa__card:nth-child(1) .wwa__icon svg{ stroke:#818cf8; }\n    .wwa__card:nth-child(2) .wwa__icon{ background:rgba(245,158,11,.08); }\n    .wwa__card:nth-child(2) .wwa__icon svg{ stroke:#fbbf24; }\n    .wwa__card:nth-child(3) .wwa__icon{ background:rgba(16,185,129,.08); }\n    .wwa__card:nth-child(3) .wwa__icon svg{ stroke:#34d399; }\n\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\n    \/* closing pull line *\/\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;\n      background:linear-gradient(95deg,var(--orange),var(--gold) 80%);\n      -webkit-background-clip:text; background-clip:text; color:transparent; }\n\n    \/* reveal *\/\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\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 <strong>15 years ago<\/strong> from a simple discomfort \u2014 seeing creativity reduced to trends, speed, and empty aesthetics. We knew ideas deserved <strong>more care, more courage, and more meaning.<\/strong>\n    <\/p>\n  <\/div>\n\n  <div class=\"wwa__grid\">\n\n    <!-- Origin -->\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\">It started with a discomfort.<\/p>\n      <p class=\"wwa__body\">Creativity had been reduced to trends and speed. We believed ideas deserved <strong>more care, courage, and meaning<\/strong> than that.<\/p>\n    <\/div>\n\n    <!-- How we work -->\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\">Collaboratively, consciously, with soul.<\/p>\n      <p class=\"wwa__body\">We're not a content factory or a trend machine. We're <strong>thinkers, makers, and visionaries<\/strong> who build with purpose \u2014 and believe every project should leave a mark.<\/p>\n    <\/div>\n\n    <!-- What drives us -->\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\">Creation is a craft.<\/p>\n      <p class=\"wwa__body\">When <strong>art, technology, and human intention<\/strong> come together, they move people, shift perspectives, and build culture.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <p class=\"wwa__pull\" data-rise=\"6\">We create to challenge the ordinary \u2014 and to bring <em>bold visions into reality.<\/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>\n<!-- ===== \/MOSTROS Story ===== -->\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<!--  \u2014 VISION & MISSION SECTION. #080808, Archivo + Space Mono, scroll reveals.\n       Self-contained & namespaced .mvm so it won't touch your site's CSS.\n       Paste this whole block into your page. -->\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  .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    --ease:cubic-bezier(.2,.7,.2,1);\n\n    position:relative;\n    background:var(--bg);\n    color:var(--white);\n    font-family:\"Inter\",system-ui,sans-serif;\n    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\n  .mvm__wrap{position:relative;max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n\n  \/* ---- reveal utility ---- *\/\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\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(--white);display:inline-block;flex:none}\n\n  \/* ---- blocks ---- *\/\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\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(--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  .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\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\n  @media(max-width:760px){\n    .mvm__block{grid-template-columns:1fr;gap:clamp(20px,3vh,28px)}\n  }\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(--white);background:var(--white)}\n  }\n<\/style>\n\n<section class=\"mvm\" id=\"mvm\">\n  <div class=\"mvm__wrap\">\n\n    <div class=\"mvm__eyebrow\" data-rv><span class=\"dot\"><\/span> Vision &amp; Mission<\/div>\n\n    <div class=\"mvm__list\">\n\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 lead a new era of creative collaboration where art, innovation, and ecological awareness coexist.<\/h2>\n          <div class=\"mvm__body\">\n            <p>We envision a world where brands and projects are built with soul, courage, and responsibility \u2014 shaping culture while contributing to a more conscious and regenerative future.<\/p>\n            <p>As a creative studio, we aim to lead this evolution through <strong>intentional design, innovation, and collaboration.<\/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 transform ideas into meaningful, tangible experiences that inspire, connect, and endure.<\/h2>\n          <div class=\"mvm__body\">\n            <p>We merge strategy, creativity, and technology to build brands and projects with identity, direction, and cultural impact \u2014 always guided by <strong>authenticity and conscious creation.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\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>\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>What defines us is our approach: collaborative, conscious, and deeply intentional. As About Creative Studio, we are not a content factory nor a trend-driven machine \u2014 we are thinkers, makers, and visionaries who craft with purpose. Every project is an opportunity to create something meaningful and lasting.<\/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\">We lead with purpose before aesthetics.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Every decision is rooted in strategy. We map the why before the how \u2014 aligning creative direction with <strong>long-term goals, cultural resonance, and real impact<\/strong> from the very first conversation.<\/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\">Obsession with the details others overlook.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Great work lives in the margins. We obsess over every curve, every word, every transition \u2014 because <strong>the details are where trust is earned<\/strong> and where ordinary becomes extraordinary.<\/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\">Curiosity as a creative engine.<\/h2>\n        <div class=\"wmd__body\">\n          <p>We don't follow trends \u2014 we study them, question them, and build beyond them. Our process is a constant search for <strong>new forms, new tools, and new ways<\/strong> to make ideas come alive.<\/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\">Beauty that delivers measurable results.<\/h2>\n        <div class=\"wmd__body\">\n          <p>Aesthetics without results is decoration. We build creative work that <strong>moves people to act<\/strong> \u2014 tracking outcomes, refining systems, and ensuring every project earns its place in the world.<\/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\">Work that resonates long after first contact.<\/h2>\n        <div class=\"wmd__body\">\n          <p>The most powerful brands don't just communicate \u2014 they <strong>make people feel something<\/strong>. We design for emotional truth: the moment someone encounters your work and thinks, <em>this was made for me.<\/em><\/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(220px,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: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  }\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  \/* ---- 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 tight creative unit built on trust, craft, and collaboration.<\/h2>\n        <div class=\"tm__intro-body\">\n          <p>A culture of shared vision, diverse skills, and bold execution defines how we work.<\/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        <div class=\"tm__card tm__card--social\">\n          <div class=\"tm__avatar\">KH<\/div>\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\">\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        <div class=\"tm__card tm__card--social\">\n          <div class=\"tm__avatar\">SH<\/div>\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\">\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        <div class=\"tm__card tm__card--social\">\n          <div class=\"tm__avatar\">JH<\/div>\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\">\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<\/section>\n\n<script>\n(function(){\n  var root = document.getElementById('tm');\n  if(!root) return;\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<\/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-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<!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>Our Work Process<\/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@700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  body { background: #0b0b0b; }\n\n  .owp {\n    --bg: #0b0b0b;\n    --bg2: #111111;\n    --white: #F5F4F1;\n    --w70: rgba(245,244,241,.70);\n    --w45: rgba(245,244,241,.45);\n    --line: rgba(245,244,241,.13);\n    --line2: rgba(245,244,241,.22);\n    --ease: cubic-bezier(.2,.7,.2,1);\n    font-family: \"Inter\", system-ui, sans-serif;\n    background: var(--bg);\n    color: var(--white);\n    -webkit-font-smoothing: antialiased;\n    padding: clamp(48x, 8vh, 98px) clamp(16px, 4vw, 48px);\n  }\n\n  .owp__eyebrow {\n    font-family: \"Space Mono\", monospace;\n    font-size: .72rem;\n    letter-spacing: .28em;\n    text-transform: uppercase;\n    color: var(--w45);\n    display: flex;\n    gap: .8em;\n    align-items: center;\n    margin-bottom: clamp(28px, 5vh, 48px);\n  }\n  .owp__eyebrow .dot {\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--white);\n    flex: none;\n  }\n\n  .owp__grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 1px;\n    background: var(--line);\n    border: 1px solid var(--line);\n  }\n\n  .owp__card {\n    background: var(--bg);\n    padding: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    transition: background .3s ease;\n  }\n  .owp__card:hover { background: var(--bg2); }\n\n  .owp__top {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .owp__idx {\n    font-family: \"Space Mono\", monospace;\n    font-size: .75rem;\n    color: var(--w45);\n    letter-spacing: .04em;\n  }\n\n  .owp__icon {\n    width: 44px; height: 44px;\n    border-radius: 12px;\n    border: 1px solid var(--line2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .owp__icon svg { width: 22px; height: 22px; }\n\n  .owp__card:nth-child(1) .owp__icon { background: rgba(99,102,241,.08); }\n  .owp__card:nth-child(1) .owp__icon svg { stroke: #818cf8; }\n  .owp__card:nth-child(2) .owp__icon { background: rgba(245,158,11,.08); }\n  .owp__card:nth-child(2) .owp__icon svg { stroke: #fbbf24; }\n  .owp__card:nth-child(3) .owp__icon { background: rgba(16,185,129,.08); }\n  .owp__card:nth-child(3) .owp__icon svg { stroke: #34d399; }\n  .owp__card:nth-child(4) .owp__icon { background: rgba(239,68,68,.08); }\n  .owp__card:nth-child(4) .owp__icon svg { stroke: #f87171; }\n  .owp__card:nth-child(5) .owp__icon { background: rgba(236,72,153,.08); }\n  .owp__card:nth-child(5) .owp__icon svg { stroke: #f472b6; }\n\n  .owp__name {\n    font-family: \"Space Mono\", monospace;\n    font-size: .78rem;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: var(--white);\n  }\n\n  .owp__divider {\n    width: 100%; height: 1px;\n    background: var(--line);\n  }\n\n  .owp__lead {\n    font-family: \"Archivo\", sans-serif;\n    font-weight: 700;\n    font-size: clamp(.95rem, 1.3vw, 1.15rem);\n    line-height: 1.2;\n    letter-spacing: -.01em;\n    color: var(--white);\n  }\n\n  .owp__body {\n    font-size: clamp(.8rem, 1vw, .88rem);\n    color: var(--w70);\n    line-height: 1.65;\n  }\n  .owp__body strong { color: var(--white); font-weight: 600; }\n\n  .owp__connector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: auto;\n    padding-top: 4px;\n  }\n  .owp__dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    border: 1px solid var(--w45);\n    flex: none;\n  }\n  .owp__line-h { flex: 1; height: 1px; background: var(--line2); }\n  .owp__arrow { color: var(--w45); font-size: .7rem; flex: none; }\n\n  @media (max-width: 900px) and (min-width: 601px) {\n    .owp__grid { grid-template-columns: repeat(3, 1fr); }\n  }\n  @media (max-width: 600px) {\n    .owp__grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"owp\">\n  <div class=\"owp__eyebrow\"><span class=\"dot\"><\/span> Our Work Process<\/div>\n  <div class=\"owp__grid\">\n\n    <!-- 01 Discovery -->\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\"\/>\n            <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n            <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n            <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\">We listen, question, and understand.<\/p>\n      <p class=\"owp__body\">We dive into your vision and challenges to uncover the <strong>core truth of the project.<\/strong><\/p>\n      <div class=\"owp__connector\">\n        <div class=\"owp__dot\"><\/div>\n        <div class=\"owp__line-h\"><\/div>\n        <span class=\"owp__arrow\">\u2192<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 02 Concept -->\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\"\/>\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        <span class=\"owp__name\">Concept<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Strong ideas shaped with direction.<\/p>\n      <p class=\"owp__body\">We define the <strong>creative foundation<\/strong> \u2014 the idea architecture everything else builds upon.<\/p>\n      <div class=\"owp__connector\">\n        <div class=\"owp__dot\"><\/div>\n        <div class=\"owp__line-h\"><\/div>\n        <span class=\"owp__arrow\">\u2192<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 03 Design -->\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\"\/>\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        <span class=\"owp__name\">Design<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Visual systems that give identity to the concept.<\/p>\n      <p class=\"owp__body\">Every detail is <strong>intentional and built to communicate<\/strong> \u2014 form follows purpose.<\/p>\n      <div class=\"owp__connector\">\n        <div class=\"owp__dot\"><\/div>\n        <div class=\"owp__line-h\"><\/div>\n        <span class=\"owp__arrow\">\u2192<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 04 Development -->\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\"\/>\n            <polyline points=\"8 6 2 12 8 18\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"owp__name\">Development<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Ideas brought to reality through precision.<\/p>\n      <p class=\"owp__body\"><strong>Function meets artistry<\/strong> \u2014 seamless on the surface, powerful underneath.<\/p>\n      <div class=\"owp__connector\">\n        <div class=\"owp__dot\"><\/div>\n        <div class=\"owp__line-h\"><\/div>\n        <span class=\"owp__arrow\">\u2192<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 05 Launch -->\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<\/span>\n      <\/div>\n      <div class=\"owp__divider\"><\/div>\n      <p class=\"owp__lead\">Activated with purpose, not just released.<\/p>\n      <p class=\"owp__body\">The beginning of <strong>connection, growth, and cultural presence<\/strong> \u2014 launched with intention.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\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-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<!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>Manifesto \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  .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    --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\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\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(--white);display:inline-block;flex:none}\n\n  .mf__list{border-bottom:1px solid var(--line)}\n\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\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(--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  .mf__tag{\n    font-family:\"Space Mono\",monospace;font-size:.82rem;\n    color:var(--w-45);letter-spacing:.04em;\n  }\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\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\n  .mf__close{\n    padding-top:clamp(64px,10vh,120px);\n    border-top:1px solid var(--line);\n    margin-top:0;\n  }\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(--w-45)}\n  .mf__close-tag{\n    font-family:\"Space Mono\",monospace;font-size:.82rem;\n    letter-spacing:.04em;color:var(--w-45);\n  }\n\n  @media(max-width:760px){\n    .mf__block{grid-template-columns:1fr;gap:clamp(16px,2vh,24px)}\n  }\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(--white);background:var(--white)}\n  }\n<\/style>\n\n<section class=\"mf\" id=\"mf\">\n  <div class=\"mf__wrap\">\n\n    <div class=\"mf__eyebrow\" data-rv><span class=\"dot\"><\/span> Manifesto<\/div>\n\n    <div class=\"mf__list\">\n\n      <article class=\"mf__block\" data-rv>\n        <div class=\"mf__label\">\n          <span class=\"mf__node\"><\/span>\n          <span class=\"mf__tag\">Origin<\/span>\n          <span class=\"mf__name\">Who<br>We Are<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">Mostros exists to challenge indifference, mediocrity, and conventional thinking.<\/h2>\n          <div class=\"mf__body\">\n            <p>The world does not need more noise \u2014 it needs meaning. We transform ideas into stories, stories into experiences, and experiences into impact.<\/p>\n            <p>We do not create to decorate. <strong>We create to awaken.<\/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>\n          <span class=\"mf__tag\">Refusals<\/span>\n          <span class=\"mf__name\">What We<br>Reject<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">We refuse projects without soul.<\/h2>\n          <div class=\"mf__body\">\n            <p>We refuse brands that dilute themselves to be liked, and creativity that submits to trends, comfort, or empty consumption. We reject the idea that success must come at the expense of integrity.<\/p>\n            <p>Creativity should not exist to fill space \u2014 <strong>it should move culture, question systems, and build something that lasts.<\/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>\n          <span class=\"mf__tag\">Belief<\/span>\n          <span class=\"mf__name\">How We<br>Think<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">Creation is craftsmanship.<\/h2>\n          <div class=\"mf__body\">\n            <p>Art, technology, and humanity are not separate disciplines \u2014 they are forces that, when combined, generate transformation. Discomfort and courage are necessary to lead.<\/p>\n            <p><strong>True innovation is not loud. It is conscious, strategic, and alive.<\/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>\n          <span class=\"mf__tag\">Identity<\/span>\n          <span class=\"mf__name\">What We<br>Build<\/span>\n        <\/div>\n        <div>\n          <h2 class=\"mf__lead\">Artists, strategists, builders, and storytellers.<\/h2>\n          <div class=\"mf__body\">\n            <p>We form alliances instead of transactions. We design experiences instead of content. Our work is guided by ecological awareness, cultural sensitivity, and long-term vision.<\/p>\n            <p>We are not a factory. We are not trend followers. <strong>Every project we build carries intention, character, and direction.<\/strong><\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\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\n  <\/div>\n<\/section>\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\n<\/section>\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-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-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 fetchpriority=\"high\" 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 data-elementor-type=\"loop-item\" data-elementor-id=\"2790\" class=\"elementor elementor-2790 e-loop-item e-loop-item-7243 post-7243 portafolio type-portafolio status-publish format-standard has-post-thumbnail hentry cat_portfolio-websites\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\r\n\t\t\t<a class=\"elementor-element elementor-element-ef7e073 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"ef7e073\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&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\/7243\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395c76 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3395c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1280\" height=\"886\" src=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg\" class=\"attachment-full size-full wp-image-7246\" alt=\"\" srcset=\"https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1.jpeg 1280w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-18x12.jpeg 18w, https:\/\/mostros.co\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-28-at-1.44.51-AM-Large-1-600x415.jpeg 600w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f157ef5 elementor-align-left elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-post-info\" data-id=\"f157ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&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\">Websites<\/span>\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4d3d2 e-con-full e-flex e-con e-child\" data-id=\"bb4d3d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3011 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"e2d3011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Baud\u00f3 AP \u2014 F\u00e1bricas de Agua<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41aff50 elementor-widget elementor-widget-post-info\" data-id=\"41aff50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\r\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a2dd2ae elementor-inline-item\" itemprop=\"datePublished\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\r\n\t\t\t\t\t\t\t\t\t\t<time>marzo 28, 2026<\/time>\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0c329 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"cc0c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tAn immersive editorial design project that brings environmental storytelling to life with interactive multimedia and clear visual communication.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\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 Our approach as a creative studio. MOSTROS is a creative studio focused on building digital products, websites, and visual experiences. 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. Let&#8217;s build Mostros.co [&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":437,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":8787,"href":"https:\/\/mostros.co\/es\/wp-json\/wp\/v2\/pages\/11\/revisions\/8787"}],"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}]}}