{"id":29229,"date":"2026-08-25T14:00:45","date_gmt":"2026-08-25T19:00:45","guid":{"rendered":"https:\/\/machiavel.com\/?page_id=29229"},"modified":"2026-08-31T12:27:37","modified_gmt":"2026-08-31T17:27:37","slug":"motion-design","status":"publish","type":"page","link":"https:\/\/machiavel.com\/en\/video-production-services\/motion-design\/","title":{"rendered":"MOTION DESIGN AGENCY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29229\" class=\"elementor elementor-29229 elementor-29204\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-1457bf8 e-con-full e-flex e-con e-parent\" data-id=\"1457bf8\" 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-6c0b85b elementor-absolute elementor-widget elementor-widget-html\" data-id=\"6c0b85b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"iavideo-hero\"><img class=\"iavideo-poster\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=\" alt=\"Agence de motion design - Studios Machiavel\" fetchpriority=\"high\" decoding=\"async\"><video id=\"iavideo-video\" autoplay muted loop playsinline preload=\"metadata\" fetchpriority=\"high\" poster=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/PLACEHOLDER_REMOVED\"><source src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/MOTION-DESIGN_HERO_720P_V2.mp4\" type=\"video\/mp4\" media=\"(max-width: 768px)\"><source src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/MOTION-DESIGN_HERO_1080P_V2.mp4\" type=\"video\/mp4\"><\/video><\/div><style>.iavideo-hero{position:relative;width:100%;height:100%;display:block;line-height:0;}\n.iavideo-hero .iavideo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0.7;transition:opacity .4s;}\n.iavideo-hero.is-playing .iavideo-poster{opacity:0 !important;}\n.iavideo-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:0.7;}\n<\/style><script>(function(){\n  var wrap = document.querySelector(\".iavideo-hero\"); if(!wrap) return;\n  var v = wrap.querySelector(\"video\"); if(!v) return;\n  v.muted = true;\n  v.addEventListener(\"playing\",function(){ wrap.classList.add(\"is-playing\"); });\n  v.addEventListener(\"pause\",function(){ wrap.classList.remove(\"is-playing\"); });\n  var tryPlay = function(){ var p = v.play(); if(p && p.catch) p.catch(function(){}); };\n  if(v.paused) tryPlay();\n  [\"touchstart\",\"click\",\"scroll\"].forEach(function(ev){\n    document.addEventListener(ev,function(){ if(v.paused) tryPlay(); },{once:true,passive:true});\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5ab58c e-con-full e-flex e-con e-child\" data-id=\"b5ab58c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-013f6de elementor-widget elementor-widget-spacer\" data-id=\"013f6de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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-7e7631f elementor-widget-tablet__width-inherit elementor-widget elementor-widget-aux_modern_heading\" data-id=\"7e7631f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h1 class=\"aux-modern-heading-primary\">MOTION DESIGN AGENCY<\/h1><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bce6aa elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2bce6aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A CLEAR MOTION DESIGN,<br \/><span style=\"color:#FFD700\">INSPIRES ACTION<\/span><br \/>AND POSITIONS YOU AS<br \/>THE SOLUTION<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5a28d7 elementor-widget elementor-widget-spacer\" data-id=\"b5a28d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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-16bbec6 elementor-widget-tablet__width-inherit elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"16bbec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">When the solution becomes clear, taking action becomes obvious. Think of the clarity of Apple&#8217;s videos. Think of Google&#8217;s fluidity.    <\/span><span style=\"font-weight: 400;\">High-end motion design is easy to understand, connects with your audience\u2019s everyday lives, and positions you as one of the best solutions.<\/span><\/p>\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-a117480 elementor-widget-tablet__width-inherit elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"a117480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">When the solution becomes clear, taking action becomes obvious. Think of the clarity of Apple&#8217;s videos. Think of Google&#8217;s fluidity.    <\/span><span style=\"font-weight: 400;\">High-end motion design is easy to understand, connects with your audience\u2019s everyday lives, and positions you as one of the best solutions.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0e41e6 e-con-full e-flex e-con e-child\" data-id=\"e0e41e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2c120d elementor-align-left elementor-widget elementor-widget-button\" data-id=\"e2c120d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#contact\">\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 TALK ABOUT YOUR IDEA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\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-cde7f0b elementor-align-left elementor-widget elementor-widget-button\" data-id=\"cde7f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/machiavel.com\/services-production-video\/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\">  VIEW OUR PORTFOLIO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\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\t\t<div class=\"elementor-element elementor-element-9b9f2f9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9b9f2f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-874255b e-con-full e-flex e-con e-parent\" data-id=\"874255b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fbd64a0 e-con-full e-flex e-con e-child\" data-id=\"fbd64a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e99e76 elementor-widget elementor-widget-text-editor\" data-id=\"5e99e76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"display: inline-block; background: #FFD700; color: #000; font-weight: 800; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; padding: 8px 20px; border-radius: 999px; transform: rotate(-4deg);\">MOTION DESIGN<\/span><\/p>\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-6f7c1be elementor-widget elementor-widget-heading\" data-id=\"6f7c1be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">YOUR VIDEO NEEDS TO BE GOOD \nENOUGH TO <span style=\"color: #ffd700\">TRIGGER AN \"AH-HA MOMENT\"<\/span> FOR THE VIEWER.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9f3be2 elementor-widget elementor-widget-text-editor\" data-id=\"d9f3be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div role=\"feed\" aria-label=\"Messages de la conversation\" aria-describedby=\"_r_1d9_\"><div><div><div tabindex=\"0\" role=\"article\" aria-setsize=\"14\" aria-posinset=\"14\" aria-label=\"Message 14 sur 14\"><div><div><div><div><div><div><p dir=\"ltr\">Motion design is the art of transforming a complicated idea into something that\u2019s understood at a glance. It\u2019s not just about entertaining, but it\u2019s about holding the viewer\u2019s attention long enough for the message to sink in! Using an approach adopted by the world\u2019s biggest brands, Studios Machiavel puts the expertise of a motion design team with experience in Hollywood productions to work on your content.  <\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\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-947faac e-con-full e-flex e-con e-child\" data-id=\"947faac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d49e3 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"15d49e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vfx-compare-wrap\">\r\n  <div class=\"vfx-compare\" id=\"vfxCompareB\" style=\"--pos:50%; --angle:-3deg;\">\r\n    <div class=\"vc-layer vc-base\">\r\n      <video src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/MOTION-DESIGN_AFTER.mp4\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"auto\" aria-label=\"Rendu final avec IA\"><\/video>\r\n      <span class=\"vc-tag vc-tag--after\">Motion Design<\/span>\r\n    <\/div>\r\n    <div class=\"vc-layer vc-top\">\r\n      <video src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/MOTION-DESIGN-PAGE_BEFORE-AND-AFTER00000000.mp4\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"auto\" aria-label=\"Plan tourn\u00e9 sur le plateau\"><\/video>\r\n      <span class=\"vc-tag vc-tag--before\">Gross<\/span>\r\n    <\/div>\r\n    <div class=\"vc-line\">\r\n      <button class=\"vc-grip\" type=\"button\" aria-label=\"Glisser pour comparer\">\r\n        <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\r\n          <path d=\"M9 7l-5 5 5 5M15 7l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n    <div class=\"vc-hint\">Swipe to compare<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.vfx-compare-wrap{\r\n  width:100%;\r\n  padding: clamp(12px, 4vw, 28px) clamp(10px, 3vw, 24px);\r\n  box-sizing:border-box;\r\n  overflow:visible;\r\n}\r\n.vfx-compare{\r\n  position:relative; width:100%; aspect-ratio:16\/10;\r\n  border-radius:16px; overflow:hidden; user-select:none;\r\n  touch-action:none; cursor:ew-resize; background:#111;\r\n  transform:rotate(var(--angle));\r\n  max-width:100%;\r\n  margin:0 auto;\r\n}\r\n.vc-layer{position:absolute; inset:0;}\r\n.vc-layer video{width:100%; height:100%; object-fit:cover; display:block; pointer-events:none;}\r\n.vc-top{clip-path:inset(0 calc(100% - var(--pos)) 0 0);}\r\n.vc-line{\r\n  position:absolute; top:0; bottom:0; left:var(--pos);\r\n  width:2px; background:#FFD700; transform:translateX(-50%); pointer-events:none;\r\n}\r\n.vc-grip{\r\n  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\r\n  width:clamp(32px, 8vw, 44px); height:clamp(32px, 8vw, 44px);\r\n  border-radius:50%;\r\n  background:#FFD700; color:#000; border:none;\r\n  display:grid; place-items:center; cursor:ew-resize;\r\n  box-shadow:0 4px 14px rgba(0,0,0,.4); pointer-events:auto;\r\n}\r\n.vc-grip svg{\r\n  width: clamp(14px, 4vw, 18px);\r\n  height: clamp(14px, 4vw, 18px);\r\n}\r\n.vc-tag{\r\n  position:absolute; bottom:clamp(8px, 3vw, 14px);\r\n  background:rgba(0,0,0,.65); color:#fff;\r\n  font:600 clamp(9px, 2.4vw, 11px)\/1 system-ui,sans-serif;\r\n  letter-spacing:.06em; text-transform:uppercase;\r\n  padding:clamp(4px, 1.5vw, 6px) clamp(7px, 2.2vw, 10px);\r\n  border-radius:999px;\r\n  white-space:nowrap;\r\n}\r\n.vc-tag--before{left:clamp(8px, 3vw, 14px);} .vc-tag--after{right:clamp(8px, 3vw, 14px);}\r\n.vc-hint{\r\n  position:absolute; top:clamp(8px, 3vw, 14px); left:50%; transform:translateX(-50%);\r\n  background:#FFD700; color:#000;\r\n  font:700 clamp(9px, 2.4vw, 11px)\/1 system-ui,sans-serif;\r\n  letter-spacing:.06em; text-transform:uppercase;\r\n  padding:clamp(5px, 1.8vw, 7px) clamp(10px, 3vw, 14px);\r\n  border-radius:999px; transition:opacity .4s ease; pointer-events:none;\r\n  white-space:nowrap;\r\n}\r\n.vfx-compare.is-idle .vc-grip{animation:vcPulse 1.6s ease-in-out infinite;}\r\n@keyframes vcPulse{\r\n  0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 0 rgba(255,215,0,.55);}\r\n  50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 12px rgba(255,215,0,0);}\r\n}\r\n.vfx-compare.is-active .vc-hint{opacity:0;}\r\n\r\n@media (max-width: 991px){\r\n  .vfx-compare{ --angle:-2deg; }\r\n}\r\n\r\n@media (max-width: 479px){\r\n  .vfx-compare{ --angle:0deg; aspect-ratio:4\/3; }\r\n  .vfx-compare-wrap{ padding: 10px 8px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const el = document.getElementById('vfxCompareB');\r\n  if(!el) return;\r\n  let interacted = false, raf, dragging = false;\r\n\r\n  const setPos = p => { p = Math.max(2, Math.min(98, p));\r\n    el.style.setProperty('--pos', p + '%'); };\r\n\r\n  const posFromEvent = e => {\r\n    const cx = e.touches ? e.touches[0].clientX : e.clientX;\r\n    const cy = e.touches ? e.touches[0].clientY : e.clientY;\r\n    const r = el.getBoundingClientRect();\r\n    const centerX = r.left + r.width\/2;\r\n    const centerY = r.top + r.height\/2;\r\n    const dx = cx - centerX, dy = cy - centerY;\r\n    const ang = parseFloat(getComputedStyle(el).getPropertyValue('--angle')) * Math.PI\/180;\r\n    const lx = dx*Math.cos(ang) + dy*Math.sin(ang);\r\n    return (lx + el.offsetWidth\/2) \/ el.offsetWidth * 100;\r\n  };\r\n\r\n  el.classList.add('is-idle');\r\n  const tween = (to, dur) => new Promise(res=>{\r\n    const from = parseFloat(getComputedStyle(el).getPropertyValue('--pos'));\r\n    const start = performance.now();\r\n    const step = now => {\r\n      if(interacted) return res();\r\n      const t = Math.min(1,(now-start)\/dur);\r\n      const e = t<.5 ? 2*t*t : 1-Math.pow(-2*t+2,2)\/2;\r\n      setPos(from + (to-from)*e);\r\n      if(t<1) raf = requestAnimationFrame(step); else res();\r\n    };\r\n    raf = requestAnimationFrame(step);\r\n  });\r\n  (async()=>{\r\n    await new Promise(r=>setTimeout(r,600));\r\n    if(interacted) return;\r\n    await tween(66,600); await tween(34,800); await tween(50,600);\r\n  })();\r\n\r\n  const engage = () => { if(!interacted){ interacted = true;\r\n    cancelAnimationFrame(raf); el.classList.remove('is-idle');\r\n    el.classList.add('is-active'); } };\r\n  const down = e => { dragging = true; engage(); setPos(posFromEvent(e)); };\r\n  const move = e => { if(dragging) setPos(posFromEvent(e)); };\r\n  const up   = () => { dragging = false; };\r\n\r\n  el.addEventListener('mousedown', down);\r\n  el.addEventListener('touchstart', down, {passive:true});\r\n  window.addEventListener('mousemove', move);\r\n  window.addEventListener('touchmove', move, {passive:true});\r\n  window.addEventListener('mouseup', up);\r\n  window.addEventListener('touchend', up);\r\n\r\n  el.querySelector('.vc-grip').addEventListener('keydown', e=>{\r\n    const cur = parseFloat(getComputedStyle(el).getPropertyValue('--pos'));\r\n    if(e.key==='ArrowLeft'){ engage(); setPos(cur-4); }\r\n    if(e.key==='ArrowRight'){ engage(); setPos(cur+4); }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-822a0f5 e-flex e-con-boxed e-con e-parent\" data-id=\"822a0f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-480ee53 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"480ee53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HERE ARE SOME EXAMPLES <span style=\"color: #FFD700\">OF MOTION DESIGN<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-781675a elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"781675a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HERE ARE SOME EXAMPLES <span style=\"color: #FFD700\">OF MOTION DESIGN<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cc53a elementor-widget elementor-widget-text-editor\" data-id=\"d5cc53a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Click on the thumbnails to see motion design projects created for brands, municipalities, and SaaS platforms.<\/p>\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-58fd30a elementor-widget__width-inherit e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"58fd30a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;center&quot;,&quot;tabs_justify_horizontal_mobile&quot;:&quot;center&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"93311754\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-933117541\" data-tab-title-id=\"e-n-tab-title-933117541\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-933117541\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tBELL MEDIA\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-933117542\" data-tab-title-id=\"e-n-tab-title-933117542\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-933117542\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tVILLE DE LACHUTE\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-933117543\" data-tab-title-id=\"e-n-tab-title-933117543\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-933117543\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tWorkToGo\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-933117541\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-933117541\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-928a236 e-con-full e-flex e-con e-child\" data-id=\"928a236\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b6a0257 e-flex e-con-boxed e-con e-child\" data-id=\"b6a0257\" 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-bcedd1f elementor-widget elementor-widget-shortcode\" data-id=\"bcedd1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\r\n    <div class=\"mvx-video\">\r\n        <video autoplay muted loop playsinline preload=\"metadata\">\r\n            <source src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/PORTFOLIO_JULY-15_CLIPS00000275.mp4#t=0.1\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"mvx-overlay\">\r\n            <div class=\"mvx-txt\">\r\n                <h3>BELL M\u00c9DIA<\/h3>\r\n                <span class=\"mvx-sub\">Grand Unveiling<\/span>\r\n                <p>In partnership with Sync M\u00e9dia, we animated 50 assets in 2 weeks for Bell M\u00e9dia&#039;s Grand D\u00e9voilement event. Logos and categories came to life live, projected on three LED screens in front of the audience.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n                <a href=\"https:\/\/vimeo.com\/1210549787\"\r\n           class=\"mach-pf-play\"\r\n           data-vimeo-id=\"1210549787\"\r\n           data-title=\"BELL M\u00c9DIA\"\r\n           data-sub=\"Grand Unveiling\"\r\n           aria-label=\"Play full video: BELL M\u00c9DIA\"><\/a>\r\n            <\/div>\r\n    <style>\r\n    .mvx-video{position:relative;width:100%;aspect-ratio:21\/9;max-height:60vh;border-radius:8px;overflow:hidden;background:#000;}\r\n    .mvx-video video{width:100%;height:100%;object-fit:cover;display:block;}\r\n    .mvx-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 34px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 70%);}\r\n    .mvx-txt h3{margin:0;color:#fff;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:38px;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9);}\r\n    .mvx-sub{display:block;color:#f5c518;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 10px;text-shadow:0 1px 6px rgba(0,0,0,.8);}\r\n    .mvx-txt p{margin:0;color:#f0f0f0;font-size:16px;line-height:1.5;max-width:640px;text-shadow:0 1px 6px rgba(0,0,0,.85);}\r\n    @media(max-width:1024px){\r\n    .mvx-video{aspect-ratio:16\/9;}\r\n    }\r\n    @media(max-width:767px){\r\n    .mvx-video{aspect-ratio:4\/3;max-height:70vh;}\r\n    .mvx-overlay{padding:12px;}\r\n    .mvx-txt h3{font-size:19px;}\r\n    .mvx-sub{font-size:10px;margin:3px 0 6px;}\r\n    .mvx-txt p{font-size:11px;line-height:1.35;}\r\n    }\r\n    <\/style>\r\n    <script>\r\n    (function(){var s=document.currentScript;var b=s.parentElement.querySelector('.mvx-video');if(!b)return;var v=b.querySelector('video');var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){var p=v.play();if(p){if(p.catch){p.catch(function(){});}}}else{v.pause();}});},{threshold:0.1});io.observe(b);\r\n    var play = b.querySelector('.mach-pf-play');\r\n    if (play) {\r\n      play.addEventListener('click', function(e){\r\n        if (typeof window.machOpenVideoModal === 'function') {\r\n          e.preventDefault();\r\n          window.machOpenVideoModal(play.dataset.vimeoId, play.dataset.title, play.dataset.sub);\r\n        }\r\n      });\r\n    }\r\n    })();\r\n    <\/script>\r\n    <\/div>\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<div id=\"e-n-tab-content-933117542\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-933117542\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-04abf64 e-con-full e-flex e-con e-child\" data-id=\"04abf64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c578db6 e-flex e-con-boxed e-con e-child\" data-id=\"c578db6\" 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-bcdea28 elementor-widget elementor-widget-shortcode\" data-id=\"bcdea28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\r\n    <div class=\"mvx-video\">\r\n        <video autoplay muted loop playsinline preload=\"metadata\">\r\n            <source src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/PORTFOLIO_HORIZONTAL_480P00001268.mp4#t=0.1\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"mvx-overlay\">\r\n            <div class=\"mvx-txt\">\r\n                <h3>VILLE DE LACHUTE<\/h3>\r\n                <span class=\"mvx-sub\">Municipal Communication<\/span>\r\n                <p>The City wanted residents to understand why the water turns brown when the network is under stress, and to adopt better water-use habits. We turned a technical issue into an explanation that&#039;s simple, clear, and easy to remember.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n                <a href=\"https:\/\/vimeo.com\/1221803948\"\r\n           class=\"mach-pf-play\"\r\n           data-vimeo-id=\"1221803948\"\r\n           data-title=\"VILLE DE LACHUTE\"\r\n           data-sub=\"Municipal Communication\"\r\n           aria-label=\"Play full video: VILLE DE LACHUTE\"><\/a>\r\n            <\/div>\r\n    <style>\r\n    .mvx-video{position:relative;width:100%;aspect-ratio:21\/9;max-height:60vh;border-radius:8px;overflow:hidden;background:#000;}\r\n    .mvx-video video{width:100%;height:100%;object-fit:cover;display:block;}\r\n    .mvx-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 34px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 70%);}\r\n    .mvx-txt h3{margin:0;color:#fff;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:38px;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9);}\r\n    .mvx-sub{display:block;color:#f5c518;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 10px;text-shadow:0 1px 6px rgba(0,0,0,.8);}\r\n    .mvx-txt p{margin:0;color:#f0f0f0;font-size:16px;line-height:1.5;max-width:640px;text-shadow:0 1px 6px rgba(0,0,0,.85);}\r\n    @media(max-width:1024px){\r\n    .mvx-video{aspect-ratio:16\/9;}\r\n    }\r\n    @media(max-width:767px){\r\n    .mvx-video{aspect-ratio:4\/3;max-height:70vh;}\r\n    .mvx-overlay{padding:12px;}\r\n    .mvx-txt h3{font-size:19px;}\r\n    .mvx-sub{font-size:10px;margin:3px 0 6px;}\r\n    .mvx-txt p{font-size:11px;line-height:1.35;}\r\n    }\r\n    <\/style>\r\n    <script>\r\n    (function(){var s=document.currentScript;var b=s.parentElement.querySelector('.mvx-video');if(!b)return;var v=b.querySelector('video');var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){var p=v.play();if(p){if(p.catch){p.catch(function(){});}}}else{v.pause();}});},{threshold:0.1});io.observe(b);\r\n    var play = b.querySelector('.mach-pf-play');\r\n    if (play) {\r\n      play.addEventListener('click', function(e){\r\n        if (typeof window.machOpenVideoModal === 'function') {\r\n          e.preventDefault();\r\n          window.machOpenVideoModal(play.dataset.vimeoId, play.dataset.title, play.dataset.sub);\r\n        }\r\n      });\r\n    }\r\n    })();\r\n    <\/script>\r\n    <\/div>\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<div id=\"e-n-tab-content-933117543\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-933117543\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-e80238e e-con-full e-flex e-con e-child\" data-id=\"e80238e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e83300 e-flex e-con-boxed e-con e-child\" data-id=\"0e83300\" 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-b905fc0 elementor-widget elementor-widget-shortcode\" data-id=\"b905fc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\r\n    <div class=\"mvx-video\">\r\n        <video autoplay muted loop playsinline preload=\"metadata\">\r\n            <source src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/PORTFOLIO_HORIZONTAL_480P00108432.mp4#t=0.1\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"mvx-overlay\">\r\n            <div class=\"mvx-txt\">\r\n                <h3>WorkToGo<\/h3>\r\n                <span class=\"mvx-sub\">SaaS App Launch<\/span>\r\n                <p>For the launch of their workforce management platform, WorkToGo wanted a video that reflects their target audience&#039;s on-the-ground reality. We combined motion design to showcase the features with hybrid filming to keep it grounded in their everyday life.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n                <a href=\"https:\/\/vimeo.com\/1210549763\"\r\n           class=\"mach-pf-play\"\r\n           data-vimeo-id=\"1210549763\"\r\n           data-title=\"WorkToGo\"\r\n           data-sub=\"SaaS App Launch\"\r\n           aria-label=\"Play full video: WorkToGo\"><\/a>\r\n            <\/div>\r\n    <style>\r\n    .mvx-video{position:relative;width:100%;aspect-ratio:21\/9;max-height:60vh;border-radius:8px;overflow:hidden;background:#000;}\r\n    .mvx-video video{width:100%;height:100%;object-fit:cover;display:block;}\r\n    .mvx-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 34px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 70%);}\r\n    .mvx-txt h3{margin:0;color:#fff;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:38px;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9);}\r\n    .mvx-sub{display:block;color:#f5c518;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 10px;text-shadow:0 1px 6px rgba(0,0,0,.8);}\r\n    .mvx-txt p{margin:0;color:#f0f0f0;font-size:16px;line-height:1.5;max-width:640px;text-shadow:0 1px 6px rgba(0,0,0,.85);}\r\n    @media(max-width:1024px){\r\n    .mvx-video{aspect-ratio:16\/9;}\r\n    }\r\n    @media(max-width:767px){\r\n    .mvx-video{aspect-ratio:4\/3;max-height:70vh;}\r\n    .mvx-overlay{padding:12px;}\r\n    .mvx-txt h3{font-size:19px;}\r\n    .mvx-sub{font-size:10px;margin:3px 0 6px;}\r\n    .mvx-txt p{font-size:11px;line-height:1.35;}\r\n    }\r\n    <\/style>\r\n    <script>\r\n    (function(){var s=document.currentScript;var b=s.parentElement.querySelector('.mvx-video');if(!b)return;var v=b.querySelector('video');var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){var p=v.play();if(p){if(p.catch){p.catch(function(){});}}}else{v.pause();}});},{threshold:0.1});io.observe(b);\r\n    var play = b.querySelector('.mach-pf-play');\r\n    if (play) {\r\n      play.addEventListener('click', function(e){\r\n        if (typeof window.machOpenVideoModal === 'function') {\r\n          e.preventDefault();\r\n          window.machOpenVideoModal(play.dataset.vimeoId, play.dataset.title, play.dataset.sub);\r\n        }\r\n      });\r\n    }\r\n    })();\r\n    <\/script>\r\n    <\/div>\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\t\t\t<\/div>\n\t\t<\/div>\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<div class=\"aux-parallax-section elementor-element elementor-element-cdfbcec e-con-full e-flex e-con e-parent\" data-id=\"cdfbcec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d01b003 elementor-widget elementor-widget-heading\" data-id=\"d01b003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR <span style=\"color: #FFD700\">MOTION DESIGN WORKFLOW<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3ecd82 elementor-widget elementor-widget-text-editor\" data-id=\"a3ecd82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">There&#8217;s no secret formula here. Here&#8217;s exactly how we work, step by step, to create a high-quality motion design video. <\/span><\/p>\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=\"aux-parallax-section elementor-element elementor-element-79701c8 e-con-full e-flex e-con e-parent\" data-id=\"79701c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3439fbd elementor-widget elementor-widget-html\" data-id=\"3439fbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div class=\"mach-wf__rail\">\r\n    <div class=\"mach-wf__line\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- 01 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">01<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">The Creative Brief<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_01-BRIEF-CREATIF-DIRECTIVES-PROJET.webp\" alt=\"Creative brief outlining the guidelines and objectives for the motion design project\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Leave with a clear direction, not a blank page.<\/p>\r\n        <p class=\"mach-wf__body\">Before we even start thinking about the first animation, we sit down with you to clarify what your video needs to achieve: who it\u2019s aimed at, what action it should prompt, and the message that should stick with viewers after they\u2019ve watched it. It\u2019s this foundation that guides every decision we make later on regarding style, pacing, and animation. <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 02 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">02<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">The script<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_02-SCRIPT-COMPLET-NARRATION-DIALOGUE.webp\" alt=\"Complete script, including narration and dialogue, for a motion design video\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Read through your story\u2014both the text and the narration\u2014before we animate anything.<\/p>\r\n        <p class=\"mach-wf__body\">A motion design video script is different from a dialogue script: it describes what you see on screen AND what you hear, including the narration. It\u2019s the text version of your video before a single frame has been animated. This is the easiest and least expensive time to make adjustments to the content, since nothing has been animated yet.  <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 03 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">03<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">Concept art and style frames<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_03-FRAMES-STYLE-DIRECTION-VISUELLE.webp\" alt=\"Style frames that define the project's visual direction and animation style\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">See your style take shape before the first animation.<\/p>\r\n        <p class=\"mach-wf__body\">Style frames are still images that show what a scene will look like once it\u2019s animated: colors, textures, and art direction. If your video requires characters, this is also where we\u2019ll work with you to define them: appearance, clothing, and a representation that truly reflects your audience, including considerations of diversity and inclusion if that\u2019s important to your brand. <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 04 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">04<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">The Storyboard<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <video src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/MOTION-DESIGN_STORYBOARD.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Storyboard anim\u00e9 : aper\u00e7u de la vid\u00e9o avant la g\u00e9n\u00e9ration IA\"><\/video>\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Explore your video shot by shot, before the first second of animation.<\/p>\r\n        <p class=\"mach-wf__body\">The storyboard combines the script and style frames into a sequence of shots, in order. We use your references to build this structure\u2014the complete blueprint for your video\u2014which lets you see the pacing and flow before we animate anything. <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 05 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">05<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">Creative Validation<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_04-PLAN-CREATIF-STRUCTURE-CONTENU_.webp\" alt=\"Illustration showing the approval of the creative direction before the animation begins\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Approve the creative direction before we start editing.<\/p>\r\n        <p class=\"mach-wf__body\">Once the script, style frames, and storyboard have been approved, we take a deliberate break: this is the moment when your entire team needs to be on the same page regarding the direction. Changing a character, a piece of dialogue, or a shot is still easy at this stage, but much harder once animation has begun. <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 06 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">06<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">The Narrative<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_05-NARRATION-AUDIO-TIMELINE-VOIX.webp\" alt=\"Recording the Narration and Audio Timeline for a Motion Design Video\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Listen as your story takes shape, in the language of your choice.<\/p>\r\n        <p class=\"mach-wf__body\">A voice actor or actress records the script that we\u2019ve already approved together. It\u2019s precisely because this script was finalized early on that we avoid the dozens of narration versions that would otherwise drag out the timeline. We also offer a choice of languages (French, English, Spanish), and for quick turnaround, we can deliver multiple language versions of your video.  <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 07 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">07<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">Motion Design<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_06-ANIMATION-PERSONNAGES-PRODUCTION.webp\" alt=\"Character animation currently in production using motion design software\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Watch your video come to life, frame by frame.<\/p>\r\n        <p class=\"mach-wf__body\">This is the stage where the team brings each approved shot in the storyboard to life. We don't work in isolation: we show you our progress before going too far, to make sure we're on the right track, all the way through to the first complete version. <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 08 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">08<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">Reviews<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_07-VALIDATION-COLLABORATIVE-RETOURS.webp\" alt=\"Collaborative review platform with comments on the video during production\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Give your scores, down to the second.<\/p>\r\n        <p class=\"mach-wf__body\">Once the first version is delivered, you can leave your comments directly on frame.io, a platform that lets you annotate the video minute by minute. It's simple, precise, and eliminates the need for back-and-forth emails. We typically plan for 3 to 6 rounds of revisions.  <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 09 -->\r\n    <article class=\"mach-wf__step\">\r\n      <div class=\"mach-wf__numwrap\"><span class=\"mach-wf__num\">09<\/span><\/div>\r\n      <div class=\"mach-wf__content\">\r\n        <h3 class=\"mach-wf__step-title\">Final Approval and Delivery<\/h3>\r\n        <div class=\"mach-wf__shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/WEBP_MOTION-DESIGN_08-APPROBATION-FINALE-CONTROLE-QUALITE.webp\" alt=\"Quality Control Checklist for Final Approval Before Video Delivery\" loading=\"lazy\">\r\n        <\/div>\r\n        <p class=\"mach-wf__lead\">Approve the final version and receive your video in your preferred formats.<\/p>\r\n        <p class=\"mach-wf__body\">We'll approve the final version together, and we'll deliver it in the formats you need (portrait, square, landscape, or any other aspect ratio you request). Subtitles are included (bilingual if needed; additional languages incur additional costs). Source files are not provided by default, but are available upon request.  <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.mach-wf{\r\n  background:#0a0a0a;\r\n  color:#f5f4f0;\r\n  padding:90px 0 70px;\r\n  position:relative;\r\n  font-family:'Roboto','Montserrat',sans-serif;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.mach-wf *{box-sizing:border-box;}\r\n\r\n.mach-wf__head{padding:0 80px;}\r\n.mach-wf__kicker{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-weight:700;font-size:12px;\r\n  letter-spacing:.14em;text-transform:uppercase;\r\n  color:#ffd700;margin:0 0 16px !important;\r\n}\r\n.mach-wf__title{\r\n  font-family:'Anton',sans-serif;font-weight:400;\r\n  font-size:36px;line-height:1.1;text-transform:uppercase;\r\n  color:#f5f4f0;max-width:760px;margin:0 0 50px !important;\r\n}\r\n\r\n\/* RAIL \u2014 desktop : scroll horizontal natif *\/\r\n.mach-wf__rail{\r\n  position:relative;display:flex;gap:32px;\r\n  overflow-x:auto;overflow-y:hidden;\r\n  padding:6px 80px 20px;\r\n  -webkit-overflow-scrolling:touch;\r\n  scrollbar-width:none;cursor:grab;\r\n}\r\n.mach-wf__rail::-webkit-scrollbar{display:none;}\r\n.mach-wf__rail.is-dragging{cursor:grabbing;user-select:none;}\r\n\r\n\/* Ligne de connexion dor\u00e9e *\/\r\n.mach-wf__line{\r\n  position:absolute;left:80px;right:80px;top:29px;height:2px;\r\n  background:rgba(255,215,0,.25);pointer-events:none;\r\n}\r\n\r\n.mach-wf__step{position:relative;flex:0 0 380px;width:380px;}\r\n\r\n.mach-wf__numwrap{\r\n  position:relative;height:46px;\r\n  display:flex;align-items:center;margin-bottom:12px;\r\n}\r\n.mach-wf__num{\r\n  position:relative;z-index:1;\r\n  background:#0a0a0a;padding-right:16px;\r\n  font-family:'Anton',sans-serif;font-weight:400;\r\n  font-size:34px;line-height:1;color:#ffd700;\r\n}\r\n\r\n.mach-wf__step-title{\r\n  font-family:'Montserrat',sans-serif;font-weight:700;\r\n  font-size:17px;line-height:1.3;color:#f5f4f0;\r\n  margin:0 0 16px !important;\r\n}\r\n\r\n.mach-wf__shot{\r\n  position:relative;aspect-ratio:16\/9;\r\n  border-radius:8px;overflow:hidden;margin-bottom:16px;\r\n  background:#151515;border:1px solid rgba(255,255,255,.06);\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.mach-wf__shot img,\r\n.mach-wf__shot video{width:100%;height:100%;object-fit:cover;display:block;}\r\n.mach-wf__shot-ph{\r\n  font-family:'Montserrat',sans-serif;font-size:11px;\r\n  letter-spacing:.04em;color:rgba(245,244,240,.32);\r\n  text-align:center;padding:0 14px;\r\n}\r\n\r\n.mach-wf__lead{\r\n  font-family:'Roboto','Montserrat',sans-serif;font-weight:400;\r\n  font-size:16px;line-height:1.45;color:#ffd700;\r\n  margin:0 0 10px !important;\r\n}\r\n.mach-wf__body{\r\n  font-family:'Roboto','Montserrat',sans-serif;font-weight:300;\r\n  font-size:16px;line-height:1.65;color:rgba(245,244,240,.62);\r\n  margin:0 !important;\r\n}\r\n\r\n\/* TABLETTE (768\u20131023px) \u2014 m\u00eame structure, r\u00e9duite *\/\r\n@media (max-width:1023px) and (min-width:768px){\r\n  .mach-wf{padding:60px 0 50px;}\r\n  .mach-wf__head{padding:0 48px;}\r\n  .mach-wf__kicker{letter-spacing:.12em;margin-bottom:14px !important;}\r\n  .mach-wf__title{font-size:28px;line-height:1.15;max-width:560px;margin-bottom:36px !important;}\r\n  .mach-wf__rail{gap:24px;padding:4px 48px 20px;}\r\n  .mach-wf__line{left:48px;right:48px;top:23px;}\r\n  .mach-wf__step{flex:0 0 300px;width:300px;}\r\n  .mach-wf__numwrap{height:38px;margin-bottom:10px;}\r\n  .mach-wf__num{font-size:28px;padding-right:14px;}\r\n  .mach-wf__step-title{font-size:15px;margin:0 0 14px !important;}\r\n  .mach-wf__shot{border-radius:6px;margin-bottom:14px;}\r\n  .mach-wf__lead{font-size:15px;margin:0 0 8px !important;}\r\n  .mach-wf__body{font-size:15px;line-height:1.6;}\r\n}\r\n\r\n\/* MOBILE (\u2264767px) \u2014 empil\u00e9 vertical, ligne dor\u00e9e verticale *\/\r\n@media (max-width:767px){\r\n  .mach-wf{padding:44px 22px 50px;}\r\n  .mach-wf__head{padding:0;}\r\n  .mach-wf__kicker{font-size:10.5px;letter-spacing:.1em;margin-bottom:12px !important;}\r\n  .mach-wf__title{font-size:24px;line-height:1.15;max-width:none;margin-bottom:32px !important;}\r\n\r\n  .mach-wf__rail{display:block;overflow:visible;padding:0;cursor:default;}\r\n  .mach-wf__line{display:none;}\r\n\r\n  .mach-wf__step{\r\n    display:flex;gap:14px;width:auto;flex:0 1 auto;margin-bottom:32px;\r\n  }\r\n  .mach-wf__step:last-child{margin-bottom:0;}\r\n\r\n  .mach-wf__numwrap{\r\n    flex:0 0 26px;width:26px;height:auto;\r\n    flex-direction:column;align-items:center;gap:8px;margin-bottom:0;\r\n  }\r\n  .mach-wf__num{font-size:22px;padding-right:0;background:transparent;}\r\n  .mach-wf__numwrap::after{\r\n    content:\"\";flex:1;width:2px;\r\n    background:rgba(255,215,0,.25);min-height:20px;\r\n  }\r\n  .mach-wf__step:last-child .mach-wf__numwrap::after{display:none;}\r\n\r\n  .mach-wf__content{display:flex;flex-direction:column;min-width:0;}\r\n  .mach-wf__shot{order:-1;border-radius:6px;margin-bottom:12px;}\r\n  .mach-wf__step-title{font-size:15px;margin:0 0 5px !important;}\r\n  .mach-wf__lead{font-size:14px;margin:0 0 8px !important;}\r\n  .mach-wf__body{font-size:14px;line-height:1.6;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.mach-wf__rail').forEach(function(rail){\r\n  var down = false, startX = 0, startScroll = 0, moved = false;\r\n\r\n  rail.addEventListener('mousedown', function(e){\r\n    down = true; moved = false; startX = e.pageX; startScroll = rail.scrollLeft;\r\n    rail.classList.add('is-dragging');\r\n  });\r\n  window.addEventListener('mouseup', function(){\r\n    down = false; rail.classList.remove('is-dragging');\r\n  });\r\n  window.addEventListener('mousemove', function(e){\r\n    if(!down) return;\r\n    var dx = e.pageX - startX;\r\n    if(Math.abs(dx) > 3) moved = true;\r\n    rail.scrollLeft = startScroll - dx;\r\n  });\r\n  rail.addEventListener('click', function(e){\r\n    if(moved){ e.preventDefault(); e.stopPropagation(); }\r\n  }, true);\r\n\r\n  rail.addEventListener('wheel', function(e){\r\n    var delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;\r\n    if(!delta) return;\r\n    var max = rail.scrollWidth - rail.clientWidth;\r\n    if(max <= 0) return;\r\n    var atStart = rail.scrollLeft <= 0;\r\n    var atEnd = rail.scrollLeft >= max - 1;\r\n    \/\/ Scroll horizontal tant qu'il reste de la place ; au bord on rel\u00e2che vers le scroll vertical.\r\n    if((delta > 0 && !atEnd) || (delta < 0 && !atStart)){\r\n      e.preventDefault();\r\n      rail.scrollLeft += delta;\r\n    }\r\n  }, { passive: false });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-57d63b6 e-flex e-con-boxed e-con e-parent\" data-id=\"57d63b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-896e524 e-con-full e-flex e-con e-child\" data-id=\"896e524\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2efaf3 elementor-widget elementor-widget-heading\" data-id=\"c2efaf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ARE YOU LOOKING TO MAKE YOUR MESSAGE<br \/>MORE DYNAMIC?<\/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-806505b e-con-full e-flex e-con e-child\" data-id=\"806505b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aeaec8 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"4aeaec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">You&#8217;ve come to the right place. The dynamism of motion design is what transforms information into fun, bite-sized chunks that are easy to digest, the simplest way to show your audience that what they thought was complicated isn&#8217;t really that complicated after all. It sticks in people\u2019s minds, and they\u2019ll associate it with your brand. Here\u2019s how it compares to other tools for presenting your information.   <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"aux-parallax-section elementor-element elementor-element-39db388 e-flex e-con-boxed e-con e-parent\" data-id=\"39db388\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-432bb29 elementor-widget elementor-widget-html\" data-id=\"432bb29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mcv-cmp\">\r\n  <div class=\"mcv-cmp-grid\">\r\n\r\n    <!-- Colonne SLOP -->\r\n    <div class=\"mcv-cmp-col mcv-cmp-col--slop\">\r\n      <div class=\"mcv-cmp-head mcv-cmp-head--slop\">AI Overview  <\/div>\r\n      <ul class=\"mcv-cmp-list\">\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Centered around a talking AI avatar, accompanied by a PowerPoint presentation<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Designed for training purposes<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>The same avatar, no matter what brand you use<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Cannot customize based on your product<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Unable to visualize an abstract concept or a piece of data<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Lacks a lot in terms of explanation<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>It's hard to stand out\u2014everyone uses the same tool<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Colonne MACHIAVEL -->\r\n    <div class=\"mcv-cmp-col mcv-cmp-col--mcv\">\r\n      <div class=\"mcv-cmp-head mcv-cmp-head--mcv\">MACHIAVEL STUDIOS: MOTION DESIGN<\/div>\r\n      <ul class=\"mcv-cmp-list\">\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Tailored to your platform, produced like a real video<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Designed for explanatory purposes<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>A visual style that truly becomes your own<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Customized to showcase your platform's UX\/UI<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Turns abstract concepts, data, and statistics into something clear<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Lots of branding\u2014enough to make you stand out from the crowd<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Can combine different technologies (AI, 3D, video production, testimonials) to suit your needs<\/span><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@700&display=swap');\r\n\r\n.mcv-cmp{\r\n  --mcv-yellow:#FFD700;\r\n  --mcv-line:#2a2a2a;\r\n  width:100%;margin:0 auto;\r\n}\r\n.mcv-cmp *{box-sizing:border-box;}\r\n\r\n\/* Grille toujours \u00e0 2 colonnes, jamais d'empilement. minmax(0,1fr) emp\u00eache le d\u00e9bordement du texte *\/\r\n.mcv-cmp-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2, minmax(0, 1fr));\r\n  gap:clamp(10px, 3vw, 32px);\r\n}\r\n.mcv-cmp-col{\r\n  background:#141414;border:1px solid #262626;border-radius:14px;\r\n  padding:clamp(16px, 4vw, 48px) clamp(14px, 3.5vw, 44px);\r\n  min-width:0; \/* essentiel pour que le texte se compresse au lieu de pousser la grille *\/\r\n}\r\n.mcv-cmp-col--mcv{\r\n  border:1px solid var(--mcv-yellow);\r\n}\r\n\r\n\/* TITRES *\/\r\n.mcv-cmp-head{\r\n  font-family:'Montserrat',sans-serif !important;\r\n  font-size:clamp(10.5px, 3vw, 22px);\r\n  font-weight:700;letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n  margin:0 0 6px 0;\r\n  padding-bottom:clamp(10px, 3vw, 24px);\r\n  line-height:1.2;\r\n}\r\n.mcv-cmp-head--slop{color:#8a8a8a;}\r\n.mcv-cmp-head--mcv{color:var(--mcv-yellow);}\r\n\r\n\/* LISTE *\/\r\n.mcv-cmp-list{list-style:none !important;margin:0 !important;padding:0 !important;}\r\n.mcv-cmp-list li{\r\n  list-style:none !important;\r\n  display:flex;align-items:flex-start;\r\n  gap:clamp(6px, 1.6vw, 14px);\r\n  margin:0 !important;\r\n  padding:clamp(10px, 2.6vw, 22px) 0 !important;\r\n  background:none !important;\r\n  border:0 !important;\r\n  border-top:1px solid var(--mcv-line) !important;\r\n  border-radius:0 !important;\r\n  box-shadow:none !important;\r\n  font-family:'Roboto',sans-serif !important;\r\n  font-size:clamp(11.5px, 2.5vw, 16.5px);\r\n  line-height:1.45;\r\n}\r\n.mcv-cmp-col--slop .mcv-cmp-list li{color:#9a9a9a;font-weight:400;}\r\n.mcv-cmp-col--mcv  .mcv-cmp-list li{color:#f2f2f2;font-weight:400;}\r\n\r\n.mcv-cmp-ico{\r\n  flex:0 0 auto;\r\n  font-size:clamp(10px, 2.3vw, 15px);\r\n  line-height:1.45;font-weight:700;\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n.mcv-cmp-ico--x{color:#6b6b6b;}\r\n.mcv-cmp-ico--check{color:var(--mcv-yellow);}\r\n\r\n\/* Tablette : le clamp bas\u00e9 sur vw ne suffit pas si le conteneur est plus \u00e9troit que le viewport, donc on fixe des tailles ici *\/\r\n@media(max-width:900px){\r\n  .mcv-cmp-grid{gap:14px;}\r\n  .mcv-cmp-col{padding:20px 16px;}\r\n  .mcv-cmp-head{font-size:14px;padding-bottom:12px;}\r\n  .mcv-cmp-list li{font-size:12.5px;padding:12px 0 !important;gap:8px;}\r\n  .mcv-cmp-ico{font-size:11px;}\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:600px){\r\n  .mcv-cmp-grid{gap:8px;}\r\n  .mcv-cmp-col{padding:12px 10px;border-radius:10px;}\r\n  .mcv-cmp-head{font-size:11px;padding-bottom:8px;letter-spacing:.04em;}\r\n  .mcv-cmp-list li{font-size:10px;padding:8px 0 !important;gap:5px;line-height:1.35;}\r\n  .mcv-cmp-ico{font-size:9px;}\r\n}\r\n\r\n\/* Tr\u00e8s petit mobile *\/\r\n@media(max-width:360px){\r\n  .mcv-cmp-col{padding:10px 8px;}\r\n  .mcv-cmp-head{font-size:9.5px;}\r\n  .mcv-cmp-list li{font-size:9px;padding:6px 0 !important;}\r\n  .mcv-cmp-ico{font-size:8px;}\r\n}\r\n\/* ===== Hover lift cartes de prix ===== *\/\r\n.mch-card{\r\n  top: 0;\r\n  transition: top .25s ease, box-shadow .25s ease;\r\n}\r\n.mch-card:hover{\r\n  top: -8px;\r\n  z-index: 3;\r\n  box-shadow: 0 18px 44px rgba(0,0,0,.45);\r\n}\r\n.mch-card--featured:hover{\r\n  box-shadow: 0 0 0 1px rgba(255,212,0,.15), 0 26px 60px rgba(0,0,0,.5);\r\n}\r\n<\/style>\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<div class=\"aux-parallax-section elementor-element elementor-element-6a9af1c e-con-full e-flex e-con e-parent\" data-id=\"6a9af1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/machiavel-portfolio-media.b-cdn.net\\\/EXPORTS\\\/MOTION-DESIGN_DEMO-REEL_PREVIEW-ME-N-U.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_video_end&quot;:26,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-149b6a9 elementor-widget elementor-widget-heading\" data-id=\"149b6a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GET A VIDEO THAT BRINGS YOU UP TO SPEED<br \/>WITH YOUR BIGGEST COMPETITORS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b81bcee elementor-widget elementor-widget-text-editor\" data-id=\"b81bcee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your audience won&#8217;t just understand your offering, but they&#8217;llember it, talk about it, and want to be part of the solution. That&#8217;s the energy that good motion design brings to your brand. <\/p>\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=\"aux-parallax-section elementor-element elementor-element-ea5f8a8 e-flex e-con-boxed e-con e-parent\" data-id=\"ea5f8a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-185556a elementor-widget elementor-widget-heading\" data-id=\"185556a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MOTION DESIGN PACKAGES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb718b5 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"eb718b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENJOY HIGH-END MOTION DESIGN<br \/><span style=\"color: #FFD700\">, FOR EVERY BUDGET<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3577d64 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"3577d64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENJOY HIGH-END MOTION DESIGN <span style=\"color: #FFD700\">FOR EVERY BUDGET<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7d5145 elementor-widget elementor-widget-text-editor\" data-id=\"b7d5145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Whether you need a professional and effective explanation delivered quickly, want to develop a completely customized visual identity, or want to explore two contrasting visual styles before making a decision, there\u2019s a package that\u2019s right for you. All prices listed are for a one-minute video. A longer video means more days of editing, and therefore a higher price.  <\/p>\t\t\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<div class=\"aux-parallax-section elementor-element elementor-element-3756743 e-flex e-con-boxed e-con e-parent\" data-id=\"3756743\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5613437 elementor-widget elementor-widget-shortcode\" data-id=\"5613437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ============================================================\r\n     STUDIOS MACHIAVEL \u2014 CARTES PRICING (3 formules)\r\n     v6 : tablette = vedette pleine largeur, bloc gauche centr\u00e9 vert.\r\n          mobile = onglets centr\u00e9s (pilule largeur naturelle)\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Montserrat:wght@400;600;700&display=swap');\r\n\r\n.mch-pricing{\r\n  --mch-yellow:#FFD400;\r\n  --mch-card-bg:#060606;\r\n  --mch-card-bg-featured:rgba(255,255,255,.055);\r\n  --mch-card-border:rgba(255,255,255,.14);\r\n  --mch-title:#F2EFE9;\r\n  --mch-text:#A8A8AC;\r\n  --mch-label:#8E8E92;\r\n  --mch-pad:40px;\r\n  --mch-gap:26px;\r\n  --mch-radius:14px;\r\n  --mch-anton:'Anton',sans-serif;\r\n  --mch-mont:'Montserrat',sans-serif;\r\n  --mch-price-font:var(--mch-mont);\r\n\r\n  font-family:var(--mch-mont);\r\n  -webkit-font-smoothing:antialiased;\r\n  box-sizing:border-box;\r\n}\r\n.mch-pricing *,\r\n.mch-pricing *::before,\r\n.mch-pricing *::after{box-sizing:border-box;}\r\n\r\n.mch-pricing p,\r\n.mch-pricing li,\r\n.mch-pricing span,\r\n.mch-pricing a{font-family:var(--mch-mont) !important;}\r\n.mch-pricing p,\r\n.mch-pricing h3,\r\n.mch-pricing li{overflow-wrap:break-word;word-break:normal;}\r\n.mch-pricing ul{list-style:none !important;}\r\n.mch-pricing ul li{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;}\r\n.mch-pricing ul li::marker{content:none;}\r\n\r\n\/* ---------- Grille (desktop \/ tablette) ---------- *\/\r\n.mch-pricing__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:var(--mch-gap);\r\n  align-items:stretch;\r\n  width:100%;\r\n  padding:16px 0 0;\r\n}\r\n\r\n\/* ---------- Carte ---------- *\/\r\n.mch-card{\r\n  position:relative;\r\n  display:flex;flex-direction:column;\r\n  background:var(--mch-card-bg);\r\n  border:1px solid var(--mch-card-border);\r\n  border-radius:var(--mch-radius);\r\n  padding:var(--mch-pad);\r\n  min-width:0;\r\n}\r\n\r\n\/* Wrappers internes de la carte vedette : transparents partout,\r\n   sauf en tablette o\u00f9 ils deviennent les 2 colonnes. *\/\r\n.mch-card__side{display:contents;}\r\n\r\n.mch-card--featured{\r\n  background:var(--mch-card-bg-featured);\r\n  border:2px solid var(--mch-yellow);\r\n  padding:calc(var(--mch-pad) - 1px);\r\n  box-shadow:0 0 0 1px rgba(255,212,0,.15), 0 16px 44px rgba(0,0,0,.45);\r\n}\r\n.mch-card__badge{\r\n  position:absolute;top:0;left:50%;\r\n  transform:translate(-50%,-50%);\r\n  background:var(--mch-yellow);color:#0F0F10;\r\n  font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;\r\n  padding:8px 18px;border-radius:999px;white-space:nowrap;\r\n}\r\n\r\n.mch-pricing .mch-card__name{\r\n  font-family:var(--mch-anton) !important;\r\n  font-weight:400 !important;\r\n  font-size:34px;line-height:1;\r\n  text-transform:uppercase;letter-spacing:.01em;\r\n  color:var(--mch-title) !important;\r\n  margin:0 0 3px !important;\r\n}\r\n.mch-card__tag{\r\n  font-size:12px;font-weight:700;line-height:1.35;\r\n  letter-spacing:.11em;text-transform:uppercase;\r\n  color:var(--mch-yellow);\r\n  margin:0 0 22px !important;\r\n}\r\n.mch-card__desc{\r\n  font-size:15px;font-weight:400;line-height:1.65;\r\n  color:var(--mch-text);\r\n  margin:0 0 30px !important;text-align:left;\r\n}\r\n.mch-card__desc--short{display:none;}\r\n\r\n.mch-card__pricing{margin:0 0 32px;}\r\n.mch-card__pricing-label{\r\n  font-size:11px;font-weight:700;line-height:1;\r\n  letter-spacing:.18em;text-transform:uppercase;\r\n  color:var(--mch-label);\r\n  margin:0 0 10px !important;\r\n}\r\n.mch-card__price{\r\n  font-family:var(--mch-price-font) !important;\r\n  font-size:32px;font-weight:700;line-height:1.05;\r\n  letter-spacing:.01em;\r\n  color:var(--mch-title);\r\n  margin:0 !important;\r\n}\r\n\r\n.mch-card__list{\r\n  list-style:none;margin:0 0 32px !important;padding:0 !important;\r\n  display:grid;gap:13px;align-content:start;\r\n}\r\n.mch-card__list li{\r\n  display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;\r\n  font-size:15px;font-weight:400;line-height:1.45;color:var(--mch-title);\r\n}\r\n.mch-card__list li::before{\r\n  content:\"\";\r\n  width:18px;height:18px;margin-top:1px;\r\n  border-radius:50%;background:var(--mch-yellow);\r\n  background-image:url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%230F0F10' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\r\n  background-size:12px 12px;background-position:center;background-repeat:no-repeat;\r\n}\r\n\r\n.mch-pricing a.mch-card__cta{\r\n  margin-top:auto;\r\n  display:block;width:100%;\r\n  text-align:center;text-decoration:none !important;\r\n  font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\r\n  padding:19px 20px;border-radius:999px;\r\n  transition:background-color .2s ease,color .2s ease,border-color .2s ease;\r\n}\r\n.mch-pricing a.mch-card__cta--ghost,\r\n.mch-pricing a.mch-card__cta--ghost:visited{\r\n  border:1px solid rgba(255,255,255,.18);\r\n  color:var(--mch-title) !important;\r\n  background:transparent !important;\r\n}\r\n.mch-pricing a.mch-card__cta--ghost:hover,\r\n.mch-pricing a.mch-card__cta--ghost:focus{\r\n  border-color:var(--mch-yellow);\r\n  color:var(--mch-yellow) !important;\r\n  background:transparent !important;\r\n}\r\n.mch-pricing a.mch-card__cta--solid,\r\n.mch-pricing a.mch-card__cta--solid:visited{\r\n  border:1px solid var(--mch-yellow);\r\n  background:var(--mch-yellow) !important;\r\n  color:#0F0F10 !important;\r\n  padding:23px 20px;font-size:14px;\r\n}\r\n.mch-pricing a.mch-card__cta--solid:hover,\r\n.mch-pricing a.mch-card__cta--solid:focus{\r\n  background:#FFE04D !important;border-color:#FFE04D;\r\n  color:#0F0F10 !important;\r\n}\r\n\r\n\/* ---------- Onglets mobile (radios cach\u00e9s + barre) ---------- *\/\r\n.mch-pricing .mch-tab-input{\r\n  position:absolute;width:1px;height:1px;\r\n  opacity:0;pointer-events:none;margin:0;\r\n}\r\n.mch-pricing__tabs{display:none;}   \/* visible seulement en mobile *\/\r\n\r\n\/* ---------- Bascule description longue\/courte ---------- *\/\r\n@media (max-width:1024px){\r\n  .mch-card__desc--long{display:none;}\r\n  .mch-card__desc--short{display:block;}\r\n}\r\n\r\n\/* ---------- Alignement ligne par ligne (desktop + tablette) ---------- *\/\r\n@media (min-width:768px){\r\n  @supports (grid-template-rows:subgrid){\r\n    .mch-pricing__grid{grid-template-rows:auto auto auto auto 1fr auto;}\r\n    .mch-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;}\r\n    .mch-pricing a.mch-card__cta{margin-top:0;align-self:end;}\r\n  }\r\n}\r\n\r\n\/* DESKTOP (1025px et plus) : cartes plus compactes pour tenir sans scroll vertical *\/\r\n@media (min-width:1025px){\r\n  .mch-pricing{--mch-pad:24px;--mch-gap:18px;}\r\n  \/* Padding vertical doubl\u00e9 (48px haut\/bas), horizontal inchang\u00e9 (24px) *\/\r\n  .mch-card{padding:48px 24px;}\r\n  .mch-card--featured{padding:47px 23px;}\r\n  .mch-card__name{font-size:22px;}\r\n  .mch-card--featured .mch-card__name{font-size:26px;}\r\n  .mch-card__tag{font-size:11px;margin-bottom:10px !important;}\r\n  .mch-card__desc{font-size:12.5px;line-height:1.45;margin-bottom:14px !important;}\r\n  .mch-card__pricing{margin-bottom:14px;}\r\n  .mch-card__pricing-label{font-size:10px;margin-bottom:5px !important;}\r\n  .mch-card__price{font-size:20px;}\r\n  .mch-card--featured .mch-card__price{font-size:24px;}\r\n  .mch-card__list{gap:8px;margin-bottom:14px !important;}\r\n  .mch-card__list li{font-size:12.5px;line-height:1.3;gap:9px;}\r\n  .mch-card__list li::before{width:14px;height:14px;background-size:9px 9px;}\r\n  .mch-pricing a.mch-card__cta{padding:12px 18px;font-size:11px;}\r\n  .mch-pricing a.mch-card__cta--solid{padding:15px 18px;font-size:12px;}\r\n  .mch-card--featured{transform:scale(1.045);transform-origin:center bottom;z-index:2;}\r\n}\r\n\r\n\/* ============================================================\r\n   TABLETTE (768 \u00e0 1024px)\r\n   Vedette pleine largeur en haut (2 colonnes internes),\r\n   bloc gauche CENTR\u00c9 verticalement.\r\n   Essential + Ambition en dessous sur 2 colonnes.\r\n   ============================================================ *\/\r\n@media (max-width:1024px) and (min-width:768px){\r\n  .mch-pricing{--mch-pad:26px;--mch-gap:16px;}\r\n\r\n  .mch-pricing__grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    grid-template-rows:none;\r\n  }\r\n  .mch-card{\r\n    display:flex;\r\n    grid-row:auto;\r\n    grid-template-rows:none;\r\n    grid-template-columns:none;\r\n  }\r\n  .mch-pricing .mch-card a.mch-card__cta{margin-top:auto;align-self:auto;}\r\n\r\n  \/* Vedette : pleine largeur, en premier, 2 colonnes internes *\/\r\n  .mch-card--featured{\r\n    grid-column:1 \/ -1;\r\n    order:-1;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    column-gap:44px;\r\n    align-items:stretch;\r\n  }\r\n  .mch-card--featured .mch-card__side{display:flex;flex-direction:column;}\r\n  .mch-card--featured .mch-card__side--info{justify-content:center;}  \/* <-- centrage vertical *\/\r\n\r\n  \/* R\u00e9ductions de taille *\/\r\n  .mch-card__name{font-size:22px;}\r\n  .mch-card--featured .mch-card__name{font-size:28px;}\r\n  .mch-card__tag{font-size:10px;margin-bottom:14px !important;}\r\n  .mch-card__desc{font-size:12px;line-height:1.5;margin-bottom:18px !important;}\r\n  .mch-card--featured .mch-card__desc{font-size:13px;line-height:1.55;}\r\n  .mch-card__pricing{margin-bottom:18px;}\r\n  .mch-card__pricing-label{font-size:9.5px;}\r\n  .mch-card__price{font-size:20px;}\r\n  .mch-card--featured .mch-card__price{font-size:24px;}\r\n  .mch-card__list{gap:10px;margin-bottom:18px !important;}\r\n  .mch-card__list li{font-size:12px;line-height:1.4;gap:9px;}\r\n  .mch-card--featured .mch-card__list li{font-size:13px;}\r\n  .mch-card__list li::before{width:16px;height:16px;background-size:10px 10px;}\r\n  .mch-pricing a.mch-card__cta{padding:14px 16px;font-size:11px;}\r\n  .mch-pricing a.mch-card__cta--solid{padding:16px 16px;font-size:12px;}\r\n}\r\n\r\n\/* ============================================================\r\n   MOBILE (767px et moins) \u2014 syst\u00e8me d'onglets.\r\n   Une seule formule visible \u00e0 la fois, on tape pour switcher.\r\n   ============================================================ *\/\r\n@media (max-width:767px){\r\n  .mch-pricing{--mch-pad:26px;}\r\n\r\n  \/* Barre d'onglets \u2014 pilule \u00e0 largeur naturelle, CENTR\u00c9E *\/\r\n  .mch-pricing__tabs{\r\n    display:flex;\r\n    gap:4px;\r\n    padding:5px;\r\n    margin:16px auto 26px;   \/* auto = centr\u00e9e horizontalement *\/\r\n    width:100%;                \/* occupe l'espace dispo, jamais de d\u00e9bordement *\/\r\n    max-width:380px;           \/* reste compacte et centr\u00e9e sur \u00e9crans plus larges *\/\r\n    background:rgba(255,255,255,.05);\r\n    border:1px solid var(--mch-card-border);\r\n    border-radius:999px;\r\n  }\r\n  .mch-pricing__tabs label{\r\n    flex:1 1 0;                \/* chaque onglet partage l'espace \u00e0 parts \u00e9gales *\/\r\n    min-width:0;               \/* autorise le texte \u00e0 r\u00e9tr\u00e9cir sans d\u00e9border *\/\r\n    text-align:center;\r\n    font-family:var(--mch-mont);\r\n    font-size:clamp(9px,3vw,11.5px);font-weight:700;\r\n    letter-spacing:.03em;text-transform:uppercase;\r\n    color:var(--mch-text);\r\n    padding:10px 2px;\r\n    border-radius:999px;\r\n    cursor:pointer;\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n    transition:background-color .2s ease,color .2s ease;\r\n  }\r\n  #mch-f-essentiel:checked   ~ .mch-pricing__tabs label[for=\"mch-f-essentiel\"],\r\n  #mch-f-authentique:checked ~ .mch-pricing__tabs label[for=\"mch-f-authentique\"],\r\n  #mch-f-ambition:checked    ~ .mch-pricing__tabs label[for=\"mch-f-ambition\"]{\r\n    background:var(--mch-yellow);\r\n    color:#0F0F10;\r\n  }\r\n\r\n  \/* Une seule carte affich\u00e9e *\/\r\n  .mch-pricing__grid{display:block;padding-top:0;}\r\n  .mch-card{\r\n    display:none !important;\r\n    grid-row:auto !important;\r\n    grid-template-rows:none !important;\r\n    grid-template-columns:none !important;\r\n    width:100%;\r\n  }\r\n  #mch-f-essentiel:checked   ~ .mch-pricing__grid .mch-card:nth-child(1),\r\n  #mch-f-authentique:checked ~ .mch-pricing__grid .mch-card:nth-child(2),\r\n  #mch-f-ambition:checked    ~ .mch-pricing__grid .mch-card:nth-child(3){\r\n    display:flex !important;\r\n    flex-direction:column;\r\n  }\r\n  .mch-card__side{display:contents;}\r\n  .mch-card__badge{display:none;}   \/* l'onglet actif fait foi *\/\r\n  .mch-pricing a.mch-card__cta{margin-top:18px;align-self:auto;}\r\n\r\n  \/* Tailles *\/\r\n  .mch-card__name{font-size:26px;margin-bottom:2px !important;}\r\n  .mch-card__tag{font-size:11px;letter-spacing:.09em;margin-bottom:14px !important;}\r\n  .mch-card__desc{font-size:14px;line-height:1.55;margin-bottom:18px !important;}\r\n  .mch-card__pricing{margin-bottom:18px;}\r\n  .mch-card__pricing-label{font-size:10px;margin-bottom:6px !important;}\r\n  .mch-card__price{font-size:26px;}\r\n  .mch-card__list{gap:11px;margin-bottom:22px !important;}\r\n  .mch-card__list li{font-size:14px;gap:10px;line-height:1.45;}\r\n  .mch-card__list li::before{width:17px;height:17px;background-size:11px 11px;}\r\n  .mch-pricing a.mch-card__cta{padding:16px 18px;font-size:12px;}\r\n  .mch-pricing a.mch-card__cta--solid{padding:17px 18px;font-size:13px;}\r\n}\r\n\/* ===== Hover lift cartes de prix ===== *\/\r\n.mch-card{\r\n  top: 0;\r\n  transition: top .25s ease, box-shadow .25s ease;\r\n}\r\n.mch-card:hover{\r\n  top: -8px;\r\n  z-index: 3;\r\n  box-shadow: 0 18px 44px rgba(0,0,0,.45);\r\n}\r\n.mch-card--featured:hover{\r\n  box-shadow: 0 0 0 1px rgba(255,212,0,.15), 0 26px 60px rgba(0,0,0,.5);\r\n}<\/style>\r\n\r\n<section class=\"mch-pricing\">\r\n\r\n  <!-- Radios (cach\u00e9s) : pilotent les onglets en mobile -->\r\n  <input class=\"mch-tab-input\" type=\"radio\" name=\"mch-formule\" id=\"mch-f-essentiel\">\r\n  <input class=\"mch-tab-input\" type=\"radio\" name=\"mch-formule\" id=\"mch-f-authentique\" checked>\r\n  <input class=\"mch-tab-input\" type=\"radio\" name=\"mch-formule\" id=\"mch-f-ambition\">\r\n\r\n  <!-- Barre d'onglets (mobile seulement) -->\r\n  <div class=\"mch-pricing__tabs\">\r\n    <label for=\"mch-f-essentiel\">Essential<\/label>\r\n    <label for=\"mch-f-authentique\">Authentic<\/label>\r\n    <label for=\"mch-f-ambition\">Ambition<\/label>\r\n  <\/div>\r\n\r\n  <div class=\"mch-pricing__grid\">\r\n\r\n    <!-- ESSENTIEL -->\r\n    <article class=\"mch-card\">\r\n      <h3 class=\"mch-card__name\">Essential<\/h3>\r\n      <p class=\"mch-card__tag\">Proven templates<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--long\">Clean, polished motion design. We start with proven templates \u2014 visual structures we know work. No custom graphic development. Perfect when you need a professional, effective video, fast.<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--short\">Clean motion design, built from proven templates. Perfect for a professional, effective video, fast.<\/p>\r\n      <div class=\"mch-card__pricing\">\r\n        <p class=\"mch-card__pricing-label\">Starting at<\/p>\r\n        <p class=\"mch-card__price\">$3,900<\/p>\r\n      <\/div>\r\n      <ul class=\"mch-card__list\">\r\n        <li>Creative brief and script<\/li>\r\n        <li>Animation from established templates<\/li>\r\n        <li>Motion design and editing<\/li>\r\n        <li>One visual direction<\/li>\r\n      <\/ul>\r\n      <a class=\"mch-card__cta mch-card__cta--ghost\" href=\"#contact\">Learn more<\/a>\r\n    <\/article>\r\n\r\n    <!-- AUTHENTIQUE -->\r\n    <article class=\"mch-card mch-card--featured\">\r\n      <span class=\"mch-card__badge\">Most requested<\/span>\r\n      <div class=\"mch-card__side mch-card__side--info\">\r\n        <h3 class=\"mch-card__name\">Authentic<\/h3>\r\n        <p class=\"mch-card__tag\">Custom-built<\/p>\r\n        <p class=\"mch-card__desc mch-card__desc--long\">We develop a custom visual identity for your project: no templates, true tailor-made design. We can incorporate AI-enhanced content wherever it strengthens the story (b-roll, complex narrative elements). Filming or AI generation becomes a reference point to refine the style.<\/p>\r\n        <p class=\"mch-card__desc mch-card__desc--short\">A custom visual identity for your project: no templates, true tailor-made design. Filming or AI generation becomes a reference point to refine the style.<\/p>\r\n      <\/div>\r\n      <div class=\"mch-card__side mch-card__side--offer\">\r\n        <div class=\"mch-card__pricing\">\r\n          <p class=\"mch-card__pricing-label\">Starting at<\/p>\r\n          <p class=\"mch-card__price\">$6,175<\/p>\r\n        <\/div>\r\n        <ul class=\"mch-card__list\">\r\n          <li>Everything included in Essential<\/li>\r\n          <li>Custom visual identity (bespoke graphic development)<\/li>\r\n          <li>AI-enhanced content, depending on the project<\/li>\r\n          <li>Detailed storyboard<\/li>\r\n          <li>Two to three style directions explored before production<\/li>\r\n        <\/ul>\r\n        <a class=\"mch-card__cta mch-card__cta--solid\" href=\"#contact\">Book this package<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- AMBITION -->\r\n    <article class=\"mch-card\">\r\n      <h3 class=\"mch-card__name\">Ambition<\/h3>\r\n      <p class=\"mch-card__tag\">Two directions<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--long\">For true art direction. The deepest level of creative thinking we offer. Before production starts, we explore two completely different visual directions: two distinct worlds. You see how each direction carries your message, then you choose. Zero risk of \u201cI wish I'd tried the other one.\u201d It's the caliber of cinematic productions, with the peace of mind of having validated the direction upfront.<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--short\">The deepest level of creative thinking we offer: two completely different visual directions, two distinct worlds, before you choose. It's the caliber of cinematic productions.<\/p>\r\n      <div class=\"mch-card__pricing\">\r\n        <p class=\"mch-card__pricing-label\">Starting at<\/p>\r\n        <p class=\"mch-card__price\">$10,075<\/p>\r\n      <\/div>\r\n      <ul class=\"mch-card__list\">\r\n        <li>Everything included in Authentic<\/li>\r\n        <li>Brief challenged and enriched upfront<\/li>\r\n        <li>Two fully developed, opposing visual directions<\/li>\r\n        <li>Custom style frames for different scenes (the video can shift between worlds)<\/li>\r\n        <li>Reinforced storyboard for complex moments<\/li>\r\n      <\/ul>\r\n      <a class=\"mch-card__cta mch-card__cta--ghost\" href=\"#contact\">Learn more<\/a>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/ld+json\">{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"@id\": \"https:\/\/machiavel.com\/en\/services-production-video\/motion-design#service\",\r\n  \"name\": \"Motion Design\",\r\n  \"serviceType\": \"Motion design production\",\r\n  \"url\": \"https:\/\/machiavel.com\/en\/services-production-video\/motion-design\",\r\n  \"description\": \"Three motion design packages, from proven templates to fully custom art direction, to turn a complex message into a clear, easy-to-understand video.\",\r\n  \"provider\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"Studios Machiavel\",\r\n    \"url\": \"https:\/\/machiavel.com\",\r\n    \"description\": \"Next-generation video production studio in Montreal.\",\r\n    \"address\": {\r\n      \"@type\": \"PostalAddress\",\r\n      \"addressLocality\": \"Montreal\",\r\n      \"addressRegion\": \"QC\",\r\n      \"addressCountry\": \"CA\"\r\n    }\r\n  },\r\n  \"areaServed\": {\r\n    \"@type\": \"City\",\r\n    \"name\": \"Montreal\"\r\n  },\r\n  \"hasOfferCatalog\": {\r\n    \"@type\": \"OfferCatalog\",\r\n    \"name\": \"Motion design packages\",\r\n    \"itemListElement\": [\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Essential\",\r\n        \"description\": \"Clean, polished motion design. We start with proven templates \u2014 visual structures we know work. No custom graphic development. Perfect when you need a professional, effective video, fast.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\r\n          \"@type\": \"PriceSpecification\",\r\n          \"priceCurrency\": \"CAD\",\r\n          \"minPrice\": 3900,\r\n          \"valueAddedTaxIncluded\": false\r\n        },\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/en\/services-production-video\/motion-design\",\r\n        \"itemOffered\": {\r\n          \"@type\": \"Service\",\r\n          \"name\": \"Essential: Proven Templates\",\r\n          \"serviceType\": \"Motion design from established templates\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Authentic\",\r\n        \"description\": \"We develop a custom visual identity for your project: no templates, true tailor-made design. We can incorporate AI-enhanced content wherever it strengthens the story. Filming or AI generation becomes a reference point to refine the style.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\r\n          \"@type\": \"PriceSpecification\",\r\n          \"priceCurrency\": \"CAD\",\r\n          \"minPrice\": 6175,\r\n          \"valueAddedTaxIncluded\": false\r\n        },\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/en\/services-production-video\/motion-design\",\r\n        \"itemOffered\": {\r\n          \"@type\": \"Service\",\r\n          \"name\": \"Authentic: Custom-Built\",\r\n          \"serviceType\": \"Motion design with a custom visual identity\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Ambition\",\r\n        \"description\": \"The deepest level of creative thinking we offer. Before production starts, we explore two completely different visual directions: two distinct worlds. You see how each direction carries your message, then you choose.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\r\n          \"@type\": \"PriceSpecification\",\r\n          \"priceCurrency\": \"CAD\",\r\n          \"minPrice\": 10075,\r\n          \"valueAddedTaxIncluded\": false\r\n        },\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/en\/services-production-video\/motion-design\",\r\n        \"itemOffered\": {\r\n          \"@type\": \"Service\",\r\n          \"name\": \"Ambition: Two Directions\",\r\n          \"serviceType\": \"Motion design with fully custom art direction\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n}<\/script><\/div>\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<div class=\"aux-parallax-section elementor-element elementor-element-eb4f64a e-con-full e-flex e-con e-parent\" data-id=\"eb4f64a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f4e5f6d e-con-full e-flex e-con e-child\" data-id=\"f4e5f6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9dd45e elementor-widget elementor-widget-text-editor\" data-id=\"b9dd45e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"display: inline-block; background: #FFD700; color: #000; font-weight: 800; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; padding: 8px 20px; border-radius: 999px; transform: rotate(-4deg);\">  CHECK OUT OUR DEMO REEL!<\/span><\/p>\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-70bcdb3 elementor-widget elementor-widget-video\" data-id=\"70bcdb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/machiavel-portfolio-media.b-cdn.net\/EXPORTS\/2MB_15SEC_DEMOREEL_2026.mp4\" autoplay=\"\" loop=\"\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/machiavel.com\/wp-content\/uploads\/2026\/06\/WEBP_MAINPAGE_COVER_HERO_1ST-FRAME_DEMOREEL_SUTDIOSMACHIAVEL_AGENCE-PRODUCTION-VIDEO_2026-06-12.webp\"><\/video>\n\t\t\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-a326025 e-con-full e-flex e-con e-child\" data-id=\"a326025\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e991332 elementor-widget elementor-widget-heading\" data-id=\"e991332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"color: #FFD700\">STUDIOS MACHIAVEL,<\/span> <br \/>\u2014YOUR PARTNER FOR MOTION DESIGN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-302127d elementor-widget elementor-widget-text-editor\" data-id=\"302127d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Machiavel Studios is a next-generation video production agency based in Montreal. Our team has a background in film and VFX. You\u2019ll benefit from the same cinematic techniques for your motion design projects, from concept to final animation.  <\/p><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Motion design isn&#8217;t just about pretty animations\u2014it&#8217;s a strategic tool for explaining, persuading, and making a lasting impression. What sets us apart is our team of specialists with niche expertise who deliver motion design, 3D, and corporate storytelling\u2014all in-house. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acd8eab e-con-full e-flex e-con e-child\" data-id=\"acd8eab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1279bab elementor-align-left elementor-widget elementor-widget-button\" data-id=\"1279bab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/machiavel.com\/services-production-video\/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\">  VIEW OUR PORTFOLIO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-b4e7fa4 e-con-full e-flex e-con e-parent\" data-id=\"b4e7fa4\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2aa1f34d e-con-full e-flex e-con e-child\" data-id=\"2aa1f34d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ef293be e-con-full e-flex e-con e-child\" data-id=\"1ef293be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82a0e3c elementor-widget elementor-widget-heading\" data-id=\"82a0e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">DO YOU HAVE AN IDEA?  <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac8fb51 elementor-widget elementor-widget-heading\" data-id=\"1ac8fb51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">IT'S TIME TO PLAY WITH THE BIG KIDS.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b86a3ff elementor-widget elementor-widget-text-editor\" data-id=\"3b86a3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Spend 30 minutes with our creative director to turn your idea into a clear direction. We&#8217;ll give you our honest opinion on what it will take to bring it up to the level you&#8217;re aiming for, and you&#8217;ll walk away with a concrete plan\u2014whether you choose to move forward with us or not. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57213459 e-con-full e-flex e-con e-child\" data-id=\"57213459\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56d07bd7 elementor-widget elementor-widget-shortcode\" data-id=\"56d07bd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><iframe id=\"zohoMainForm\" aria-label=\"SHARE IT HERE\" frameborder=\"0\" style=\"height:800px;width:100%;border:none;overflow:hidden;\" scrolling=\"no\" src=\"https:\/\/forms.zohopublic.com\/machiavelvidographie\/form\/MAINFORMV2SHORT\/formperma\/k2juvFsZQxkrZhKMX9evI6Sj-XQp4xoVHcSeO2p-O9E?zf_lang=en\"><\/iframe><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-35656f3 e-flex e-con-boxed e-con e-parent\" data-id=\"35656f3\" 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-2bf73d1 e-flex e-con-boxed e-con e-child\" data-id=\"2bf73d1\" 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-2359333 e-flex e-con-boxed e-con e-child\" data-id=\"2359333\" 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-9a0cb2a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9a0cb2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 class=\"elementor-element elementor-element-c4c2239 elementor-widget elementor-widget-heading\" data-id=\"c4c2239\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THEY FILMED WITH MACHIAVEL STUDIOS.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a39a408 elementor-widget elementor-widget-heading\" data-id=\"a39a408\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HERE ARE THEIR REVIEWS.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3407673 elementor-widget elementor-widget-spacer\" data-id=\"3407673\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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-4be9df0 elementor-widget elementor-widget-html\" data-id=\"4be9df0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Elfsight Google Reviews | Untitled Google Reviews -->\r\n<script src=\"https:\/\/elfsightcdn.com\/platform.js\" async=\"\"><\/script>\r\n<div class=\"elfsight-app-eba6d7a0-f36e-4aed-8990-2edbd2acadc3\" data-elfsight-app-lazy=\"\"><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-1534065 e-flex e-con-boxed e-con e-parent\" data-id=\"1534065\" 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-f4ee42e elementor-widget elementor-widget-heading\" data-id=\"f4ee42e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7bfe0 elementor-widget elementor-widget-html\" data-id=\"8e7bfe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.faq-container, .faq-container * { box-sizing: border-box; }\r\n\r\n.faq-container {\r\n  max-width: 100%;\r\n  padding: 2rem 0;\r\n}\r\n\r\n.faq-container .faq-item,\r\n.faq-container .faq-item:hover {\r\n  margin-bottom: 16px;\r\n  background: #32323238 !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  transition: none;\r\n}\r\n\r\n.faq-container .faq-trigger,\r\n.faq-container .faq-trigger:hover,\r\n.faq-container .faq-trigger:focus,\r\n.faq-container .faq-trigger:active,\r\n.faq-container .faq-trigger:visited,\r\n.faq-container .faq-trigger[aria-expanded=\"true\"] {\r\n  width: 100%;\r\n  padding: 22px 24px;\r\n  border: none !important;\r\n  outline: none;\r\n  box-shadow: none !important;\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  background-image: none !important;\r\n  color: #ffffff !important;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 16px;\r\n  text-decoration: none !important;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  transition: none !important;\r\n  transform: none !important;\r\n}\r\n\r\n.faq-container .faq-question {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  font-family: Montserrat, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3px;\r\n  line-height: 1.35;\r\n  color: inherit !important;\r\n  background: transparent !important;\r\n}\r\n\r\n.faq-trigger:focus-visible {\r\n  outline: 2px solid #FFD700;\r\n  outline-offset: -2px;\r\n}\r\n\r\n.faq-container .faq-icon {\r\n  flex-shrink: 0;\r\n  font-size: 22px;\r\n  line-height: 1;\r\n  color: #FFD700 !important;\r\n  background: transparent !important;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.faq-item.open .faq-icon {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.faq-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease;\r\n}\r\n\r\n.faq-item.open .faq-content {\r\n  max-height: 1600px;\r\n}\r\n\r\n.faq-container .faq-answer {\r\n  padding: 0 24px 22px 24px;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n  background: transparent !important;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n  text-transform: none;\r\n}\r\n\r\n.faq-container .faq-answer p {\r\n  margin: 0 0 14px 0;\r\n  color: inherit !important;\r\n}\r\n\r\n.faq-container .faq-answer p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .faq-container .faq-trigger {\r\n    padding: 18px 20px;\r\n  }\r\n\r\n  .faq-container .faq-question {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .faq-container .faq-answer {\r\n    padding: 0 20px 18px 20px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .faq-container .faq-icon {\r\n    font-size: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"faq-container\" role=\"region\" aria-label=\"Questions fr\u00e9quentes sur le motion design\">\r\n\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Un client pourrait faire \u00e7a avec Synthesia ou Runway en 2 heures, pourquoi payer pour du motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Synthesia et Runway sont des outils qui g\u00e9n\u00e8rent des avatars IA, des personnages virtuels qui parlent \u00e0 la cam\u00e9ra, un peu comme une pr\u00e9sentation anim\u00e9e. C'est utile pour de la formation interne, mais \u00e7a ne permet pas de montrer ton produit ou ta plateforme de fa\u00e7on personnalis\u00e9e. Le motion design, lui, anime sp\u00e9cifiquement ton contenu (ton interface, tes donn\u00e9es, ta marque) pour expliquer et convaincre, pas juste informer.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Combien de temps prend un projet de motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Un projet de motion design prend g\u00e9n\u00e9ralement entre 4 et 8 semaines, du premier brief jusqu'\u00e0 la livraison de la vid\u00e9o finale. Le d\u00e9lai exact d\u00e9pend de la complexit\u00e9 de la vid\u00e9o : plus il y a de sc\u00e8nes, de personnages ou d'animations personnalis\u00e9es, plus \u00e7a prend de temps.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Combien de rondes de r\u00e9vision sont incluses dans un projet de motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"La plupart des projets incluent entre 3 et 6 rondes de r\u00e9vision. Une \\\"ronde de r\u00e9vision,\\\" c'est un moment o\u00f9 le client donne ses commentaires sur une version de la vid\u00e9o avant qu'elle soit finalis\u00e9e. Ces commentaires se font habituellement sur une plateforme comme frame.io, qui permet d'ajouter des notes directement sur des moments pr\u00e9cis de la vid\u00e9o, \u00e0 la seconde pr\u00e8s.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Est-ce qu'on re\u00e7oit les fichiers sources (After Effects) apr\u00e8s un projet de motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Les fichiers sources, soit les fichiers de travail utilis\u00e9s pour cr\u00e9er l'animation (souvent dans un logiciel comme After Effects), ne sont pas fournis automatiquement \u00e0 la fin d'un projet. Ils restent disponibles sur demande, g\u00e9n\u00e9ralement moyennant des frais suppl\u00e9mentaires, puisque ce sont des fichiers de production internes.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Est-ce que les sous-titres sont inclus dans une vid\u00e9o de motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Oui. Les sous-titres font partie du montage final et peuvent \u00eatre offerts en plusieurs langues (bilingue fran\u00e7ais-anglais, par exemple). Le nombre de langues demand\u00e9es peut influencer le prix final, puisque chaque langue suppl\u00e9mentaire demande du travail de traduction et d'int\u00e9gration.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Qu'est-ce qui diff\u00e9rencie une agence de motion design d'une autre?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Les diff\u00e9rences se trouvent souvent dans la flexibilit\u00e9 du pricing, l'exp\u00e9rience avec diff\u00e9rents types de clients (entreprises priv\u00e9es, gouvernementales, startups), et la capacit\u00e9 \u00e0 combiner plusieurs techniques (motion design, intelligence artificielle, animation 3D, tournage) dans un m\u00eame projet. Beaucoup d'agences se sp\u00e9cialisent dans un seul type de vid\u00e9o, ce qui limite les options cr\u00e9atives offertes au client.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Est-ce qu'il faut d\u00e9j\u00e0 avoir une image de marque d\u00e9finie avant de commencer un projet de motion design?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Pas n\u00e9cessairement un concept complet, mais il faut arriver avec une base visuelle : un site web, des couleurs de marque, ou des r\u00e9f\u00e9rences existantes. Cette base sert de point de d\u00e9part pour d\u00e9velopper le style visuel de la vid\u00e9o.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"En quels formats une vid\u00e9o de motion design est-elle livr\u00e9e?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Le format d\u00e9pend de l'utilisation pr\u00e9vue : vertical (9:16) pour TikTok ou Instagram, carr\u00e9 (1:1) pour certains r\u00e9seaux sociaux, ou horizontal (16:9) pour YouTube, un site web ou une pr\u00e9sentation. Le format final est d\u00e9termin\u00e9 selon les besoins du client.\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n\r\n    <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-1\">\r\n      <h3 class=\"faq-question\">Un client pourrait faire \u00e7a avec Synthesia ou Runway en 2 heures, pourquoi payer pour du motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-1\">\r\n      <div class=\"faq-answer\">\r\n        <p>Synthesia et Runway sont des outils qui g\u00e9n\u00e8rent des avatars IA, des personnages virtuels qui parlent \u00e0 la cam\u00e9ra, un peu comme une pr\u00e9sentation anim\u00e9e. C'est utile pour de la formation interne, mais \u00e7a ne permet pas de montrer ton produit ou ta plateforme de fa\u00e7on personnalis\u00e9e. Le motion design, lui, anime sp\u00e9cifiquement ton contenu (ton interface, tes donn\u00e9es, ta marque) pour expliquer et convaincre, pas juste informer.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-2\">\r\n      <h3 class=\"faq-question\">Combien de temps prend un projet de motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-2\">\r\n      <div class=\"faq-answer\">\r\n        <p>Un projet de motion design prend g\u00e9n\u00e9ralement entre 4 et 8 semaines, du premier brief jusqu'\u00e0 la livraison de la vid\u00e9o finale. Le d\u00e9lai exact d\u00e9pend de la complexit\u00e9 de la vid\u00e9o : plus il y a de sc\u00e8nes, de personnages ou d'animations personnalis\u00e9es, plus \u00e7a prend de temps.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-3\">\r\n      <h3 class=\"faq-question\">Combien de rondes de r\u00e9vision sont incluses dans un projet de motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-3\">\r\n      <div class=\"faq-answer\">\r\n        <p>La plupart des projets incluent entre 3 et 6 rondes de r\u00e9vision. Une \"ronde de r\u00e9vision,\" c'est un moment o\u00f9 le client donne ses commentaires sur une version de la vid\u00e9o avant qu'elle soit finalis\u00e9e. Ces commentaires se font habituellement sur une plateforme comme frame.io, qui permet d'ajouter des notes directement sur des moments pr\u00e9cis de la vid\u00e9o, \u00e0 la seconde pr\u00e8s.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-4\">\r\n      <h3 class=\"faq-question\">Est-ce qu'on re\u00e7oit les fichiers sources (After Effects) apr\u00e8s un projet de motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-4\">\r\n      <div class=\"faq-answer\">\r\n        <p>Les fichiers sources, soit les fichiers de travail utilis\u00e9s pour cr\u00e9er l'animation (souvent dans un logiciel comme After Effects), ne sont pas fournis automatiquement \u00e0 la fin d'un projet. Ils restent disponibles sur demande, g\u00e9n\u00e9ralement moyennant des frais suppl\u00e9mentaires, puisque ce sont des fichiers de production internes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-5\">\r\n      <h3 class=\"faq-question\">Est-ce que les sous-titres sont inclus dans une vid\u00e9o de motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-5\">\r\n      <div class=\"faq-answer\">\r\n        <p>Oui. Les sous-titres font partie du montage final et peuvent \u00eatre offerts en plusieurs langues (bilingue fran\u00e7ais-anglais, par exemple). Le nombre de langues demand\u00e9es peut influencer le prix final, puisque chaque langue suppl\u00e9mentaire demande du travail de traduction et d'int\u00e9gration.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-6\">\r\n      <h3 class=\"faq-question\">Qu'est-ce qui diff\u00e9rencie une agence de motion design d'une autre?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-6\">\r\n      <div class=\"faq-answer\">\r\n        <p>Les diff\u00e9rences se trouvent souvent dans la flexibilit\u00e9 du pricing, l'exp\u00e9rience avec diff\u00e9rents types de clients (entreprises priv\u00e9es, gouvernementales, startups), et la capacit\u00e9 \u00e0 combiner plusieurs techniques (motion design, intelligence artificielle, animation 3D, tournage) dans un m\u00eame projet. Beaucoup d'agences se sp\u00e9cialisent dans un seul type de vid\u00e9o, ce qui limite les options cr\u00e9atives offertes au client.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-7\">\r\n      <h3 class=\"faq-question\">Est-ce qu'il faut d\u00e9j\u00e0 avoir une image de marque d\u00e9finie avant de commencer un projet de motion design?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-7\">\r\n      <div class=\"faq-answer\">\r\n        <p>Pas n\u00e9cessairement un concept complet, mais il faut arriver avec une base visuelle : un site web, des couleurs de marque, ou des r\u00e9f\u00e9rences existantes. Cette base sert de point de d\u00e9part pour d\u00e9velopper le style visuel de la vid\u00e9o.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <button class=\"faq-trigger\" aria-expanded=\"false\" aria-controls=\"faq-8\">\r\n      <h3 class=\"faq-question\">En quels formats une vid\u00e9o de motion design est-elle livr\u00e9e?<\/h3>\r\n      <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\r\n    <\/button>\r\n    <div class=\"faq-content\" id=\"faq-8\">\r\n      <div class=\"faq-answer\">\r\n        <p>Le format d\u00e9pend de l'utilisation pr\u00e9vue : vertical (9:16) pour TikTok ou Instagram, carr\u00e9 (1:1) pour certains r\u00e9seaux sociaux, ou horizontal (16:9) pour YouTube, un site web ou une pr\u00e9sentation. Le format final est d\u00e9termin\u00e9 selon les besoins du client.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var container = document.querySelector('.faq-container');\r\n  if (!container) return;\r\n\r\n  var triggers = container.querySelectorAll('.faq-trigger');\r\n\r\n  triggers.forEach(function (trigger) {\r\n    trigger.addEventListener('click', function () {\r\n      var item = trigger.closest('.faq-item');\r\n      var wasOpen = item.classList.contains('open');\r\n\r\n      triggers.forEach(function (btn) {\r\n        btn.closest('.faq-item').classList.remove('open');\r\n        btn.setAttribute('aria-expanded', 'false');\r\n        btn.blur();\r\n      });\r\n\r\n      if (!wasOpen) {\r\n        item.classList.add('open');\r\n        trigger.setAttribute('aria-expanded', 'true');\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\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>Discover how motion design positions you as THE solution for your audience. Studios Machiavel, Montreal\u2019s top-rated video studio. 239 5-star reviews.  <\/p>\n","protected":false},"author":4,"featured_media":29255,"parent":26333,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"categories":[],"tags":[1149,1150,1153,1148,1147,1152,1120,1151],"class_list":["post-29229","page","type-page","status-publish","has-post-thumbnail","hentry","tag-ai-advertising","tag-ai-storyboard","tag-ai-video-production-for-small-and-medium-sized-businesses","tag-ai-video-production-services","tag-ai-video-production-studio","tag-cinematic-ai-video","tag-ia-video-production-agency","tag-vfx-ai-workflow"],"_links":{"self":[{"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/29229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/comments?post=29229"}],"version-history":[{"count":59,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/29229\/revisions"}],"predecessor-version":[{"id":29368,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/29229\/revisions\/29368"}],"up":[{"embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/26333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/media\/29255"}],"wp:attachment":[{"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/media?parent=29229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/categories?post=29229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/tags?post=29229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}