{"id":151,"date":"2026-09-24T08:08:04","date_gmt":"2026-09-24T08:08:04","guid":{"rendered":"https:\/\/artnation.in\/?page_id=151"},"modified":"2026-09-25T15:35:54","modified_gmt":"2026-09-25T15:35:54","slug":"ai-powered-creative-production","status":"publish","type":"page","link":"https:\/\/artnation.in\/?page_id=151","title":{"rendered":"AI-Powered Creative Production"},"content":{"rendered":"<p>[et_pb_section full_width=&#8221;on&#8221; _builder_version=&#8221;4.27.8&#8243;]<br \/>\n[et_pb_row _builder_version=&#8221;4.27.8&#8243;]<br \/>\n[et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.8&#8243;]<br \/>\n[et_pb_code _builder_version=&#8221;4.27.8&#8243;]<\/p>\n<style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');<\/p>\n<p>            body.page-id-151 {\n              margin: 0;\n              background: #0a0a0a;\n            }<\/p>\n<p>            body.page-id-151 #header,\n            body.page-id-151 #footer,\n            body.page-id-151 #et-top-navigation,\n            body.page-id-151 #et-bottom-navigation {\n              display: none !important;\n            }<\/p>\n<p>            body.page-id-151 #page-container,\n            body.page-id-151 #main-content,\n            body.page-id-151 #et-main-area,\n            body.page-id-151 .entry-content,\n            body.page-id-151 .et_pb_section,\n            body.page-id-151 .et_pb_row,\n            body.page-id-151 .et_pb_column,\n            body.page-id-151 .et_pb_module {\n              margin-top: 0 !important;\n              margin-bottom: 0 !important;\n            }<\/p>\n<p>            body.page-id-151 #page-container,\n            body.page-id-151 #main-content,\n            body.page-id-151 #et-main-area,\n            body.page-id-151 .entry-content {\n              padding: 0 !important;\n            }<\/p>\n<p>            body.page-id-151 .et_builder_inner_content .et_pb_section {\n              padding: 0 !important;\n            }<\/p>\n<p>            body.page-id-151 .et_builder_inner_content .et_pb_row {\n              width: 100% !important;\n              max-width: none !important;\n              padding: 0 !important;\n            }<\/p>\n<p>            body.page-id-151 .et_builder_inner_content .et_pb_column {\n              width: 100% !important;\n              max-width: none !important;\n              margin: 0 !important;\n            }<\/p>\n<p>            body.page-id-151 .et_pb_code_inner {\n              width: 100%;\n            }<\/p>\n<p>            .mmm-page,\n            .mmm-page * {\n              box-sizing: border-box;\n            }<\/p>\n<p>            .mmm-page {\n              --mmm-red: #e6333a;\n              --mmm-red-dark: #bd1f27;\n              --mmm-black: #090909;\n              --mmm-charcoal: #111111;\n              --mmm-panel: #181818;\n              --mmm-line: rgba(255,255,255,.11);\n              --mmm-muted: #a7a7a7;\n              --mmm-white: #f7f7f5;\n              position: relative;\n              width: 100%;\n              overflow: hidden;\n              color: var(--mmm-white);\n              background: var(--mmm-black);\n              font-family: 'Inter', Arial, sans-serif;\n              font-size: 16px;\n              line-height: 1.65;\n              -webkit-font-smoothing: antialiased;\n            }<\/p>\n<p>            .mmm-page h1,\n            .mmm-page h2,\n            .mmm-page h3,\n            .mmm-page p,\n            .mmm-page ul {\n              margin: 0;\n              padding: 0;\n            }<\/p>\n<p>            .mmm-page h1,\n            .mmm-page h2,\n            .mmm-page h3 {\n              color: inherit;\n              font-family: inherit;\n              font-weight: 800;\n              letter-spacing: -.035em;\n            }<\/p>\n<p>            .mmm-page a {\n              color: inherit;\n            }<\/p>\n<p>            .mmm-page button,\n            .mmm-page summary,\n            .mmm-page a {\n              -webkit-tap-highlight-color: transparent;\n            }<\/p>\n<p>            .mmm-page :focus-visible {\n              outline: 2px solid var(--mmm-red);\n              outline-offset: 4px;\n            }<\/p>\n<p>            .mmm-svg-defs {\n              position: absolute;\n              width: 0;\n              height: 0;\n              overflow: hidden;\n            }<\/p>\n<p>            .mmm-container {\n              width: min(1280px, calc(100% - 48px));\n              margin-inline: auto;\n            }<\/p>\n<p>            .mmm-section {\n              position: relative;\n              padding: 104px 0;\n              scroll-margin-top: 84px;\n            }<\/p>\n<p>            .mmm-eyebrow {\n              display: inline-block;\n              margin-bottom: 14px;\n              color: var(--mmm-red);\n              font-size: 11px;\n              font-weight: 800;\n              line-height: 1.2;\n              letter-spacing: .19em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-section-title {\n              max-width: 760px;\n              font-size: clamp(34px, 4.2vw, 58px);\n              line-height: 1.03;\n            }<\/p>\n<p>            .mmm-section-copy {\n              max-width: 650px;\n              margin-top: 18px;\n              color: var(--mmm-muted);\n              font-size: 16px;\n              line-height: 1.75;\n            }<\/p>\n<p>            .mmm-red {\n              color: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-button {\n              display: inline-flex;\n              min-height: 48px;\n              align-items: center;\n              justify-content: center;\n              gap: 11px;\n              padding: 13px 24px;\n              border: 1px solid var(--mmm-red);\n              border-radius: 0;\n              color: #fff;\n              background: var(--mmm-red);\n              font-size: 12px;\n              font-weight: 800;\n              line-height: 1;\n              letter-spacing: .1em;\n              text-decoration: none;\n              text-transform: uppercase;\n              transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;\n            }<\/p>\n<p>            .mmm-button:hover {\n              border-color: var(--mmm-red-dark);\n              background: var(--mmm-red-dark);\n              transform: translateY(-2px);\n            }<\/p>\n<p>            .mmm-button--outline {\n              border-color: rgba(255,255,255,.5);\n              color: #fff;\n              background: rgba(0,0,0,.15);\n              backdrop-filter: blur(8px);\n            }<\/p>\n<p>            .mmm-button--outline:hover {\n              border-color: #fff;\n              color: #fff;\n              background: rgba(255,255,255,.08);\n            }<\/p>\n<p>            .mmm-button__arrow {\n              width: 25px;\n              height: 25px;\n              display: inline-grid;\n              place-items: center;\n              border: 1px solid currentColor;\n              border-radius: 50%;\n              font-size: 13px;\n              line-height: 1;\n            }<\/p>\n<p>            .mmm-icon {\n              width: 28px;\n              height: 28px;\n              fill: none;\n              stroke: currentColor;\n              stroke-width: 1.7;\n              stroke-linecap: round;\n              stroke-linejoin: round;\n            }<\/p>\n<p>            .mmm-icon--sm {\n              width: 22px;\n              height: 22px;\n            }<\/p>\n<p>            \/* Header *\/\n            .mmm-site-header {\n              position: absolute;\n              top: 0;\n              left: 0;\n              right: 0;\n              z-index: 50;\n              border-bottom: 1px solid rgba(255,255,255,.09);\n              background: linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.14));\n              backdrop-filter: blur(12px);\n            }<\/p>\n<p>            .admin-bar .mmm-site-header {\n              top: 32px;\n            }<\/p>\n<p>            .mmm-header-inner {\n              min-height: 88px;\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              gap: 28px;\n            }<\/p>\n<p>            .mmm-brand {\n              width: 188px;\n              display: inline-flex;\n              flex-direction: column;\n              align-items: center;\n              justify-content: center;\n              color: #fff;\n              line-height: 1;\n              text-decoration: none;\n            }<\/p>\n<p>            .mmm-brand > br {\n              display: none;\n            }<\/p>\n<p>            .mmm-brand-logo {\n              width: 180px;\n              height: auto;\n              display: block;\n              object-fit: contain;\n              filter: none;\n            }<\/p>\n<p>            .mmm-brand-tagline {\n              max-width: 184px;\n              margin-top: 4px;\n              color: #bcbcbc;\n              font-size: 7px;\n              font-weight: 700;\n              line-height: 1.15;\n              letter-spacing: .08em;\n              text-align: center;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-nav {\n              display: flex;\n              align-items: center;\n              gap: clamp(18px, 2.5vw, 36px);\n            }<\/p>\n<p>            .mmm-nav a {\n              position: relative;\n              padding: 31px 0 28px;\n              color: #d7d7d7;\n              font-size: 11px;\n              font-weight: 700;\n              letter-spacing: .1em;\n              text-decoration: none;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-nav a::after {\n              content: '';\n              position: absolute;\n              right: 0;\n              bottom: 22px;\n              left: 0;\n              height: 1px;\n              background: var(--mmm-red);\n              transform: scaleX(0);\n              transition: transform .25s ease;\n            }<\/p>\n<p>            .mmm-nav a:hover,\n            .mmm-nav a.is-active {\n              color: #fff;\n            }<\/p>\n<p>            .mmm-nav a:hover::after,\n            .mmm-nav a.is-active::after {\n              transform: scaleX(1);\n            }<\/p>\n<p>            .mmm-header-cta {\n              min-height: 42px;\n              padding: 11px 20px;\n            }<\/p>\n<p>            @media (min-width: 901px) {\n              .mmm-site-header .mmm-header-inner {\n                flex-flow: row nowrap;\n                align-items: center;\n              }<\/p>\n<p>              .mmm-site-header .mmm-brand {\n                width: 165px;\n                height: 77px;\n                min-height: 77px;\n                max-height: 77px;\n                flex: 0 0 auto;\n                align-self: center;\n                transform: translateY(3px);\n              }<\/p>\n<p>              .mmm-site-header .mmm-brand-logo {\n                width: 150px;\n                max-height: 73px;\n                filter: none;\n              }<\/p>\n<p>              .mmm-site-header .mmm-brand-tagline {\n                display: none;\n              }<\/p>\n<p>              .mmm-site-header .mmm-nav {\n                flex: 0 1 auto;\n                flex-wrap: nowrap;\n              }<\/p>\n<p>              .mmm-site-header .mmm-header-cta {\n                flex: 0 0 auto;\n              }\n            }<\/p>\n<p>            .mmm-menu-toggle,\n            .mmm-menu-label {\n              display: none;\n            }<\/p>\n<p>            \/* Hero *\/\n            .mmm-hero {\n              position: relative;\n              min-height: 820px;\n              height: max(100vh, 760px);\n              display: flex;\n              align-items: center;\n              overflow: hidden;\n              isolation: isolate;\n              background: #080808;\n            }<\/p>\n<p>            .mmm-hero-video,\n            .mmm-hero-video video,\n            .mmm-hero-overlay,\n            .mmm-hero-grid,\n            .mmm-hero-glow {\n              position: absolute;\n              inset: 0;\n              width: 100%;\n              height: 100%;\n            }<\/p>\n<p>            .mmm-hero-video {\n              z-index: -5;\n            }<\/p>\n<p>            .mmm-hero-video video {\n              object-fit: cover;\n              object-position: 58% center;\n              filter: saturate(.8) contrast(1.08);\n              transform: scale(1.015);\n            }<\/p>\n<p>            .mmm-hero-overlay {\n              z-index: -4;\n              background:\n                linear-gradient(90deg, rgba(5,5,5,.97) 0%, rgba(5,5,5,.88) 34%, rgba(5,5,5,.5) 66%, rgba(5,5,5,.78) 100%),\n                linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.1) 50%, rgba(0,0,0,.88));\n            }<\/p>\n<p>            .mmm-hero-grid {\n              z-index: -3;\n              opacity: .6;\n              background-image:\n                linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\n              background-size: 62px 62px;\n              mask-image: radial-gradient(circle at 65% 45%, #000 0%, transparent 73%);\n              -webkit-mask-image: radial-gradient(circle at 65% 45%, #000 0%, transparent 73%);\n            }<\/p>\n<p>            .mmm-hero-glow {\n              z-index: -2;\n              background: radial-gradient(circle at 72% 46%, rgba(230,51,58,.23), transparent 34%);\n              animation: mmmPulse 5s ease-in-out infinite alternate;\n            }<\/p>\n<p>            @keyframes mmmPulse {\n              from { opacity: .55; transform: scale(.96); }\n              to { opacity: 1; transform: scale(1.05); }\n            }<\/p>\n<p>            .mmm-hero-content {\n              width: 100%;\n              padding-top: 112px;\n              padding-bottom: 150px;\n            }<\/p>\n<p>            .mmm-breadcrumbs {\n              display: flex;\n              flex-wrap: wrap;\n              align-items: center;\n              gap: 8px;\n              margin-bottom: 38px;\n              color: #8d8d8d;\n              font-size: 9px;\n              font-weight: 800;\n              letter-spacing: .14em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-breadcrumbs a {\n              color: #8d8d8d;\n              text-decoration: none;\n            }<\/p>\n<p>            .mmm-breadcrumbs strong {\n              color: var(--mmm-red);\n              font-weight: 800;\n            }<\/p>\n<p>            .mmm-hero-copy {\n              max-width: 690px;\n            }<\/p>\n<p>            .mmm-hero-title {\n              max-width: 680px;\n              font-size: clamp(50px, 6.2vw, 88px);\n              line-height: .98;\n              text-wrap: balance;\n            }<\/p>\n<p>            .mmm-hero-title span {\n              display: block;\n            }<\/p>\n<p>            .mmm-hero-description {\n              max-width: 610px;\n              margin-top: 28px;\n              color: #d1d1d1;\n              font-size: clamp(15px, 1.5vw, 18px);\n              line-height: 1.65;\n            }<\/p>\n<p>            .mmm-audience {\n              margin-top: 7px;\n              color: #929292;\n              font-size: 12px;\n              font-weight: 600;\n              letter-spacing: .04em;\n            }<\/p>\n<p>            .mmm-hero-actions {\n              display: flex;\n              flex-wrap: wrap;\n              gap: 12px;\n              margin-top: 30px;\n            }<\/p>\n<p>            .mmm-showreel {\n              position: absolute;\n              right: clamp(34px, 7vw, 110px);\n              bottom: 180px;\n              z-index: 5;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              gap: 13px;\n              color: #fff;\n              font-size: 10px;\n              font-weight: 800;\n              letter-spacing: .13em;\n              text-decoration: none;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-showreel-ring {\n              position: relative;\n              width: 86px;\n              height: 86px;\n              display: grid;\n              place-items: center;\n              border: 1px solid rgba(255,255,255,.78);\n              border-radius: 50%;\n              background: rgba(0,0,0,.25);\n              backdrop-filter: blur(8px);\n              transition: background .25s ease, transform .25s ease;\n            }<\/p>\n<p>            .mmm-showreel-ring::before {\n              content: '';\n              position: absolute;\n              inset: -11px;\n              border: 1px solid rgba(255,255,255,.3);\n              border-radius: inherit;\n              animation: mmmRing 2.5s ease-out infinite;\n            }<\/p>\n<p>            @keyframes mmmRing {\n              0% { opacity: .85; transform: scale(.95); }\n              100% { opacity: 0; transform: scale(1.35); }\n            }<\/p>\n<p>            .mmm-showreel:hover .mmm-showreel-ring {\n              background: var(--mmm-red);\n              transform: scale(1.06);\n            }<\/p>\n<p>            .mmm-showreel-play {\n              width: 0;\n              height: 0;\n              margin-left: 5px;\n              border-top: 8px solid transparent;\n              border-bottom: 8px solid transparent;\n              border-left: 13px solid #fff;\n            }<\/p>\n<p>            .mmm-hero-stats {\n              position: absolute;\n              right: 0;\n              bottom: 0;\n              left: 0;\n              z-index: 4;\n              border-top: 1px solid rgba(255,255,255,.1);\n              background: rgba(0,0,0,.42);\n              backdrop-filter: blur(10px);\n            }<\/p>\n<p>            .mmm-hero-stats-inner {\n              display: grid;\n              grid-template-columns: repeat(4, 1fr);\n            }<\/p>\n<p>            .mmm-stat {\n              min-height: 98px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              gap: 12px;\n              border-right: 1px solid rgba(255,255,255,.09);\n            }<\/p>\n<p>            .mmm-stat:last-child {\n              border-right: 0;\n            }<\/p>\n<p>            .mmm-stat strong {\n              color: #fff;\n              font-size: 27px;\n              font-weight: 800;\n              letter-spacing: -.04em;\n            }<\/p>\n<p>            .mmm-stat span {\n              max-width: 90px;\n              color: #949494;\n              font-size: 9px;\n              font-weight: 700;\n              line-height: 1.35;\n              letter-spacing: .12em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            \/* Ticker *\/\n            .mmm-ticker {\n              overflow: hidden;\n              border-bottom: 1px solid rgba(255,255,255,.13);\n              background: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-ticker-track {\n              width: max-content;\n              display: flex;\n              align-items: center;\n              gap: 30px;\n              padding: 13px 0;\n              animation: mmmTicker 28s linear infinite;\n              color: #fff;\n              font-size: 10px;\n              font-weight: 800;\n              letter-spacing: .15em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-ticker:hover .mmm-ticker-track {\n              animation-play-state: paused;\n            }<\/p>\n<p>            @keyframes mmmTicker {\n              to { transform: translateX(-50%); }\n            }<\/p>\n<p>            \/* Who we work with *\/\n            .mmm-partners {\n              color: #111;\n              background: #f3f3f1;\n            }<\/p>\n<p>            .mmm-partners-grid {\n              display: grid;\n              grid-template-columns: minmax(300px, .9fr) minmax(520px, 1.55fr);\n              gap: clamp(50px, 7vw, 110px);\n              align-items: center;\n            }<\/p>\n<p>            .mmm-partners .mmm-section-title {\n              max-width: 520px;\n            }<\/p>\n<p>            .mmm-partners .mmm-red-line {\n              display: block;\n              width: 46px;\n              height: 2px;\n              margin-top: 28px;\n              background: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-partner-cards {\n              display: grid;\n              grid-template-columns: repeat(2, 1fr);\n              gap: 12px;\n            }<\/p>\n<p>            .mmm-partner-card {\n              min-height: 205px;\n              padding: 28px;\n              border: 1px solid #dededb;\n              background: #fff;\n              transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;\n            }<\/p>\n<p>            .mmm-partner-card:hover {\n              border-color: rgba(230,51,58,.55);\n              box-shadow: 0 18px 44px rgba(0,0,0,.08);\n              transform: translateY(-4px);\n            }<\/p>\n<p>            .mmm-partner-card .mmm-icon {\n              margin-bottom: 20px;\n              color: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-partner-card h3 {\n              margin-bottom: 9px;\n              font-size: 16px;\n              letter-spacing: -.01em;\n            }<\/p>\n<p>            .mmm-partner-card p {\n              color: #666;\n              font-size: 13px;\n              line-height: 1.65;\n            }<\/p>\n<p>            \/* Work *\/\n            .mmm-work {\n              background: #0b0b0b;\n            }<\/p>\n<p>            .mmm-section-head {\n              display: flex;\n              align-items: flex-end;\n              justify-content: space-between;\n              gap: 30px;\n              margin-bottom: 48px;\n            }<\/p>\n<p>            .mmm-text-link {\n              display: inline-flex;\n              align-items: center;\n              gap: 9px;\n              flex: 0 0 auto;\n              color: var(--mmm-red);\n              font-size: 11px;\n              font-weight: 800;\n              letter-spacing: .12em;\n              text-decoration: none;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-work-grid {\n              display: grid;\n              grid-template-columns: repeat(6, minmax(0, 1fr));\n              gap: 12px;\n            }<\/p>\n<p>            .mmm-work-card {\n              position: relative;\n              min-height: 310px;\n              overflow: hidden;\n              border: 1px solid var(--mmm-line);\n              background: #141414;\n              transition: border-color .25s ease, transform .25s ease;\n            }<\/p>\n<p>            .mmm-work-card::before {\n              content: '';\n              position: absolute;\n              inset: 0;\n              background: radial-gradient(circle at 50% 28%, var(--card-glow, rgba(230,51,58,.25)), transparent 39%);\n              opacity: .72;\n              transition: opacity .3s ease;\n            }<\/p>\n<p>            .mmm-work-card:hover {\n              border-color: rgba(230,51,58,.65);\n              transform: translateY(-5px);\n            }<\/p>\n<p>            .mmm-work-card:hover::before {\n              opacity: 1;\n            }<\/p>\n<p>            .mmm-work-visual {\n              position: relative;\n              height: 205px;\n              display: grid;\n              place-items: center;\n              border-bottom: 1px solid var(--mmm-line);\n            }<\/p>\n<p>            .mmm-work-visual::after {\n              content: '';\n              position: absolute;\n              width: 96px;\n              height: 96px;\n              border: 1px solid rgba(255,255,255,.1);\n              border-radius: 50%;\n            }<\/p>\n<p>            .mmm-work-visual .mmm-icon {\n              position: relative;\n              z-index: 2;\n              width: 42px;\n              height: 42px;\n              color: #fff;\n              filter: drop-shadow(0 0 18px rgba(230,51,58,.6));\n            }<\/p>\n<p>            .mmm-work-copy {\n              position: relative;\n              padding: 20px;\n            }<\/p>\n<p>            .mmm-work-copy small {\n              display: block;\n              margin-bottom: 6px;\n              color: var(--mmm-red);\n              font-size: 9px;\n              font-weight: 800;\n              letter-spacing: .15em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-work-copy h3 {\n              margin-bottom: 7px;\n              font-size: 14px;\n              letter-spacing: -.01em;\n            }<\/p>\n<p>            .mmm-work-copy p {\n              color: #898989;\n              font-size: 11px;\n              line-height: 1.55;\n            }<\/p>\n<p>            \/* Produce *\/\n            .mmm-produce {\n              color: #121212;\n              background: #f7f7f5;\n            }<\/p>\n<p>            .mmm-produce-grid {\n              display: grid;\n              grid-template-columns: minmax(250px, .75fr) minmax(560px, 1.7fr);\n              gap: clamp(45px, 7vw, 105px);\n              align-items: start;\n            }<\/p>\n<p>            .mmm-produce-intro {\n              position: sticky;\n              top: 40px;\n            }<\/p>\n<p>            .mmm-produce-intro .mmm-section-title {\n              font-size: clamp(34px, 3.6vw, 50px);\n            }<\/p>\n<p>            .mmm-produce-cards {\n              display: grid;\n              grid-template-columns: repeat(2, 1fr);\n              border-top: 1px solid #d8d8d5;\n              border-left: 1px solid #d8d8d5;\n            }<\/p>\n<p>            .mmm-produce-card {\n              min-height: 190px;\n              padding: 27px;\n              border-right: 1px solid #d8d8d5;\n              border-bottom: 1px solid #d8d8d5;\n              background: rgba(255,255,255,.5);\n              transition: background .25s ease;\n            }<\/p>\n<p>            .mmm-produce-card:hover {\n              background: #fff;\n            }<\/p>\n<p>            .mmm-produce-card-head {\n              display: flex;\n              align-items: center;\n              gap: 13px;\n              margin-bottom: 13px;\n            }<\/p>\n<p>            .mmm-produce-card .mmm-icon {\n              flex: 0 0 auto;\n              color: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-produce-card h3 {\n              font-size: 14px;\n              letter-spacing: -.01em;\n            }<\/p>\n<p>            .mmm-produce-card p {\n              color: #666;\n              font-size: 12px;\n              line-height: 1.65;\n            }<\/p>\n<p>            \/* Industries *\/\n            .mmm-industries {\n              padding: 78px 0;\n              background: #0b0b0b;\n            }<\/p>\n<p>            .mmm-industries-inner {\n              padding: 48px;\n              border: 1px solid var(--mmm-line);\n              background: #111;\n            }<\/p>\n<p>            .mmm-industries-head {\n              display: grid;\n              grid-template-columns: .8fr 1.4fr;\n              gap: 50px;\n              align-items: center;\n              margin-bottom: 35px;\n            }<\/p>\n<p>            .mmm-industries-head h2 {\n              max-width: 700px;\n              font-size: clamp(28px, 3.2vw, 44px);\n              line-height: 1.08;\n            }<\/p>\n<p>            .mmm-tags {\n              display: grid;\n              grid-template-columns: repeat(2, minmax(0, 1fr));\n              gap: 12px 40px;\n              padding-left: 20px;\n              list-style: disc outside;\n            }<\/p>\n<p>            .mmm-tags li {\n              padding: 0;\n              border: 0;\n              color: #bdbdbd;\n              background: transparent;\n              font-size: 12px;\n              font-weight: 700;\n              letter-spacing: .07em;\n              text-transform: uppercase;\n              transition: color .2s ease;\n            }<\/p>\n<p>            .mmm-tags li::marker {\n              color: var(--mmm-red);\n              font-size: 1.15em;\n            }<\/p>\n<p>            .mmm-tags li:hover {\n              color: #fff;\n            }<\/p>\n<p>            \/* Philosophy *\/\n            .mmm-philosophy {\n              overflow: hidden;\n              background: #090909;\n            }<\/p>\n<p>            .mmm-philosophy-layout {\n              display: grid;\n              grid-template-columns: minmax(0, 4.1fr) minmax(210px, .9fr);\n              gap: 0;\n            }<\/p>\n<p>            .mmm-philosophy-grid {\n              display: grid;\n              grid-template-columns: 1.05fr repeat(4, 1fr);\n              gap: 0;\n              border: 1px solid var(--mmm-line);\n              background: rgba(9,9,9,.88);\n              backdrop-filter: blur(12px);\n            }<\/p>\n<p>            .mmm-philosophy-image {\n              min-width: 0;\n              min-height: 310px;\n              margin: 0;\n              overflow: hidden;\n              background: #111;\n            }<\/p>\n<p>            .mmm-philosophy-image img {\n              width: 100%;\n              height: 100%;\n              min-height: 310px;\n              display: block;\n              object-fit: cover;\n              object-position: center;\n            }<\/p>\n<p>            .mmm-philosophy-intro,\n            .mmm-principle {\n              min-height: 310px;\n              padding: 32px 28px;\n            }<\/p>\n<p>            .mmm-philosophy-intro {\n              display: flex;\n              flex-direction: column;\n              justify-content: center;\n              border-right: 1px solid var(--mmm-line);\n            }<\/p>\n<p>            .mmm-philosophy-intro h2 {\n              font-size: clamp(31px, 3.2vw, 44px);\n              line-height: 1.08;\n            }<\/p>\n<p>            .mmm-principle {\n              border-right: 1px solid var(--mmm-line);\n            }<\/p>\n<p>            .mmm-principle:last-child {\n              border-right: 0;\n            }<\/p>\n<p>            .mmm-principle-number {\n              width: 55px;\n              height: 55px;\n              display: grid;\n              place-items: center;\n              margin-bottom: 56px;\n              border: 1px solid rgba(230,51,58,.65);\n              border-radius: 50%;\n              color: var(--mmm-red);\n              font-size: 11px;\n              font-weight: 800;\n            }<\/p>\n<p>            .mmm-principle .mmm-icon {\n              width: 34px;\n              height: 34px;\n              margin-bottom: 22px;\n              color: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-principle h3 {\n              margin-bottom: 10px;\n              font-size: 14px;\n              letter-spacing: -.01em;\n            }<\/p>\n<p>            .mmm-principle p {\n              color: #909090;\n              font-size: 11px;\n              line-height: 1.65;\n            }<\/p>\n<p>            \/* Process *\/\n            .mmm-process {\n              color: #111;\n              background: #f3f3f1;\n            }<\/p>\n<p>            .mmm-process-head {\n              display: grid;\n              grid-template-columns: .75fr 1.25fr;\n              gap: 50px;\n              align-items: end;\n              margin-bottom: 70px;\n            }<\/p>\n<p>            .mmm-process-head h2 {\n              max-width: 720px;\n              font-size: clamp(36px, 4.2vw, 58px);\n              line-height: 1.03;\n            }<\/p>\n<p>            .mmm-process-head p {\n              max-width: 540px;\n              color: #666;\n              font-size: 15px;\n              line-height: 1.7;\n            }<\/p>\n<p>            .mmm-process-steps {\n              position: relative;\n              display: grid;\n              grid-template-columns: repeat(5, 1fr);\n              gap: 24px;\n              counter-reset: process;\n            }<\/p>\n<p>            .mmm-process-steps::before {\n              content: '';\n              position: absolute;\n              top: 25px;\n              right: 7%;\n              left: 7%;\n              height: 1px;\n              background: #cfcfcc;\n            }<\/p>\n<p>            .mmm-process-step {\n              position: relative;\n              z-index: 1;\n              text-align: center;\n              counter-increment: process;\n            }<\/p>\n<p>            .mmm-process-number {\n              width: 52px;\n              height: 52px;\n              display: grid;\n              place-items: center;\n              margin: 0 auto 24px;\n              border: 1px solid #d0d0cd;\n              border-radius: 50%;\n              color: #111;\n              background: #f3f3f1;\n              font-size: 11px;\n              font-weight: 800;\n            }<\/p>\n<p>            .mmm-process-step:nth-child(5) .mmm-process-number {\n              border-color: var(--mmm-red);\n              color: #fff;\n              background: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-process-step h3 {\n              margin-bottom: 9px;\n              font-size: 13px;\n              line-height: 1.3;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-process-step p {\n              max-width: 180px;\n              margin-inline: auto;\n              color: #6b6b6b;\n              font-size: 11px;\n              line-height: 1.6;\n            }<\/p>\n<p>            .mmm-process-video {\n              min-height: 142px;\n              display: grid;\n              grid-template-columns: 175px 1fr auto;\n              gap: 28px;\n              align-items: center;\n              margin-top: 68px;\n              padding: 20px 30px 20px 20px;\n              color: #fff;\n              background: #0d0d0d;\n            }<\/p>\n<p>            .mmm-process-video-thumb {\n              position: relative;\n              height: 102px;\n              display: grid;\n              place-items: center;\n              overflow: hidden;\n              background:\n                linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.52)),\n                url('https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/Ai-Showreel-2026-_-Cinematic-Ai-Video-_-UGC-Ads-_-Motion-Magic-Media720P_HD-mp4-image-1080x675.jpg') center \/ cover;\n            }<\/p>\n<p>            .mmm-process-play {\n              width: 45px;\n              height: 45px;\n              display: grid;\n              place-items: center;\n              border-radius: 50%;\n              color: #fff;\n              background: var(--mmm-red);\n            }<\/p>\n<p>            .mmm-process-video h3 {\n              margin-bottom: 5px;\n              font-size: 18px;\n            }<\/p>\n<p>            .mmm-process-video p {\n              color: #8f8f8f;\n              font-size: 12px;\n            }<\/p>\n<p>            .mmm-process-video .mmm-text-link {\n              margin-left: auto;\n            }<\/p>\n<p>            \/* FAQ *\/\n            .mmm-faq {\n              color: #111;\n              background: #fafaf8;\n            }<\/p>\n<p>            .mmm-faq-grid {\n              display: grid;\n              grid-template-columns: .72fr 1.28fr;\n              gap: clamp(50px, 8vw, 120px);\n              align-items: start;\n            }<\/p>\n<p>            .mmm-faq-title {\n              position: sticky;\n              top: 40px;\n              font-size: clamp(34px, 3.8vw, 52px);\n              line-height: 1.05;\n            }<\/p>\n<p>            .mmm-faq-list {\n              border-top: 1px solid #d8d8d5;\n            }<\/p>\n<p>            .mmm-faq-item {\n              border-bottom: 1px solid #d8d8d5;\n            }<\/p>\n<p>            .mmm-faq-item summary {\n              position: relative;\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              gap: 25px;\n              padding: 20px 44px 20px 0;\n              color: #181818;\n              cursor: pointer;\n              font-size: 13px;\n              font-weight: 700;\n              line-height: 1.45;\n              list-style: none;\n            }<\/p>\n<p>            .mmm-faq-item summary::-webkit-details-marker {\n              display: none;\n            }<\/p>\n<p>            .mmm-faq-item summary::before,\n            .mmm-faq-item summary::after {\n              content: '';\n              position: absolute;\n              right: 7px;\n              width: 15px;\n              height: 1px;\n              background: var(--mmm-red);\n              transition: transform .2s ease;\n            }<\/p>\n<p>            .mmm-faq-item summary::after {\n              transform: rotate(90deg);\n            }<\/p>\n<p>            .mmm-faq-item[open] summary::after {\n              transform: rotate(0);\n            }<\/p>\n<p>            .mmm-faq-answer {\n              max-width: 680px;\n              padding: 0 44px 22px 0;\n              color: #686868;\n              font-size: 13px;\n              line-height: 1.75;\n            }<\/p>\n<p>            \/* CTA *\/\n            .mmm-cta {\n              overflow: hidden;\n              background:\n                linear-gradient(90deg, rgba(8,8,8,.98) 0%, rgba(8,8,8,.91) 52%, rgba(8,8,8,.38) 100%),\n                linear-gradient(180deg, rgba(8,8,8,.3), rgba(8,8,8,.9)),\n                url('https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/frame-21.jpg') center \/ cover;\n            }<\/p>\n<p>            .mmm-cta-inner {\n              min-height: 390px;\n              display: grid;\n              grid-template-columns: minmax(340px, 1fr) minmax(420px, 1.1fr);\n              gap: 60px;\n              align-items: center;\n            }<\/p>\n<p>            .mmm-cta h2 {\n              font-size: clamp(38px, 4.6vw, 62px);\n              line-height: 1.02;\n            }<\/p>\n<p>            .mmm-cta-copy p {\n              max-width: 540px;\n              margin-top: 16px;\n              color: #a6a6a6;\n              font-size: 14px;\n              line-height: 1.7;\n            }<\/p>\n<p>            .mmm-cta-actions {\n              display: flex;\n              flex-wrap: wrap;\n              gap: 12px;\n              margin-top: 28px;\n            }<\/p>\n<p>            .mmm-cta-note {\n              align-self: end;\n              padding-bottom: 10px;\n              color: #9a9a9a;\n              font-size: 12px;\n              line-height: 1.7;\n            }<\/p>\n<p>            \/* Footer *\/\n            .mmm-footer {\n              padding: 72px 0 25px;\n              border-top: 1px solid var(--mmm-line);\n              background: #080808;\n            }<\/p>\n<p>            .mmm-footer-grid {\n              display: grid;\n              grid-template-columns: 1.8fr repeat(3, 1fr);\n              gap: 50px;\n              padding-bottom: 50px;\n            }<\/p>\n<p>            .mmm-footer-brand > p {\n              max-width: 350px;\n              margin-top: 20px;\n              color: #858585;\n              font-size: 12px;\n              line-height: 1.75;\n            }<\/p>\n<p>            .mmm-footer h3 {\n              margin-bottom: 17px;\n              color: #d8d8d8;\n              font-size: 11px;\n              font-weight: 800;\n              letter-spacing: .13em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-footer ul {\n              list-style: none;\n            }<\/p>\n<p>            .mmm-footer li + li {\n              margin-top: 9px;\n            }<\/p>\n<p>            .mmm-footer li a {\n              color: #858585;\n              font-size: 12px;\n              text-decoration: none;\n              transition: color .2s ease;\n            }<\/p>\n<p>            .mmm-footer li a:hover {\n              color: #fff;\n            }<\/p>\n<p>            .mmm-footer-bottom {\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              gap: 25px;\n              padding-top: 22px;\n              border-top: 1px solid var(--mmm-line);\n              color: #6f6f6f;\n              font-size: 10px;\n              font-weight: 600;\n              letter-spacing: .07em;\n              text-transform: uppercase;\n            }<\/p>\n<p>            .mmm-footer-bottom a {\n              color: #9c9c9c;\n              text-decoration: none;\n            }<\/p>\n<p>            @media (max-width: 1100px) {\n              .mmm-nav { gap: 18px; }\n              .mmm-nav a { font-size: 9px; }\n              .mmm-header-cta { display: none; }\n              .mmm-work-grid { grid-template-columns: repeat(3, 1fr); }\n              .mmm-work-card { min-height: 280px; }\n              .mmm-work-visual { height: 175px; }\n              .mmm-philosophy-grid { grid-template-columns: repeat(4, 1fr); }\n              .mmm-philosophy-intro { grid-column: 1 \/ -1; min-height: auto; border-right: 0; border-bottom: 1px solid var(--mmm-line); }\n              .mmm-principle { min-height: 275px; }\n              .mmm-process-step p { max-width: 150px; }\n            }<\/p>\n<p>            @media (max-width: 900px) {\n              .mmm-section { padding: 78px 0; }\n              .mmm-philosophy-layout { grid-template-columns: 1fr; }\n              .mmm-philosophy-image,\n              .mmm-philosophy-image img { min-height: 220px; }\n              .mmm-site-header { background: rgba(0,0,0,.92); }\n              .mmm-header-inner { min-height: 76px; }\n              .mmm-nav {\n                position: absolute;\n                top: 100%;\n                right: 0;\n                left: 0;\n                display: none;\n                flex-direction: column;\n                align-items: stretch;\n                gap: 0;\n                padding: 10px 24px 22px;\n                border-bottom: 1px solid var(--mmm-line);\n                background: rgba(7,7,7,.98);\n              }\n              .mmm-nav a { padding: 12px 0; }\n              .mmm-nav a::after { display: none; }\n              .mmm-menu-label {\n                width: 44px;\n                height: 44px;\n                display: grid;\n                place-items: center;\n                border: 1px solid rgba(255,255,255,.28);\n                color: #fff;\n                cursor: pointer;\n              }\n              .mmm-menu-label span,\n              .mmm-menu-label span::before,\n              .mmm-menu-label span::after {\n                width: 19px;\n                height: 1px;\n                display: block;\n                background: currentColor;\n                content: '';\n                transition: transform .2s ease, opacity .2s ease;\n              }\n              .mmm-menu-label span::before { transform: translateY(-6px); }\n              .mmm-menu-label span::after { transform: translateY(5px); }\n              .mmm-menu-toggle:checked ~ .mmm-header-inner .mmm-nav { display: flex; }\n              .mmm-menu-toggle:checked ~ .mmm-header-inner .mmm-menu-label span { background: transparent; }\n              .mmm-menu-toggle:checked ~ .mmm-header-inner .mmm-menu-label span::before { transform: rotate(45deg); }\n              .mmm-menu-toggle:checked ~ .mmm-header-inner .mmm-menu-label span::after { transform: rotate(-45deg) translateY(-1px); }\n              .mmm-hero { min-height: 760px; height: 100svh; }\n              .mmm-hero-content { padding-top: 120px; padding-bottom: 175px; }\n              .mmm-showreel { right: 28px; bottom: 145px; }\n              .mmm-showreel-ring { width: 68px; height: 68px; }\n              .mmm-hero-stats-inner { grid-template-columns: repeat(2, 1fr); }\n              .mmm-stat { min-height: 72px; border-bottom: 1px solid rgba(255,255,255,.09); }\n              .mmm-partners-grid,\n              .mmm-produce-grid,\n              .mmm-faq-grid { grid-template-columns: 1fr; }\n              .mmm-partners-grid { gap: 45px; }\n              .mmm-produce-intro,\n              .mmm-faq-title { position: static; }\n              .mmm-process-head { grid-template-columns: 1fr; gap: 20px; }\n              .mmm-process-steps { grid-template-columns: repeat(3, 1fr); row-gap: 40px; }\n              .mmm-process-steps::before { display: none; }\n              .mmm-process-video { grid-template-columns: 140px 1fr; }\n              .mmm-process-video .mmm-text-link { grid-column: 2; margin: -10px 0 0; }\n              .mmm-cta-inner { grid-template-columns: 1fr; gap: 25px; padding: 80px 0; }\n              .mmm-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }\n              .mmm-footer-brand { grid-column: 1 \/ -1; }\n            }<\/p>\n<p>            @media (max-width: 640px) {\n              .mmm-container { width: min(1280px, calc(100% - 32px)); }\n              .mmm-section { padding: 64px 0; }\n              .mmm-brand { width: 140px; height: 77px; min-height: 77px; max-height: 77px; }\n              .mmm-brand-logo { width: 128px; max-height: 63px; }\n              .mmm-brand-tagline { display: none; }\n              .mmm-hero { min-height: 720px; height: 100svh; }\n              .mmm-hero-video video { object-position: 64% center; }\n              .mmm-hero-overlay { background: linear-gradient(90deg, rgba(5,5,5,.96), rgba(5,5,5,.64)), linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.88)); }\n              .mmm-hero-content { padding-top: 115px; padding-bottom: 180px; }\n              .mmm-breadcrumbs { margin-bottom: 25px; }\n              .mmm-hero-title { font-size: clamp(42px, 12.2vw, 60px); }\n              .mmm-hero-actions { flex-direction: column; align-items: stretch; max-width: 290px; }\n              .mmm-showreel { right: 22px; bottom: 150px; }\n              .mmm-showreel > span { display: none; }\n              .mmm-showreel-ring { width: 58px; height: 58px; }\n              .mmm-showreel-ring::before { inset: -8px; }\n              .mmm-stat { justify-content: flex-start; padding-left: 24px; }\n              .mmm-stat strong { font-size: 22px; }\n              .mmm-partner-cards { grid-template-columns: 1fr; }\n              .mmm-partner-card { min-height: auto; }\n              .mmm-section-head { align-items: flex-start; flex-direction: column; margin-bottom: 35px; }\n              .mmm-work-grid { grid-template-columns: repeat(2, 1fr); }\n              .mmm-work-card { min-height: 235px; }\n              .mmm-work-visual { height: 135px; }\n              .mmm-work-copy { padding: 15px; }\n              .mmm-work-copy p { display: none; }\n              .mmm-produce-cards { grid-template-columns: 1fr; }\n              .mmm-industries-inner { padding: 30px 22px; }\n              .mmm-tags { grid-template-columns: 1fr; gap: 10px; }\n              .mmm-industries-head { grid-template-columns: 1fr; gap: 14px; }\n              .mmm-philosophy-grid { grid-template-columns: 1fr; }\n              .mmm-philosophy-image,\n              .mmm-philosophy-image img { min-height: 180px; }\n              .mmm-principle { min-height: auto; border-right: 0; border-bottom: 1px solid var(--mmm-line); }\n              .mmm-principle:last-child { border-bottom: 0; }\n              .mmm-principle-number { margin-bottom: 28px; }\n              .mmm-process-steps { grid-template-columns: 1fr 1fr; }\n              .mmm-process-video { grid-template-columns: 1fr; padding: 20px; }\n              .mmm-process-video-thumb { height: 160px; }\n              .mmm-process-video .mmm-text-link { grid-column: 1; margin: 0; }\n              .mmm-faq-item summary { font-size: 12px; }\n              .mmm-cta-actions { flex-direction: column; align-items: stretch; max-width: 300px; }\n              .mmm-footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; }\n              .mmm-footer-brand { grid-column: 1 \/ -1; }\n              .mmm-footer-bottom { align-items: flex-start; flex-direction: column; }\n            }<\/p>\n<p>            @media (max-width: 420px) {\n              .mmm-work-grid { grid-template-columns: 1fr; }\n              .mmm-work-card { min-height: 250px; }\n              .mmm-process-steps { grid-template-columns: 1fr; }\n            }<\/p>\n<p>            @media (min-width: 901px) and (max-height: 720px) {\n              .mmm-hero {\n                min-height: 620px;\n                height: 100svh;\n              }<\/p>\n<p>              .mmm-hero-content {\n                padding-top: 94px;\n                padding-bottom: 92px;\n                transform: translateY(-18px);\n              }<\/p>\n<p>              .mmm-breadcrumbs {\n                margin-bottom: 20px;\n              }<\/p>\n<p>              .mmm-hero-title {\n                font-size: clamp(46px, 5.2vw, 70px);\n                line-height: .94;\n              }<\/p>\n<p>              .mmm-hero-description {\n                margin-top: 16px;\n                font-size: 15px;\n              }<\/p>\n<p>              .mmm-audience {\n                margin-top: 3px;\n              }<\/p>\n<p>              .mmm-hero-actions {\n                margin-top: 16px;\n              }<\/p>\n<p>              .mmm-showreel {\n                bottom: 110px;\n              }<\/p>\n<p>              .mmm-hero-stats,\n              .mmm-stat {\n                min-height: 76px;\n              }\n            }<\/p>\n<p>            @media (min-width: 901px) and (min-height: 721px) and (max-height: 1100px) {\n              .mmm-hero {\n                min-height: calc(100vh + 48px);\n                height: calc(100vh + 48px);\n              }<\/p>\n<p>              .mmm-hero-content {\n                transform: translateY(8px);\n              }\n            }<\/p>\n<p>            @media (min-width: 901px) {\n              .mmm-hero-content {\n                position: relative;\n                left: 72px;\n              }<\/p>\n<p>              .mmm-hero-title {\n                position: relative;\n                left: 0;\n                font-size: clamp(48px, 5.8vw, 80px);\n              }\n            }<\/p>\n<p>            @media (min-width: 901px) and (max-height: 720px) {\n              .mmm-hero-title {\n                font-size: clamp(42px, 5vw, 62px);\n                line-height: .94;\n              }\n            }<\/p>\n<p>            @media (prefers-reduced-motion: reduce) {\n              .mmm-page *,\n              .mmm-page *::before,\n              .mmm-page *::after {\n                scroll-behavior: auto !important;\n                animation-duration: .01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: .01ms !important;\n              }\n            }\n          <\/style>\n<p>          <svg class=\"mmm-svg-defs\" aria-hidden=\"true\" focusable=\"false\">\n            <symbol id=\"mmm-icon-agency\" viewBox=\"0 0 24 24\"><path d=\"M3 11v3h4l8 4V6l-8 4H3Z\"\/><path d=\"M18 8a5 5 0 0 1 0 8M20 5a9 9 0 0 1 0 14\"\/><\/symbol>\n            <symbol id=\"mmm-icon-production\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 4v16M16 4v16M3 15h18\"\/><\/symbol>\n            <symbol id=\"mmm-icon-director\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"7\" r=\"4\"\/><path d=\"M4 21a8 8 0 0 1 16 0M19 7l2-2M19 7l2 2\"\/><\/symbol>\n            <symbol id=\"mmm-icon-brand\" viewBox=\"0 0 24 24\"><path d=\"m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z\"\/><\/symbol>\n            <symbol id=\"mmm-icon-film\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M7 4v16M17 4v16M3 9h4M3 15h4M17 9h4M17 15h4\"\/><\/symbol>\n            <symbol id=\"mmm-icon-ad\" viewBox=\"0 0 24 24\"><path d=\"M3 11v3h4l8 4V6l-8 4H3ZM18 9a4 4 0 0 1 0 6\"\/><\/symbol>\n            <symbol id=\"mmm-icon-ugc\" viewBox=\"0 0 24 24\"><path d=\"M20 15a3 3 0 0 1-3 3H9l-5 3v-6a3 3 0 0 1-1-2V7a3 3 0 0 1 3-3h11a3 3 0 0 1 3 3v8Z\"\/><path d=\"M8 9h8M8 13h5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-product\" viewBox=\"0 0 24 24\"><path d=\"m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z\"\/><path d=\"m4 7.5 8 4.5 8-4.5M12 12v9\"\/><\/symbol>\n            <symbol id=\"mmm-icon-social\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><path d=\"M8 7v10M16 7v10M8 12h8\"\/><\/symbol>\n            <symbol id=\"mmm-icon-vfx\" viewBox=\"0 0 24 24\"><path d=\"m12 2 9 5-9 5-9-5 9-5Z\"\/><path d=\"m3 12 9 5 9-5M3 17l9 5 9-5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-bulb\" viewBox=\"0 0 24 24\"><path d=\"M9 18h6M10 22h4M8.5 15.5a7 7 0 1 1 7 0c-.9.7-1.5 1.4-1.5 2.5h-4c0-1.1-.6-1.8-1.5-2.5Z\"\/><\/symbol>\n            <symbol id=\"mmm-icon-wand\" viewBox=\"0 0 24 24\"><path d=\"m4 20 11-11M14 4l1-2 1 2 2 1-2 1-1 2-1-2-2-1 2-1ZM19 13l.8-1.6L21.5 10l-1.7-.8L19 7.5l-.8 1.7-1.7.8 1.7.8.8 1.7ZM6 10l.7-1.4L8 8l-1.3-.6L6 6l-.7 1.4L4 8l1.3.6L6 10Z\"\/><\/symbol>\n            <symbol id=\"mmm-icon-cube\" viewBox=\"0 0 24 24\"><path d=\"m12 2 9 5v10l-9 5-9-5V7l9-5Z\"\/><path d=\"m3 7 9 5 9-5M12 12v10\"\/><\/symbol>\n            <symbol id=\"mmm-icon-brain\" viewBox=\"0 0 24 24\"><path d=\"M8.5 5.5A3.5 3.5 0 0 0 5 9c0 .4.1.8.2 1.2A3.4 3.4 0 0 0 4 13.5 3.5 3.5 0 0 0 7.5 17c.4 1.5 1.8 2.5 3.5 2.5H12V5.5H8.5Z\"\/><path d=\"M15.5 5.5A3.5 3.5 0 0 1 19 9c0 .4-.1.8-.2 1.2a3.4 3.4 0 0 1 1.2 3.3 3.5 3.5 0 0 1-3.5 3.5c-.4 1.5-1.8 2.5-3.5 2.5H12V5.5h3.5Z\"\/><path d=\"M8.5 9.5c1.2-1.2 2.3-1.2 3.5 0M8 13.5c1.5 1.2 2.8 1.2 4 0M15.5 9.5c-1.2-1.2-2.3-1.2-3.5 0M16 13.5c-1.5 1.2-2.8 1.2-4 0\"\/><\/symbol>\n            <symbol id=\"mmm-icon-clapper\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"1\"\/><path d=\"m3 8 3-4 15 3-3 4M7 4l2 4M11 5l2 4M15 6l2 4\"\/><\/symbol>\n            <symbol id=\"mmm-icon-target\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><path d=\"m18 6 3-3M18 3h3v3\"\/><\/symbol>\n            <symbol id=\"mmm-icon-message\" viewBox=\"0 0 24 24\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3v-7a4 4 0 0 1-1-3V7a4 4 0 0 1 4-4h11a4 4 0 0 1 4 4v8Z\"\/><path d=\"M8 9h8M8 13h5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-check\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m8 12 2.5 2.5L16 9\"\/><\/symbol>\n            <symbol id=\"mmm-icon-camera\" viewBox=\"0 0 24 24\"><path d=\"M4 7h4l1.5-2h5L16 7h4v12H4V7Z\"\/><circle cx=\"12\" cy=\"13\" r=\"3.5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-layers\" viewBox=\"0 0 24 24\"><path d=\"m12 3 9 5-9 5-9-5 9-5Z\"\/><path d=\"m3 12 9 5 9-5M3 16l9 5 9-5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-eye\" viewBox=\"0 0 24 24\"><path d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.5\"\/><\/symbol>\n            <symbol id=\"mmm-icon-pen\" viewBox=\"0 0 24 24\"><path d=\"m4 20 4.5-1 11-11a2.1 2.1 0 0 0-3-3l-11 11L4 20Z\"\/><path d=\"m14 6 3 3\"\/><\/symbol>\n          <\/svg><\/p>\n<div class=\"mmm-page\" id=\"mmm-ai-production\">\n            <input class=\"mmm-menu-toggle\" type=\"checkbox\" id=\"mmm-menu-toggle\" aria-label=\"Toggle navigation\"><\/p>\n<header class=\"mmm-site-header\">\n<div class=\"mmm-container mmm-header-inner\">\n                <a class=\"mmm-brand\" href=\"#home\" aria-label=\"Motion Magic Media home\"><br \/>\n                  <img decoding=\"async\" loading=\"lazy\" class=\"mmm-brand-logo\" src=\"https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/motion-magic-logo-exact-transparent.png?ver=1\" width=\"1799\" height=\"874\" alt=\"Motion Magic Media\"><br \/>\n                <\/a><\/p>\n<nav class=\"mmm-nav\" aria-label=\"Primary navigation\">\n                  <a href=\"#home\">Home<\/a><br \/>\n                  <a href=\"#about\">About<\/a><br \/>\n                  <a class=\"is-active\" href=\"#services\">Services<\/a><br \/>\n                  <a href=\"#work\">Work<\/a><br \/>\n                  <a href=\"#process\">Process<\/a><br \/>\n                  <a href=\"#faq\">FAQ<\/a><br \/>\n                  <a href=\"#contact\">Contact<\/a><br \/>\n                <\/nav>\n<p>                <a class=\"mmm-button mmm-header-cta\" href=\"#contact\">Let&#8217;s Talk<\/a><br \/>\n                <label class=\"mmm-menu-label\" for=\"mmm-menu-toggle\" aria-label=\"Open navigation\"><span><\/span><\/label>\n              <\/div>\n<\/header>\n<p>            <main><\/p>\n<section class=\"mmm-hero\" id=\"home\">\n<div class=\"mmm-hero-video\" aria-hidden=\"true\">\n                  <video autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/Ai-Showreel-2026-_-Cinematic-Ai-Video-_-UGC-Ads-_-Motion-Magic-Media720P_HD-mp4-image.jpg\" tabindex=\"-1\"><source src=\"https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/Ai-Showreel-2026-_-Cinematic-Ai-Video-_-UGC-Ads-_-Motion-Magic-Media720P_HD.mp4\" type=\"video\/mp4\"><\/video>\n                <\/div>\n<div class=\"mmm-hero-overlay\"><\/div>\n<div class=\"mmm-hero-grid\"><\/div>\n<div class=\"mmm-hero-glow\"><\/div>\n<div class=\"mmm-container mmm-hero-content\">\n<div class=\"mmm-breadcrumbs\" aria-label=\"Breadcrumb\">\n                    <a href=\"#home\">Home<\/a><span>\/<\/span><a href=\"#services\">Services<\/a><span>\/<\/span><strong>AI-Powered Creative Production<\/strong>\n                  <\/div>\n<div class=\"mmm-hero-copy\">\n                    <span class=\"mmm-eyebrow\">AI-Powered Creative Production<\/span><\/p>\n<h1 class=\"mmm-hero-title\"><span>AI is the technology.<\/span><span class=\"mmm-red\">Creative thinking<\/span><span>is still <span class=\"mmm-red\">the craft.<\/span><\/span><\/h1>\n<pee class=\"mmm-hero-description\">AI-powered films, advertising, UGC and visual content \u2014 produced by Motion Magic Media.<\/pee>\n                    <pee class=\"mmm-audience\">For agencies. Production houses. Directors. Brands.<\/pee>\n<div class=\"mmm-hero-actions\">\n                      <a class=\"mmm-button\" href=\"#work\">View AI Work <span class=\"mmm-button__arrow\" aria-hidden=\"true\">\u203a<\/span><\/a><br \/>\n                      <a class=\"mmm-button mmm-button--outline\" href=\"#contact\">Start a Project<\/a>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <a class=\"mmm-showreel\" href=\"https:\/\/youtu.be\/lrmxB4dXS-g\" target=\"_blank\" rel=\"noopener\" aria-label=\"Play the Motion Magic Media showreel on YouTube\"><br \/>\n                  <span class=\"mmm-showreel-ring\"><span class=\"mmm-showreel-play\" aria-hidden=\"true\"><\/span><\/span><br \/>\n                  <span>Play Showreel<\/span><br \/>\n                <\/a><\/p>\n<div class=\"mmm-hero-stats\">\n<div class=\"mmm-container mmm-hero-stats-inner\">\n<div class=\"mmm-stat\"><strong>15+<\/strong><span>Years Experience<\/span><\/div>\n<div class=\"mmm-stat\"><strong>500+<\/strong><span>Videos Delivered<\/span><\/div>\n<div class=\"mmm-stat\"><strong>110+<\/strong><span>Brands Served<\/span><\/div>\n<div class=\"mmm-stat\"><strong>200+<\/strong><span>Happy Clients<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<div class=\"mmm-ticker\" aria-hidden=\"true\">\n<div class=\"mmm-ticker-track\">\n                  <span>AI Films<\/span><span>\u2022<\/span><span>AI Advertising<\/span><span>\u2022<\/span><span>AI UGC Ads<\/span><span>\u2022<\/span><span>AI Product Videos<\/span><span>\u2022<\/span><span>AI Social Content<\/span><span>\u2022<\/span><span>AI + VFX<\/span><span>\u2022<\/span><br \/>\n                  <span>AI Films<\/span><span>\u2022<\/span><span>AI Advertising<\/span><span>\u2022<\/span><span>AI UGC Ads<\/span><span>\u2022<\/span><span>AI Product Videos<\/span><span>\u2022<\/span><span>AI Social Content<\/span><span>\u2022<\/span><span>AI + VFX<\/span><span>\u2022<\/span>\n                <\/div>\n<\/p><\/div>\n<section class=\"mmm-section mmm-partners\" id=\"about\">\n<div class=\"mmm-container mmm-partners-grid\">\n<div>\n                    <span class=\"mmm-eyebrow\">Who We Work With<\/span><\/p>\n<h2 class=\"mmm-section-title\">We partner with creatives and teams who bring the ideas.<\/h2>\n<p>                    <span class=\"mmm-red-line\" aria-hidden=\"true\"><\/span>\n                    <pee class=\"mmm-section-copy\">From agencies to production houses, directors to brands \u2014 we extend your creative capability with AI-powered production that stays under your creative control.<\/pee>\n                    <a class=\"mmm-button\" href=\"#contact\" style=\"margin-top:24px\">Start a Project <span class=\"mmm-button__arrow\" aria-hidden=\"true\">\u203a<\/span><\/a>\n                  <\/div>\n<div class=\"mmm-partner-cards\">\n<article class=\"mmm-partner-card\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-agency\"><\/use><\/svg><\/p>\n<h3>Agencies<\/h3>\n<pee>Your idea. Our AI production capability.<\/pee><\/article>\n<article class=\"mmm-partner-card\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-production\"><\/use><\/svg><\/p>\n<h3>Production Houses<\/h3>\n<pee>Extend your capability without building an in-house AI team.<\/pee><\/article>\n<article class=\"mmm-partner-card\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-director\"><\/use><\/svg><\/p>\n<h3>Directors<\/h3>\n<pee>Turn treatments and visual ideas into compelling AI-driven sequences.<\/pee><\/article>\n<article class=\"mmm-partner-card\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-brand\"><\/use><\/svg><\/p>\n<h3>Brands<\/h3>\n<pee>Explore new possibilities for advertising and content with AI.<\/pee><\/article>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-work\" id=\"work\">\n<div class=\"mmm-container\">\n<div class=\"mmm-section-head\">\n<div><span class=\"mmm-eyebrow\">Our AI Work<\/span><\/p>\n<h2 class=\"mmm-section-title\">Ideas, imagined differently.<\/h2>\n<\/div>\n<p>                    <a class=\"mmm-text-link\" href=\"#contact\">View all work <span aria-hidden=\"true\">\u2192<\/span><\/a>\n                  <\/div>\n<div class=\"mmm-work-grid\">\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(230,51,58,.30)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-film\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI Films<\/small><\/p>\n<h3>AI Film Production<\/h3>\n<pee>Cinematic films and brand stories.<\/pee><\/div>\n<\/article>\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(255,90,45,.26)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-ad\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI Ads<\/small><\/p>\n<h3>AI Advertising<\/h3>\n<pee>Commercials and campaign films.<\/pee><\/div>\n<\/article>\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(203,45,88,.25)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-ugc\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI UGC<\/small><\/p>\n<h3>Creator-Style Ads<\/h3>\n<pee>Testimonials and performance content.<\/pee><\/div>\n<\/article>\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(217,160,45,.24)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-product\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI Product<\/small><\/p>\n<h3>AI Product Content<\/h3>\n<pee>Visualisation, demos and storytelling.<\/pee><\/div>\n<\/article>\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(87,72,230,.25)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-social\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI Social<\/small><\/p>\n<h3>AI Social Content<\/h3>\n<pee>Reels and short-form video variations.<\/pee><\/div>\n<\/article>\n<article class=\"mmm-work-card\" style=\"--card-glow:rgba(45,176,222,.24)\">\n<div class=\"mmm-work-visual\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-vfx\"><\/use><\/svg><\/div>\n<div class=\"mmm-work-copy\"><small>AI + VFX<\/small><\/p>\n<h3>AI + VFX<\/h3>\n<pee>Hybrid AI and live-action compositing.<\/pee><\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-produce\" id=\"services\">\n<div class=\"mmm-container mmm-produce-grid\">\n<div class=\"mmm-produce-intro\">\n                    <span class=\"mmm-eyebrow\">What We Can Produce<\/span><\/p>\n<h2 class=\"mmm-section-title\">AI-powered content. End-to-end production.<\/h2>\n<pee class=\"mmm-section-copy\">Every discipline is run by an experienced production team \u2014 AI shortens the distance, craft decides the quality.<\/pee>\n                  <\/div>\n<div class=\"mmm-produce-cards\">\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-film\"><\/use><\/svg><\/p>\n<h3>AI Film Production<\/h3>\n<\/div>\n<pee>Cinematic films, brand films, narrative content and visual storytelling.<\/pee><\/article>\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-ad\"><\/use><\/svg><\/p>\n<h3>AI Advertising<\/h3>\n<\/div>\n<pee>Commercials, campaign films, digital ads and social advertising.<\/pee><\/article>\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-ugc\"><\/use><\/svg><\/p>\n<h3>AI UGC Ads<\/h3>\n<\/div>\n<pee>Creator-style videos, testimonials, reviews and performance content.<\/pee><\/article>\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-product\"><\/use><\/svg><\/p>\n<h3>AI Product Videos<\/h3>\n<\/div>\n<pee>Product visualisation, demonstrations, environments and product stories.<\/pee><\/article>\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-social\"><\/use><\/svg><\/p>\n<h3>AI Social Content<\/h3>\n<\/div>\n<pee>Reels, short-form videos, content variations and campaign adaptations.<\/pee><\/article>\n<article class=\"mmm-produce-card\">\n<div class=\"mmm-produce-card-head\"><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-vfx\"><\/use><\/svg><\/p>\n<h3>AI + VFX<\/h3>\n<\/div>\n<pee>Hybrid AI and live-action workflows, compositing, animation and enhancement.<\/pee><\/article>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-industries\" id=\"industries\">\n<div class=\"mmm-container mmm-industries-inner\">\n<div class=\"mmm-industries-head\">\n<div><span class=\"mmm-eyebrow\">Industries Served<\/span><\/p>\n<h2>Production for every Indian industry.<\/h2>\n<\/div>\n<\/div>\n<ul class=\"mmm-tags\" aria-label=\"Industries served\">\n<li>Manufacturing<\/li>\n<li>IT &amp; Technology<\/li>\n<li>Pharmaceuticals<\/li>\n<li>BFSI &amp; Fintech<\/li>\n<li>Real Estate<\/li>\n<li>Education &amp; EdTech<\/li>\n<li>Healthcare<\/li>\n<li>FMCG &amp; Retail<\/li>\n<li>Automotive<\/li>\n<li>SaaS &amp; Startups<\/li>\n<li>NGO &amp; Government<\/li>\n<li>Hospitality<\/li>\n<li>Logistics<\/li>\n<li>Media &amp; Entertainment<\/li>\n<\/ul><\/div>\n<\/section>\n<section class=\"mmm-section mmm-philosophy\" id=\"philosophy\">\n<div class=\"mmm-container mmm-philosophy-layout\">\n<div class=\"mmm-philosophy-grid\">\n<div class=\"mmm-philosophy-intro\"><span class=\"mmm-eyebrow\">Our Philosophy<\/span><\/p>\n<h2>AI can generate.<!\u2013- [et_pb_br_holder] -\u2013><span class=\"mmm-red\">Experience knows<\/span><!\u2013- [et_pb_br_holder] -\u2013>what to create.<\/h2>\n<\/div>\n<article class=\"mmm-principle\">\n<div class=\"mmm-principle-number\">01<\/div>\n<p><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-brain\"><\/use><\/svg><\/p>\n<h3>Creative Thinking<\/h3>\n<pee>We understand the idea behind the visual, not just the prompt. Every frame starts with a creative decision.<\/pee><\/article>\n<article class=\"mmm-principle\">\n<div class=\"mmm-principle-number\">02<\/div>\n<p><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-clapper\"><\/use><\/svg><\/p>\n<h3>Filmmaking<\/h3>\n<pee>Story, direction, composition, camera, light and pacing bring the vision to life.<\/pee><\/article>\n<article class=\"mmm-principle\">\n<div class=\"mmm-principle-number\">03<\/div>\n<p><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-cube\"><\/use><\/svg><\/p>\n<h3>VFX + Post<\/h3>\n<pee>We refine, composite and finish every frame to production standards.<\/pee><\/article>\n<article class=\"mmm-principle\">\n<div class=\"mmm-principle-number\">04<\/div>\n<p><svg class=\"mmm-icon\" aria-hidden=\"true\"><use href=\"#mmm-icon-target\"><\/use><\/svg><\/p>\n<h3>Brand Understanding<\/h3>\n<pee>The content must communicate the right message to the right audience.<\/pee><\/article>\n<\/p><\/div>\n<figure class=\"mmm-philosophy-image\"><img decoding=\"async\" src=\"https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-24-2026-06_33_28-PM.png\" alt=\"Film production set with cameras and crew\" loading=\"lazy\"><\/figure>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-process\" id=\"process\">\n<div class=\"mmm-container\">\n<div class=\"mmm-process-head\">\n<div><span class=\"mmm-eyebrow\">Our Process<\/span><\/p>\n<h2>From brief to final frame.<\/h2>\n<\/div>\n<\/div>\n<div class=\"mmm-process-steps\">\n<article class=\"mmm-process-step\">\n<div class=\"mmm-process-number\">01<\/div>\n<h3>Brief<\/h3>\n<pee>You share the campaign, script, treatment or requirement.<\/pee><\/article>\n<article class=\"mmm-process-step\">\n<div class=\"mmm-process-number\">02<\/div>\n<h3>Creative Interpretation<\/h3>\n<pee>We understand the idea and define the visual approach.<\/pee><\/article>\n<article class=\"mmm-process-step\">\n<div class=\"mmm-process-number\">03<\/div>\n<h3>AI Visual Development<\/h3>\n<pee>References, visual exploration, generation and iteration.<\/pee><\/article>\n<article class=\"mmm-process-step\">\n<div class=\"mmm-process-number\">04<\/div>\n<h3>Production + VFX<\/h3>\n<pee>Generation, compositing, animation, editing, sound and finishing.<\/pee><\/article>\n<article class=\"mmm-process-step\">\n<div class=\"mmm-process-number\">05<\/div>\n<h3>Final Delivery<\/h3>\n<pee>Production-ready content in the required formats, ready to use.<\/pee><\/article>\n<\/p><\/div>\n<div class=\"mmm-process-video\">\n<div class=\"mmm-process-video-thumb\"><span class=\"mmm-process-play\" aria-hidden=\"true\">\u25b6<\/span><\/div>\n<div>\n<h3>Behind every frame is a process.<\/h3>\n<pee>Watch how we transform ideas into AI-powered visual stories.<\/pee><\/div>\n<p>                    <a class=\"mmm-text-link\" href=\"https:\/\/youtu.be\/lrmxB4dXS-g\" target=\"_blank\" rel=\"noopener\">Watch process video <span aria-hidden=\"true\">\u2192<\/span><\/a>\n                  <\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-faq\" id=\"faq\">\n<div class=\"mmm-container mmm-faq-grid\">\n<div><span class=\"mmm-eyebrow\">AI Production \u2014 FAQ<\/span><\/p>\n<h2 class=\"mmm-faq-title\">Common questions.<!\u2013- [et_pb_br_holder] -\u2013>Clear answers.<\/h2>\n<\/div>\n<div class=\"mmm-faq-list\">\n<details class=\"mmm-faq-item\">\n<summary>What is AI video production?<\/summary>\n<div class=\"mmm-faq-answer\">It is filmmaking where visuals are generated and refined using AI tools, then directed, composited and finished by a production team. The craft decisions stay human; generation simply becomes faster.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>Do you work with advertising agencies?<\/summary>\n<div class=\"mmm-faq-answer\">Yes. Agencies bring the idea and client relationship. We handle AI production so you do not have to build the capability in-house.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>Do you work with production houses and directors?<\/summary>\n<div class=\"mmm-faq-answer\">Yes. We work as an extension of your team, turning treatments and boards into AI-driven sequences that match your intended look.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>Can AI video be combined with live action and VFX?<\/summary>\n<div class=\"mmm-faq-answer\">Yes. Most of our work is hybrid. Live-action plates, AI-generated elements and traditional VFX are composited into one finished piece.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>What types of AI ads can you create?<\/summary>\n<div class=\"mmm-faq-answer\">Commercials, campaign films, performance ads, creator-style UGC, product demonstrations and short-form social cuts, including multiple variations of the same campaign.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>What is the typical turnaround time?<\/summary>\n<div class=\"mmm-faq-answer\">It depends on length and complexity. Short-form social content can move in days. A full AI film follows a schedule agreed at the brief stage.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>How do you ensure brand consistency?<\/summary>\n<div class=\"mmm-faq-answer\">We work from your brand guidelines, references and existing assets, then lock the visual language during development so every frame stays on brand.<\/div>\n<\/details>\n<details class=\"mmm-faq-item\">\n<summary>What do you need to get started?<\/summary>\n<div class=\"mmm-faq-answer\">A brief, script, treatment or even a rough idea. Brand guidelines and reference material help, but they are not required for the first conversation.<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"mmm-section mmm-cta\" id=\"contact\">\n<div class=\"mmm-container mmm-cta-inner\">\n<div class=\"mmm-cta-copy\"><span class=\"mmm-eyebrow\">Have an Idea?<\/span><\/p>\n<h2>Let&#8217;s make it <span class=\"mmm-red\">real.<\/span><\/h2>\n<pee>Send us your brief, script, treatment, references or even a rough idea. We&#8217;ll explore how AI can help bring it to life.<\/pee>\n<div class=\"mmm-cta-actions\"><a class=\"mmm-button\" href=\"mailto:info@motionmagicmedia.com\">Send Your Brief <span class=\"mmm-button__arrow\" aria-hidden=\"true\">\u203a<\/span><\/a><a class=\"mmm-button mmm-button--outline\" href=\"tel:+918879256333\">Talk to Our Team<\/a><\/div>\n<\/div><\/div>\n<\/section>\n<p>            <\/main><\/p>\n<footer class=\"mmm-footer\">\n<div class=\"mmm-container\">\n<div class=\"mmm-footer-grid\">\n<div class=\"mmm-footer-brand\"><a class=\"mmm-brand\" href=\"#home\"><img decoding=\"async\" loading=\"lazy\" class=\"mmm-brand-logo\" src=\"https:\/\/artnation.in\/wp-content\/uploads\/2026\/09\/motion-magic-logo-exact-transparent.png?ver=1\" width=\"1799\" height=\"874\" alt=\"Motion Magic Media\"><\/a><pee>AI-powered creative production for agencies, production houses, directors and brands. Mumbai, India.<\/pee><\/div>\n<div>\n<h3>Services<\/h3>\n<ul>\n<li><a href=\"#services\">AI Film Production<\/a><\/li>\n<li><a href=\"#services\">AI Advertising<\/a><\/li>\n<li><a href=\"#services\">AI UGC Ads<\/a><\/li>\n<li><a href=\"#services\">AI + VFX<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h3>Explore<\/h3>\n<ul>\n<li><a href=\"#about\">About<\/a><\/li>\n<li><a href=\"#work\">Our Work<\/a><\/li>\n<li><a href=\"#process\">Process<\/a><\/li>\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h3>Get In Touch<\/h3>\n<ul>\n<li><a href=\"mailto:info@motionmagicmedia.com\">info@motionmagicmedia.com<\/a><\/li>\n<li><a href=\"tel:+918879256333\">+91 88792 56333<\/a><\/li>\n<li><a href=\"#contact\">Start a Project<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"mmm-footer-bottom\"><span>\u00a9 2026 Motion Magic Media. All rights reserved.<\/span><span>AI-powered production. Human-led craft.<\/span><\/div>\n<\/p><\/div>\n<\/footer><\/div>\n<p>[\/et_pb_code]<br \/>\n[\/et_pb_column]<br \/>\n[\/et_pb_row]<br \/>\n[\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AI-powered creative production for agencies, production houses, directors and brands by Motion Magic Media.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"_links":{"self":[{"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/pages\/151"}],"collection":[{"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/artnation.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=151"}],"version-history":[{"count":27,"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions"}],"predecessor-version":[{"id":235,"href":"https:\/\/artnation.in\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions\/235"}],"wp:attachment":[{"href":"https:\/\/artnation.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}