{"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-25T15:01:06","modified_gmt":"2026-08-25T20:01:06","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-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\">CLEAR,<br \/> MOTION DESIGN <span style=\"color:#FFD700\">THAT 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\u2019s videos. Think of Google\u2019s fluidity. <\/span><span style=\"font-weight: 400;\">High-end motion design is easy to understand, connects with your audience\u2019s daily 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\u2019s videos. Think of Google\u2019s fluidity. <\/span><span style=\"font-weight: 400;\">High-end motion design is easy to understand, connects with your audience\u2019s daily 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 ENOUGH<br \/>TO <span style=\"color: #ffd700\">  TRIGGER AN \"AH-HA MOMENT\"<\/span> \n  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\u2014it\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\">Raw<\/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\tCITY OF 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    <\/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    <\/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    <\/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    <\/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    <\/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    <\/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\">Walk away with a clear direction, not a blank page.<\/p>\r\n        <p class=\"mach-wf__body\">Before we even think about the first animation, we sit down with you to clarify what your video needs to achieve: who it\u2019s for, what action it should prompt, and the message that should stick with viewers after they watch it. This foundation 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\u2014including the text and narration\u2014before we animate anything.<\/p>\r\n        <p class=\"mach-wf__body\">The script for a motion design video is different from a dialogue script: it describes what we see on screen AND what we 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 adjust 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 animated: colors, textures, and art direction. If your video features 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 of 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 Approval<\/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\">Validates 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 pause: this is the moment when your entire team needs to be on the same page regarding the creative direction. Changing a character, a piece of text, 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\">Storytelling<\/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 voiceover 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 tend to extend deadlines. We also offer a choice of languages (French, English, Spanish), and for quick adaptation, 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 animates each shot approved in the storyboard. We don\u2019t work in isolation: we show you our progress before going too far, to make sure we\u2019re 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\">Provide your feedback, down to the second.<\/p>\r\n        <p class=\"mach-wf__body\">Once the first draft is delivered, you leave your comments directly on Frame.io, a platform that lets you annotate the video minute by minute. It\u2019s simple, precise, and eliminates 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 chosen formats.<\/p>\r\n        <p class=\"mach-wf__body\">We\u2019ll review the final version together, and we\u2019ll deliver it in the formats you need (vertical, square, horizontal, or any other aspect ratio you request). Subtitles are included (bilingual if needed\u2014additional 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 <span style=\"color: #FFD700\">YOUR MESSAGE<\/span> MORE DYNAMIC<br \/> <span style=\"color: #FFD700\">?<\/span><\/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\u2014the 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\u2014and 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\">GENERIC AI AVATAR<\/div>\r\n      <ul class=\"mcv-cmp-list\">\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Focused on a talking AI avatar, it looks like 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, regardless of your brand<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Can't customize it for your product<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--x\">\u2715<\/span><span>Cannot visualize an abstract concept or 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\u2019s 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\u2019s UX\/UI<\/span><\/li>\r\n        <li><span class=\"mcv-cmp-ico mcv-cmp-ico--check\">\u2713<\/span><span>Turn 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<\/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\u2014they&#8217;ll remember 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-1cc08ed e-flex e-con-boxed e-con e-parent\" data-id=\"1cc08ed\" 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-cd0628e elementor-widget elementor-widget-html\" data-id=\"cd0628e\" 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<!-- ============================================================\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   Essentiel + 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\">Essentiel<\/label>\r\n    <label for=\"mch-f-authentique\">Authentique<\/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\">Essentiel<\/h3>\r\n      <p class=\"mch-card__tag\">Gabarits \u00e9prouv\u00e9s<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--long\">Motion design \u00e9pur\u00e9. On d\u00e9marre avec des gabarits \u00e9prouv\u00e9s, des structures visuelles qu'on conna\u00eet et qui marchent. Aucun d\u00e9veloppement graphique sur mesure. Id\u00e9al quand tu as besoin d'une vid\u00e9o pro et efficace rapidement.<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--short\">Motion design \u00e9pur\u00e9, \u00e0 partir de gabarits \u00e9prouv\u00e9s. Id\u00e9al pour une vid\u00e9o pro et efficace, rapidement.<\/p>\r\n      <div class=\"mch-card__pricing\">\r\n        <p class=\"mch-card__pricing-label\">\u00c0 partir de<\/p>\r\n        <p class=\"mch-card__price\">3 900 $<\/p>\r\n      <\/div>\r\n      <ul class=\"mch-card__list\">\r\n        <li>Brief cr\u00e9atif et script<\/li>\r\n        <li>Animation \u00e0 partir de gabarits \u00e9tablis<\/li>\r\n        <li>Motion design et montage<\/li>\r\n        <li>Une direction visuelle unique<\/li>\r\n      <\/ul>\r\n      <a class=\"mch-card__cta mch-card__cta--ghost\" href=\"#contact\">En savoir plus<\/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\">Le plus demand\u00e9<\/span>\r\n      <div class=\"mch-card__side mch-card__side--info\">\r\n        <h3 class=\"mch-card__name\">Authentique<\/h3>\r\n        <p class=\"mch-card__tag\">Sur-mesure<\/p>\r\n        <p class=\"mch-card__desc mch-card__desc--long\">On d\u00e9veloppe une identit\u00e9 visuelle personnalis\u00e9e pour ton projet : pas de gabarit, du vrai sur-mesure. On peut int\u00e9grer du contenu enrichi par IA o\u00f9 \u00e7a enrichit le r\u00e9cit (b-roll, \u00e9l\u00e9ments narratifs complexes). Le tournage ou la g\u00e9n\u00e9ration IA devient une r\u00e9f\u00e9rence pour affiner le style.<\/p>\r\n        <p class=\"mch-card__desc mch-card__desc--short\">Identit\u00e9 visuelle personnalis\u00e9e pour ton projet : pas de gabarit, du vrai sur-mesure. Le tournage ou la g\u00e9n\u00e9ration IA devient une r\u00e9f\u00e9rence pour affiner le 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\">\u00c0 partir de<\/p>\r\n          <p class=\"mch-card__price\">6 175 $<\/p>\r\n        <\/div>\r\n        <ul class=\"mch-card__list\">\r\n          <li>Tout ce que comprend Essentiel<\/li>\r\n          <li>Identit\u00e9 visuelle personnalis\u00e9e (d\u00e9veloppement graphique custom)<\/li>\r\n          <li>Contenu enrichi par IA selon le projet<\/li>\r\n          <li>Storyboard d\u00e9taill\u00e9<\/li>\r\n          <li>Deux \u00e0 trois directions de style explor\u00e9es avant production<\/li>\r\n        <\/ul>\r\n        <a class=\"mch-card__cta mch-card__cta--solid\" href=\"#contact\">R\u00e9server cette formule<\/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\">Deux directions<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--long\">Pour une vraie direction artistique. Le niveau de r\u00e9flexion cr\u00e9ative la plus profonde. Avant d'entrer en production, on explore deux directions visuelles compl\u00e8tement diff\u00e9rentes : deux univers distincts. Tu vois comment chaque direction porte ton message, puis tu choisis. Z\u00e9ro risque de \u00abj'aurais voulu essayer l'autre.\u00bb C'est le calibre des productions cin\u00e9matographiques, avec le confort d'avoir valid\u00e9 la direction en amont.<\/p>\r\n      <p class=\"mch-card__desc mch-card__desc--short\">Le niveau de r\u00e9flexion cr\u00e9ative la plus profonde : deux directions visuelles compl\u00e8tement diff\u00e9rentes, deux univers distincts, avant de choisir. C'est le calibre des productions cin\u00e9matographiques.<\/p>\r\n      <div class=\"mch-card__pricing\">\r\n        <p class=\"mch-card__pricing-label\">\u00c0 partir de<\/p>\r\n        <p class=\"mch-card__price\">10 075 $<\/p>\r\n      <\/div>\r\n      <ul class=\"mch-card__list\">\r\n        <li>Tout ce que comprend Authentique<\/li>\r\n        <li>Brief questionn\u00e9 et enrichi en amont<\/li>\r\n        <li>Deux directions visuelles oppos\u00e9es d\u00e9velopp\u00e9es compl\u00e8tement<\/li>\r\n        <li>Style frames custom pour diff\u00e9rentes sc\u00e8nes (la vid\u00e9o peut changer d'univers)<\/li>\r\n        <li>Storyboard renforc\u00e9 sur les moments complexes<\/li>\r\n      <\/ul>\r\n      <a class=\"mch-card__cta mch-card__cta--ghost\" href=\"#contact\">En savoir plus<\/a>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"@id\": \"https:\/\/machiavel.com\/services-production-video\/production-video-ia#service\",\r\n  \"name\": \"Motion Design\",\r\n  \"serviceType\": \"Production de motion design\",\r\n  \"url\": \"https:\/\/machiavel.com\/services-production-video\/production-video-ia\",\r\n  \"description\": \"Trois formules de motion design, du gabarit \u00e9prouv\u00e9 \u00e0 la direction artistique compl\u00e8tement sur mesure, pour transformer un message complexe en vid\u00e9o claire et facile \u00e0 comprendre.\",\r\n  \"provider\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"Studios Machiavel\",\r\n    \"url\": \"https:\/\/machiavel.com\",\r\n    \"description\": \"Studio de production vid\u00e9o nouvelle g\u00e9n\u00e9ration \u00e0 Montr\u00e9al.\",\r\n    \"address\": {\r\n      \"@type\": \"PostalAddress\",\r\n      \"addressLocality\": \"Montr\u00e9al\",\r\n      \"addressRegion\": \"QC\",\r\n      \"addressCountry\": \"CA\"\r\n    }\r\n  },\r\n  \"areaServed\": {\"@type\": \"City\",\"name\": \"Montr\u00e9al\"},\r\n  \"hasOfferCatalog\": {\r\n    \"@type\": \"OfferCatalog\",\r\n    \"name\": \"Formules de motion design\",\r\n    \"itemListElement\": [\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Essentiel\",\r\n        \"description\": \"Motion design \u00e9pur\u00e9. On d\u00e9marre avec des gabarits \u00e9prouv\u00e9s, des structures visuelles qu'on conna\u00eet et qui marchent. Aucun d\u00e9veloppement graphique sur mesure. Id\u00e9al quand tu as besoin d'une vid\u00e9o pro et efficace rapidement.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\"@type\": \"PriceSpecification\",\"priceCurrency\": \"CAD\",\"minPrice\": 3900,\"valueAddedTaxIncluded\": false},\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/services-production-video\/production-video-ia\",\r\n        \"itemOffered\": {\"@type\": \"Service\",\"name\": \"Essentiel : Gabarits \u00e9prouv\u00e9s\",\"serviceType\": \"Motion design \u00e0 partir de gabarits \u00e9tablis\"}\r\n      },\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Authentique\",\r\n        \"description\": \"On d\u00e9veloppe une identit\u00e9 visuelle personnalis\u00e9e pour ton projet : pas de gabarit, du vrai sur-mesure. On peut int\u00e9grer du contenu enrichi par IA o\u00f9 \u00e7a enrichit le r\u00e9cit. Le tournage ou la g\u00e9n\u00e9ration IA devient une r\u00e9f\u00e9rence pour affiner le style.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\"@type\": \"PriceSpecification\",\"priceCurrency\": \"CAD\",\"minPrice\": 6175,\"valueAddedTaxIncluded\": false},\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/services-production-video\/production-video-ia\",\r\n        \"itemOffered\": {\"@type\": \"Service\",\"name\": \"Authentique : Sur-mesure\",\"serviceType\": \"Motion design avec identit\u00e9 visuelle personnalis\u00e9e\"}\r\n      },\r\n      {\r\n        \"@type\": \"Offer\",\r\n        \"name\": \"Ambition\",\r\n        \"description\": \"Le niveau de r\u00e9flexion cr\u00e9ative la plus profonde. Avant d'entrer en production, on explore deux directions visuelles compl\u00e8tement diff\u00e9rentes : deux univers distincts. Tu vois comment chaque direction porte ton message, puis tu choisis.\",\r\n        \"priceCurrency\": \"CAD\",\r\n        \"priceSpecification\": {\"@type\": \"PriceSpecification\",\"priceCurrency\": \"CAD\",\"minPrice\": 10075,\"valueAddedTaxIncluded\": false},\r\n        \"availability\": \"https:\/\/schema.org\/InStock\",\r\n        \"url\": \"https:\/\/machiavel.com\/services-production-video\/production-video-ia\",\r\n        \"itemOffered\": {\"@type\": \"Service\",\"name\": \"Ambition : Deux directions\",\"serviceType\": \"Motion design avec direction artistique compl\u00e8te sur mesure\"}\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<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 \/>YOUR PARTNER FOR AI VIDEO<\/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 studio in Montreal. Our team has a background in film and VFX. You\u2019ll benefit from the same cinematic techniques in your video projects\u2014now applied to AI.<\/p><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">AI isn\u2019t our entire offering\u2014it\u2019s just one more tool in a true production team. What sets us apart is our team\u2019s specialized expertise, which delivers 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\">NOW\u2019S THE TIME TO PLAY IN THE BIG LEAGUES.<\/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 STUDIOS MACHIAVEL.<\/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":33,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/29229\/revisions"}],"predecessor-version":[{"id":29302,"href":"https:\/\/machiavel.com\/en\/wp-json\/wp\/v2\/pages\/29229\/revisions\/29302"}],"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}]}}