{"id":356,"date":"2026-08-10T13:06:54","date_gmt":"2026-08-10T13:06:54","guid":{"rendered":"https:\/\/mifaproduction.com\/?page_id=356"},"modified":"2026-08-10T13:35:58","modified_gmt":"2026-08-10T13:35:58","slug":"services","status":"publish","type":"page","link":"https:\/\/mifaproduction.com\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 SERVICES PAGE \u00b7 PART 1 of 4  (ENGLISH)\n     NAV + MENU OVERLAY + HERO (3D camera lens with live aperture)\n\n     Paste the whole thing into a WordPress \"Custom HTML\" block.\n     Everything is scoped inside .mifa-v1\n\n     ------------------------------------------------------------\n     LIVE PAGE LINKS USED IN THIS PART\n       Home      \/index.php\/home\/\n       Studio    \/index.php\/studio\/\n       Services  \/index.php\/services\/     <-- current page\n       Work      \/index.php\/work\/\n       Clients   \/index.php\/client\/\n       Contact   \/index.php\/contact\/\n\n     When the site moves to the final domain, find & replace\n       https:\/\/mifaproduction.com\/index.php\n     with\n       https:\/\/mifaproduction.com\n     ------------------------------------------------------------ -->\n\n<div class=\"mifa-v1\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@300;400;500&display=swap');\n\n\/* ===================== TOKENS + THEME RESET ===================== *\/\n.mifa-v1{\n  --bg:#07070A; --bg-2:#0C0C11; --panel:#101017;\n  --ink:#F2F0EE; --soft:rgba(242,240,238,.58); --line:rgba(242,240,238,.12);\n  --red:#C4162B; --red-hi:#FF3B54; --red-dp:#7A0C18;\n\n  --f:'Inter Tight',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  --m:'DM Mono',ui-monospace,monospace;\n  --pad:clamp(18px,4.4vw,64px);\n  --nav-h:76px;\n  --e:cubic-bezier(.22,1,.36,1);\n\n  --lens:clamp(212px,32vw,320px);\n\n  position:relative; z-index:0; overflow:hidden;\n  background:var(--bg) !important; color:var(--ink) !important;\n  font-family:var(--f) !important;\n  font-weight:400; font-size:16px; line-height:1.5;\n  text-align:left; -webkit-font-smoothing:antialiased;\n\n  \/* If the theme content area is narrow, uncomment these 2 lines: *\/\n  \/* margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); *\/\n}\n.mifa-v1 *,.mifa-v1 *::before,.mifa-v1 *::after{ box-sizing:border-box; }\n.mifa-v1 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-v1 a:hover,.mifa-v1 a:focus{ text-decoration:none !important; }\n.mifa-v1 h1,.mifa-v1 h2,.mifa-v1 h3,.mifa-v1 p,.mifa-v1 ul,.mifa-v1 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-v1 ul{ list-style:none !important; }\n.mifa-v1 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-v1 button{\n  font:inherit; color:inherit; background:none; border:0; cursor:pointer;\n  padding:0; margin:0; text-transform:none; letter-spacing:normal;\n  box-shadow:none; border-radius:0; -webkit-appearance:none; appearance:none;\n}\n.mifa-v1 button:hover,.mifa-v1 button:focus{ background:none; }\n.mifa-v1 svg{ display:block; }\n.mifa-v1 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\nbody.admin-bar .mifa-v1 .v1-nav{ top:32px; }\n@media (max-width:782px){ body.admin-bar .mifa-v1 .v1-nav{ top:46px; } }\n\n\/* ============================= NAV ============================= *\/\n.mifa-v1 .v1-nav{\n  position:fixed; top:0; left:0; right:0; z-index:9000; height:var(--nav-h);\n  display:flex; align-items:center; justify-content:space-between; gap:16px;\n  padding:0 var(--pad); border-bottom:1px solid transparent;\n  transition:background .5s var(--e), height .5s var(--e), border-color .5s;\n}\n.mifa-v1 .v1-nav.stuck{\n  height:62px; background:rgba(7,7,10,.82); border-bottom-color:var(--line);\n  backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);\n}\n.mifa-v1 .v1-logo{ display:flex; align-items:center; gap:11px; flex-shrink:0; min-width:0; perspective:500px; }\n.mifa-v1 .v1-mark{\n  position:relative; width:40px; height:40px; flex-shrink:0; border-radius:9px;\n  overflow:hidden; background:var(--red); box-shadow:0 8px 26px rgba(196,22,43,.4);\n  transition:width .5s var(--e), height .5s var(--e), transform .6s var(--e);\n}\n.mifa-v1 .v1-mark img{ position:absolute; max-width:none; width:237.5%; height:237.5%; left:-62.2%; top:-54.6%; }\n.mifa-v1 .v1-nav.stuck .v1-mark{ width:34px; height:34px; }\n.mifa-v1 .v1-word{ display:flex; flex-direction:column; line-height:1.08; min-width:0; }\n.mifa-v1 .v1-word b{ font-size:14px; font-weight:800; letter-spacing:.1em; }\n.mifa-v1 .v1-word i{ font-style:normal; font-size:9.5px; font-weight:400; letter-spacing:.2em; color:var(--soft); }\n\n.mifa-v1 .v1-rec{\n  display:flex; align-items:center; gap:8px; flex-shrink:0;\n  font-family:var(--m); font-size:10.5px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-v1 .v1-rec i{\n  width:7px; height:7px; border-radius:50%; background:var(--red-hi);\n  box-shadow:0 0 10px 2px rgba(255,59,84,.8); animation:v1Blink 1.6s ease-in-out infinite;\n}\n@keyframes v1Blink{ 0%,100%{opacity:1} 50%{opacity:.12} }\n\n.mifa-v1 .v1-right{ display:flex; align-items:center; gap:22px; flex-shrink:0; }\n\n\/* --- desktop inline page links --- *\/\n.mifa-v1 .v1-links{ display:flex; align-items:center; gap:20px; }\n.mifa-v1 .v1-links a{\n  position:relative; font-family:var(--m); font-size:11px; letter-spacing:.14em;\n  text-transform:uppercase; color:var(--soft); padding:4px 0; transition:color .3s;\n}\n.mifa-v1 .v1-links a::after{\n  content:''; position:absolute; left:0; right:0; bottom:0; height:1px;\n  background:var(--red-hi); transform:scaleX(0); transform-origin:right;\n  transition:transform .45s var(--e);\n}\n.mifa-v1 .v1-links a.here{ color:var(--ink); }\n.mifa-v1 .v1-links a.here::after{ transform:scaleX(1); transform-origin:left; }\n\n.mifa-v1 .v1-soc{ display:flex; gap:14px; }\n.mifa-v1 .v1-soc a{ font-family:var(--m); font-size:10.5px; letter-spacing:.14em; color:var(--soft); transition:color .3s; }\n\n.mifa-v1 .v1-menu{\n  display:flex; align-items:center; gap:11px; flex-shrink:0;\n  font-family:var(--m); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;\n}\n.mifa-v1 .v1-menu__t{ transition:color .3s; }\n.mifa-v1 .v1-burg{ display:block !important; position:relative; width:26px; height:12px; flex-shrink:0; }\n.mifa-v1 .v1-burg i{\n  position:absolute; left:0; width:100%; height:2px; border-radius:2px;\n  background:var(--ink); transition:transform .5s var(--e);\n}\n.mifa-v1 .v1-burg i:nth-child(1){ top:0 }\n.mifa-v1 .v1-burg i:nth-child(2){ top:10px }\n.mifa-v1 .v1-menu.open .v1-burg i:nth-child(1){ transform:translateY(5px) rotate(45deg) }\n.mifa-v1 .v1-menu.open .v1-burg i:nth-child(2){ transform:translateY(-5px) rotate(-45deg) }\n\n\/* -------------------------- MENU OVERLAY -------------------------- *\/\n.mifa-v1 .v1-ov{\n  position:fixed; inset:0; z-index:8900; pointer-events:none; perspective:900px;\n  display:flex; flex-direction:column; justify-content:center; overflow-y:auto;\n  padding:calc(var(--nav-h) + 30px) var(--pad) 40px;\n  background:radial-gradient(circle at 78% 18%, rgba(196,22,43,.20), transparent 55%), var(--bg-2);\n  clip-path:inset(0 0 100% 0); transition:clip-path .85s var(--e);\n}\n.mifa-v1 .v1-ov.open{ clip-path:inset(0 0 0 0); pointer-events:auto; }\n.mifa-v1 .v1-ov__l{\n  display:flex; align-items:baseline; gap:18px; padding:5px 0;\n  font-size:clamp(30px,7vw,72px); font-weight:800; letter-spacing:-.03em; line-height:1.16;\n  color:var(--ink); opacity:0; transform:translateY(34px) rotateX(-24deg); transform-origin:top;\n  transition:opacity .6s var(--e), transform .6s var(--e), color .3s;\n}\n.mifa-v1 .v1-ov.open .v1-ov__l{ opacity:1; transform:none; }\n.mifa-v1 .v1-ov__l em{\n  font-family:var(--m); font-style:normal; font-size:11px; font-weight:400;\n  letter-spacing:.16em; color:var(--red-hi); flex-shrink:0;\n}\n.mifa-v1 .v1-ov__l.here{ color:var(--red-hi); }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(1){ transition-delay:.18s }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(2){ transition-delay:.24s }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(3){ transition-delay:.30s }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(4){ transition-delay:.36s }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(5){ transition-delay:.42s }\n.mifa-v1 .v1-ov.open .v1-ov__l:nth-of-type(6){ transition-delay:.48s }\n.mifa-v1 .v1-ov__f{\n  margin-top:38px !important; padding-top:22px !important; border-top:1px solid var(--line);\n  display:flex; flex-wrap:wrap; gap:8px 30px;\n  font-family:var(--m); font-size:12px; color:var(--soft); word-break:break-word;\n}\n.mifa-v1 .v1-ov__f a{ color:var(--red-hi); }\n\n\/* ============================== HERO ============================== *\/\n.mifa-v1 .v1-hero{\n  position:relative; min-height:100svh; display:flex; flex-direction:column;\n  padding-top:var(--nav-h); background:var(--bg); overflow:hidden; isolation:isolate;\n}\n.mifa-v1 .v1-floor{\n  position:absolute; left:-25%; right:-25%; bottom:-4%; height:54vh; z-index:0;\n  perspective:340px; perspective-origin:50% 0%; pointer-events:none;\n  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 42%, #000 78%, transparent 100%);\n          mask-image:linear-gradient(to bottom, transparent 0%, #000 42%, #000 78%, transparent 100%);\n}\n.mifa-v1 .v1-floor i{\n  position:absolute; inset:0; transform:rotateX(72deg); transform-origin:50% 0%;\n  background-image:\n    repeating-linear-gradient(to right,  rgba(196,22,43,.42) 0 1px, transparent 1px 88px),\n    repeating-linear-gradient(to bottom, rgba(196,22,43,.42) 0 1px, transparent 1px 88px);\n  animation:v1Run 3.4s linear infinite;\n}\n@keyframes v1Run{ from{ background-position:0 0 } to{ background-position:0 88px } }\n\n.mifa-v1 .v1-orb{ position:absolute; z-index:0; border-radius:50%; pointer-events:none; }\n.mifa-v1 .v1-orb--a{\n  width:72vmax; height:72vmax; top:-32vmax; right:-26vmax;\n  background:radial-gradient(circle, rgba(196,22,43,.28) 0%, rgba(196,22,43,.06) 34%, transparent 62%);\n  animation:v1Drift 22s ease-in-out infinite alternate;\n}\n.mifa-v1 .v1-orb--b{\n  width:56vmax; height:56vmax; bottom:-28vmax; left:-22vmax;\n  background:radial-gradient(circle, rgba(122,12,24,.34) 0%, transparent 58%);\n  animation:v1Drift 29s ease-in-out infinite alternate-reverse;\n}\n@keyframes v1Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(-6%,6%,0) scale(1.16)} }\n\n.mifa-v1 .v1-grain{\n  position:absolute; inset:-60%; z-index:1; pointer-events:none; opacity:.16;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='nv1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nv1)'\/%3E%3C\/svg%3E\");\n  animation:v1Grain .7s steps(3) infinite;\n}\n@keyframes v1Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n.mifa-v1 .v1-vig{\n  position:absolute; inset:0; z-index:1; pointer-events:none;\n  background:radial-gradient(ellipse at 50% 42%, transparent 38%, rgba(0,0,0,.7) 100%);\n}\n.mifa-v1 .v1-ghost{\n  position:absolute; z-index:1; left:50%; top:44%; translate:-50% -50%;\n  font-size:clamp(110px,21vw,350px); font-weight:900; letter-spacing:-.06em;\n  line-height:.8; white-space:nowrap; pointer-events:none;\n  color:transparent; -webkit-text-stroke:1px rgba(242,240,238,.07);\n  opacity:0; transition:opacity 1.4s var(--e);\n}\n.mifa-v1.live .v1-ghost{ opacity:1; }\n\n\/* ---- hero grid ---- *\/\n.mifa-v1 .v1-in{\n  position:relative; z-index:3; flex:1;\n  display:grid; align-items:center; gap:clamp(30px,5vw,70px);\n  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);\n  width:100%; max-width:1660px; margin:0 auto;\n  padding:clamp(30px,5.5vh,64px) var(--pad);\n  perspective:1300px;\n}\n.mifa-v1 .v1-copy{ min-width:0; transform-style:preserve-3d; will-change:transform; }\n\n.mifa-v1 .v1-crumb{\n  display:flex; align-items:center; gap:9px; margin-bottom:16px !important;\n  font-family:var(--m); font-size:10.5px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--soft); transform:translateZ(20px);\n}\n.mifa-v1 .v1-crumb a{ transition:color .3s; }\n.mifa-v1 .v1-crumb b{ color:var(--red-hi); font-weight:400; }\n\n.mifa-v1 .v1-tag{\n  display:flex; align-items:center; gap:14px; margin-bottom:clamp(18px,3vh,30px) !important;\n  font-family:var(--m); font-size:11px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--soft); transform:translateZ(30px);\n}\n.mifa-v1 .v1-tag b{ color:var(--red-hi); font-weight:400; }\n.mifa-v1 .v1-tag::after{ content:''; flex:1; max-width:110px; height:1px; background:var(--line); }\n\n.mifa-v1 h1.v1-h1{\n  margin:0 0 clamp(22px,3.4vh,38px) !important;\n  font-size:clamp(40px,8.4vw,134px); font-weight:900;\n  line-height:.94; letter-spacing:-.045em; color:var(--ink);\n  transform:translateZ(64px);\n}\n.mifa-v1 .v1-h1 .l{ display:block; overflow:hidden; }\n.mifa-v1 .v1-h1 .l > span{\n  display:block; transform:translateY(105%); transition:transform 1.15s var(--e);\n  text-shadow:\n    1px 1px 0 rgba(122,12,24,.9),  2px 2px 0 rgba(122,12,24,.8),\n    3px 3px 0 rgba(122,12,24,.68), 4px 4px 0 rgba(122,12,24,.55),\n    5px 5px 0 rgba(122,12,24,.42), 6px 6px 0 rgba(122,12,24,.3),\n    7px 7px 0 rgba(122,12,24,.2),  8px 8px 0 rgba(122,12,24,.12),\n    0 22px 44px rgba(0,0,0,.85);\n}\n.mifa-v1.live .v1-h1 .l > span{ transform:none; }\n.mifa-v1.live .v1-h1 .l:nth-child(1) > span{ transition-delay:.10s }\n.mifa-v1.live .v1-h1 .l:nth-child(2) > span{ transition-delay:.20s }\n.mifa-v1 .v1-h1 em{\n  font-style:normal; color:var(--red-hi);\n  text-shadow:0 0 46px rgba(255,59,84,.55), 0 0 90px rgba(196,22,43,.35);\n}\n\n.mifa-v1 p.v1-sub{\n  margin:0 0 clamp(22px,3vh,30px) !important; max-width:50ch;\n  font-size:clamp(15.5px,1.5vw,19.5px); line-height:1.65; color:var(--soft);\n  transform:translateZ(30px);\n}\n.mifa-v1 .v1-sub b{ color:var(--ink); font-weight:600; }\n\n.mifa-v1 .v1-meta{ display:flex; flex-wrap:wrap; gap:10px; transform:translateZ(22px); }\n.mifa-v1 .v1-meta span{\n  display:inline-flex; align-items:center; gap:9px;\n  padding:9px 15px; border:1px solid var(--line); border-radius:999px;\n  background:rgba(242,240,238,.03);\n  font-family:var(--m); font-size:11px; letter-spacing:.06em; color:var(--soft);\n  transition:border-color .4s, color .4s, transform .4s var(--e);\n}\n.mifa-v1 .v1-meta span::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); flex-shrink:0; }\n\n.mifa-v1 .v1-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,3.6vh,40px); transform:translateZ(46px); }\n.mifa-v1 .v1-btn{\n  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:11px;\n  padding:16px 30px; border-radius:999px; font-size:13px; font-weight:600;\n  letter-spacing:.09em; text-transform:uppercase;\n  transition:transform .45s var(--e), color .35s, border-color .35s, box-shadow .45s;\n}\n.mifa-v1 .v1-btn span,.mifa-v1 .v1-btn svg{ position:relative; z-index:2; }\n.mifa-v1 .v1-btn svg{ width:16px; height:16px; flex-shrink:0; transition:transform .45s var(--e); }\n.mifa-v1 .v1-btn--fill{ background:var(--red); color:#fff; box-shadow:0 10px 34px rgba(196,22,43,.42); }\n.mifa-v1 .v1-btn--fill::before{\n  content:''; position:absolute; inset:0; background:var(--ink);\n  transform:translateY(101%); transition:transform .5s var(--e);\n}\n.mifa-v1 .v1-btn--line{ border:1px solid rgba(242,240,238,.26); color:var(--ink); }\n.mifa-v1 .v1-btn--line::before{\n  content:''; position:absolute; inset:0; background:rgba(242,240,238,.1);\n  transform:scaleX(0); transform-origin:right; transition:transform .5s var(--e);\n}\n\n\/* ============ SIGNATURE : 3D LENS WITH LIVE APERTURE ============ *\/\n.mifa-v1 .v1-stage{\n  position:relative; justify-self:center; width:min(100%,440px); min-width:0;\n  display:flex; flex-direction:column; align-items:center; gap:clamp(18px,2.6vw,28px);\n}\n.mifa-v1 .v1-lenswrap{\n  position:relative; width:100%; height:calc(var(--lens) * 1.22);\n  display:grid; place-items:center; perspective:900px;\n}\n.mifa-v1 .v1-lens{\n  position:relative; width:var(--lens); height:var(--lens); border-radius:50%;\n  transform:rotateX(16deg) rotateZ(-6deg); transform-style:preserve-3d;\n  background:radial-gradient(circle at 50% 42%, #16161E 0%, #0B0B10 62%, #050508 100%);\n  box-shadow:\n    0 40px 80px rgba(0,0,0,.75),\n    inset 0 0 0 1px rgba(242,240,238,.1),\n    inset 0 0 60px rgba(196,22,43,.18);\n  will-change:transform; transition:transform .6s var(--e);\n}\n.mifa-v1 .v1-lens::before{\n  content:''; position:absolute; inset:-9px; border-radius:50%;\n  background:repeating-conic-gradient(\n    from 0deg,\n    rgba(242,240,238,.14) 0deg 1.4deg,\n    transparent 1.4deg 4deg);\n  animation:v1Spin 34s linear infinite;\n  -webkit-mask:radial-gradient(circle, transparent 0 calc(50% - 10px), #000 calc(50% - 10px) 50%);\n          mask:radial-gradient(circle, transparent 0 calc(50% - 10px), #000 calc(50% - 10px) 50%);\n}\n@keyframes v1Spin{ to{ transform:rotate(360deg) } }\n.mifa-v1 .v1-ring{\n  position:absolute; inset:9%; border-radius:50%;\n  border:1px solid rgba(242,240,238,.14);\n  box-shadow:inset 0 0 30px rgba(0,0,0,.85);\n}\n.mifa-v1 .v1-ring--2{ inset:18%; border-color:rgba(255,59,84,.24); }\n\n.mifa-v1 .v1-ap{\n  position:absolute; inset:22%; border-radius:50%; overflow:hidden;\n  background:radial-gradient(circle at 42% 36%, rgba(196,22,43,.5), rgba(5,5,8,.98) 70%);\n}\n.mifa-v1 .v1-bl{\n  position:absolute; inset:-14%;\n  background:linear-gradient(150deg, #14141C, #0A0A0F 62%);\n  border-left:1px solid rgba(255,59,84,.34);\n  clip-path:polygon(50% 50%, 118% 6%, 118% 118%);\n  transform-origin:50% 50%;\n  animation:v1Ap 7s ease-in-out infinite;\n}\n.mifa-v1 .v1-bl:nth-child(1){ transform:rotate(0deg)   }\n.mifa-v1 .v1-bl:nth-child(2){ transform:rotate(60deg)  ; animation-delay:-.02s }\n.mifa-v1 .v1-bl:nth-child(3){ transform:rotate(120deg) ; animation-delay:-.04s }\n.mifa-v1 .v1-bl:nth-child(4){ transform:rotate(180deg) ; animation-delay:-.06s }\n.mifa-v1 .v1-bl:nth-child(5){ transform:rotate(240deg) ; animation-delay:-.08s }\n.mifa-v1 .v1-bl:nth-child(6){ transform:rotate(300deg) ; animation-delay:-.10s }\n@keyframes v1Ap{\n  0%,100%{ scale:1 }\n  50%    { scale:.52 }\n}\n.mifa-v1 .v1-glint{\n  position:absolute; inset:22%; border-radius:50%; pointer-events:none;\n  background:\n    radial-gradient(circle at 34% 28%, rgba(242,240,238,.3), transparent 34%),\n    radial-gradient(circle at 70% 76%, rgba(255,59,84,.28), transparent 42%);\n  mix-blend-mode:screen;\n}\n.mifa-v1 .v1-lenswrap::after{\n  content:''; position:absolute; z-index:-1; left:50%; translate:-50% 0; bottom:6%;\n  width:64%; height:26px; border-radius:50%;\n  background:radial-gradient(ellipse, rgba(196,22,43,.45), transparent 70%); filter:blur(15px);\n}\n\n.mifa-v1 .v1-read{\n  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%;\n  padding-top:18px; border-top:1px solid var(--line);\n}\n.mifa-v1 .v1-read div b{\n  display:block; font-family:var(--m); font-size:clamp(13px,1.5vw,16px);\n  letter-spacing:.06em; color:var(--ink);\n}\n.mifa-v1 .v1-read div i{\n  display:block; margin-top:4px; font-style:normal; font-family:var(--m);\n  font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:var(--soft);\n}\n\n\/* --------------------------- MARQUEE --------------------------- *\/\n.mifa-v1 .v1-marq{\n  position:relative; z-index:3; padding:20px 0; overflow:hidden; white-space:nowrap;\n  border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n  background:rgba(12,12,17,.7);\n}\n.mifa-v1 .v1-marq__t{ display:inline-flex; align-items:center; animation:v1Slide 32s linear infinite; }\n.mifa-v1 .v1-marq__t span{\n  display:inline-flex; align-items:center; gap:30px; padding-right:30px;\n  font-size:20px; font-weight:700; letter-spacing:-.015em; color:rgba(242,240,238,.72);\n}\n.mifa-v1 .v1-marq__t span::after{\n  content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0;\n  background:var(--red-hi); box-shadow:0 0 10px 1px rgba(255,59,84,.7);\n}\n@keyframes v1Slide{ to{ transform:translateX(-50%) } }\n\n\/* -------------------------- SCROLL CUE -------------------------- *\/\n.mifa-v1 .v1-scr{\n  position:absolute; right:var(--pad); bottom:108px; z-index:4;\n  display:flex; flex-direction:column; align-items:center; gap:10px;\n  writing-mode:vertical-rl;\n  font-family:var(--m); font-size:9.5px; letter-spacing:.22em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-v1 .v1-scr i{\n  writing-mode:horizontal-tb; width:1px; height:46px;\n  background:linear-gradient(var(--red-hi),transparent); animation:v1Cue 2s ease-in-out infinite;\n}\n@keyframes v1Cue{ 0%,100%{transform:scaleY(.3); opacity:.35} 50%{transform:scaleY(1); opacity:1} }\n\n\/* reveal *\/\n.mifa-v1 .rv{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--e), transform .9s var(--e); }\n.mifa-v1.live .rv{ opacity:1; transform:none; }\n.mifa-v1.live .a1{ transition-delay:.16s } .mifa-v1.live .a2{ transition-delay:.26s }\n.mifa-v1.live .a3{ transition-delay:.34s } .mifa-v1.live .a4{ transition-delay:.42s }\n.mifa-v1.live .a5{ transition-delay:.12s }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-v1 .v1-logo:hover .v1-mark{ transform:rotateY(28deg) rotateX(-8deg) scale(1.06); }\n  .mifa-v1 .v1-soc a:hover{ color:var(--red-hi); }\n  .mifa-v1 .v1-links a:hover{ color:var(--ink); }\n  .mifa-v1 .v1-links a:hover::after{ transform:scaleX(1); transform-origin:left; }\n  .mifa-v1 .v1-crumb a:hover{ color:var(--red-hi); }\n  .mifa-v1 .v1-menu:hover .v1-menu__t{ color:var(--red-hi); }\n  .mifa-v1 .v1-ov__l:hover{ color:var(--red-hi); }\n  .mifa-v1 .v1-meta span:hover{ border-color:rgba(255,59,84,.5); color:var(--ink); transform:translateY(-3px); }\n  .mifa-v1 .v1-btn:hover{ transform:translateY(-4px); }\n  .mifa-v1 .v1-btn--fill:hover{ color:var(--bg); box-shadow:0 18px 46px rgba(196,22,43,.28); }\n  .mifa-v1 .v1-btn--fill:hover::before{ transform:translateY(0); }\n  .mifa-v1 .v1-btn--fill:hover svg{ transform:translateX(4px); }\n  .mifa-v1 .v1-btn--line:hover{ border-color:rgba(242,240,238,.55); }\n  .mifa-v1 .v1-btn--line:hover::before{ transform:scaleX(1); transform-origin:left; }\n  .mifa-v1 .v1-marq:hover .v1-marq__t{ animation-play-state:paused; }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1240px){\n  .mifa-v1 .v1-links{ display:none; }\n}\n@media (max-width:1040px){\n  .mifa-v1 .v1-in{ grid-template-columns:1fr; perspective:none; }\n  .mifa-v1 .v1-copy{ transform-style:flat; }\n  .mifa-v1 .v1-crumb,.mifa-v1 .v1-tag,\n  .mifa-v1 h1.v1-h1,.mifa-v1 p.v1-sub,\n  .mifa-v1 .v1-meta,.mifa-v1 .v1-btns{ transform:none !important; }\n  .mifa-v1 .v1-stage{ order:-1; align-self:start; width:100%; }\n  .mifa-v1 .v1-scr{ display:none; }\n}\n@media (max-width:760px){\n  .mifa-v1{ --nav-h:64px; --lens:clamp(196px,58vw,250px); }\n  .mifa-v1 .v1-rec,.mifa-v1 .v1-soc{ display:none; }\n  .mifa-v1 .v1-menu__t{ display:none; }\n  .mifa-v1 .v1-menu{ padding:16px 9px; margin:-16px -9px; }\n  .mifa-v1 .v1-hero{ min-height:auto; }\n  .mifa-v1 .v1-in{ padding-top:28px; padding-bottom:42px; gap:28px; }\n  .mifa-v1 h1.v1-h1{ font-size:clamp(36px,11vw,60px); letter-spacing:-.034em; }\n  .mifa-v1 .v1-h1 .l > span{\n    text-shadow:1px 1px 0 rgba(122,12,24,.9), 2px 2px 0 rgba(122,12,24,.7),\n                3px 3px 0 rgba(122,12,24,.5), 4px 4px 0 rgba(122,12,24,.3),\n                0 14px 30px rgba(0,0,0,.85);\n  }\n  .mifa-v1 .v1-btns{ flex-direction:column; align-items:stretch; }\n  .mifa-v1 .v1-btn{ justify-content:center; }\n  .mifa-v1 .v1-marq__t span{ font-size:16px; gap:22px; padding-right:22px; }\n  .mifa-v1 .v1-word i{ display:none; }\n  .mifa-v1 .v1-grain{ opacity:.1; }\n  .mifa-v1 .v1-floor{ height:40vh; }\n  .mifa-v1 .v1-ghost{ display:none; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-v1 *,.mifa-v1 *::before,.mifa-v1 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-v1 .rv{ opacity:1; transform:none; }\n  .mifa-v1 .v1-h1 .l > span{ transform:none; }\n  .mifa-v1 .v1-bl{ scale:.72; }\n}\n<\/style>\n\n<!-- =============================== NAV =============================== -->\n<header class=\"v1-nav\" id=\"v1Nav\">\n  <a href=\"https:\/\/mifaproduction.com\/index.php\/home\/\" class=\"v1-logo\" aria-label=\"Mifa Productions \u2014 home\">\n    <span class=\"v1-mark\">\n      <img decoding=\"async\" src=\"https:\/\/mifaproduction.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-25-at-8.47.21-PM.jpeg\" alt=\"\">\n    <\/span>\n    <span class=\"v1-word\"><b>MIFA<\/b><i>PRODUCTIONS<\/i><\/span>\n  <\/a>\n\n  <div class=\"v1-rec\"><i><\/i> Services<\/div>\n\n  <div class=\"v1-right\">\n    <!-- desktop page links -->\n    <nav class=\"v1-links\" aria-label=\"Primary\">\n      <a href=\"https:\/\/mifaproduction.com\/index.php\/home\/\">Home<\/a>\n      <a href=\"https:\/\/mifaproduction.com\/index.php\/studio\/\">Studio<\/a>\n      <a class=\"here\" aria-current=\"page\" href=\"https:\/\/mifaproduction.com\/index.php\/services\/\">Services<\/a>\n      <a href=\"https:\/\/mifaproduction.com\/index.php\/work\/\">Work<\/a>\n      <a href=\"https:\/\/mifaproduction.com\/index.php\/client\/\">Clients<\/a>\n      <a href=\"https:\/\/mifaproduction.com\/index.php\/contact\/\">Contact<\/a>\n    <\/nav>\n\n    <div class=\"v1-soc\">\n      <a href=\"https:\/\/www.instagram.com\/mifaproduction\" target=\"_blank\" rel=\"noopener\">IG<\/a>\n      <a href=\"https:\/\/www.facebook.com\/mifaproductions\" target=\"_blank\" rel=\"noopener\">FB<\/a>\n      <a href=\"https:\/\/www.linkedin.com\/company\/mifaproductions\/\" target=\"_blank\" rel=\"noopener\">LN<\/a>\n    <\/div>\n\n    <button class=\"v1-menu\" id=\"v1MenuBtn\" aria-expanded=\"false\" aria-controls=\"v1Ov\" aria-label=\"Open menu\">\n      <span class=\"v1-menu__t\">Menu<\/span>\n      <span class=\"v1-burg\"><i><\/i><i><\/i><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<!-- =========================== MENU OVERLAY =========================== -->\n<div class=\"v1-ov\" id=\"v1Ov\">\n  <a class=\"v1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/home\/\"><em>001<\/em> Home<\/a>\n  <a class=\"v1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/studio\/\"><em>002<\/em> Studio<\/a>\n  <a class=\"v1-ov__l here\" aria-current=\"page\" href=\"https:\/\/mifaproduction.com\/index.php\/services\/\"><em>003<\/em> Services<\/a>\n  <a class=\"v1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/work\/\"><em>004<\/em> Work<\/a>\n  <a class=\"v1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/client\/\"><em>005<\/em> Clients<\/a>\n  <a class=\"v1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/contact\/\"><em>006<\/em> Contact<\/a>\n  <div class=\"v1-ov__f\">\n    <span>A-27K, Sector 16, Noida 201301<\/span>\n    <a href=\"tel:+918527121545\">+91 85271 21545<\/a>\n    <a href=\"mailto:mifaproductions@gmail.com\">mifaproductions@gmail.com<\/a>\n  <\/div>\n<\/div>\n\n<!-- ================================ HERO ================================ -->\n<section class=\"v1-hero\" id=\"services\">\n  <div class=\"v1-orb v1-orb--a\" aria-hidden=\"true\"><\/div>\n  <div class=\"v1-orb v1-orb--b\" aria-hidden=\"true\"><\/div>\n  <div class=\"v1-floor\" aria-hidden=\"true\"><i><\/i><\/div>\n  <div class=\"v1-ghost\" aria-hidden=\"true\">SERVICES<\/div>\n  <div class=\"v1-grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"v1-vig\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"v1-in\">\n\n    <div class=\"v1-copy\" id=\"v1Copy\">\n      <div class=\"v1-crumb rv a5\">\n        <a href=\"https:\/\/mifaproduction.com\/index.php\/home\/\">Home<\/a>\n        <span>\/<\/span><b>Services<\/b>\n      <\/div>\n\n      <div class=\"v1-tag rv a1\"><b>003<\/b> \/ What we do<\/div>\n\n      <h1 class=\"v1-h1\">\n        <span class=\"l\"><span>One Studio,<\/span><\/span>\n        <span class=\"l\"><span>Whole <em>Pipeline<\/em>.<\/span><\/span>\n      <\/h1>\n\n      <p class=\"v1-sub rv a2\">\n        From line production to post &mdash; eight services that usually mean juggling\n        eight different vendors, all under <b>one roof and one invoice<\/b>.\n        Tap any service to see exactly what&#8217;s inside it.\n      <\/p>\n\n      <div class=\"v1-meta rv a3\">\n        <span>8 core services<\/span>\n        <span>Pan-India execution<\/span>\n        <span>Written estimates<\/span>\n      <\/div>\n\n      <div class=\"v1-btns rv a4\">\n        <a class=\"v1-btn v1-btn--fill\" href=\"#service-list\">\n          <span>Explore Services<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a class=\"v1-btn v1-btn--line\" href=\"https:\/\/wa.me\/918527121545?text=Hi%20Mifa%20Productions%2C%20I%20need%20help%20choosing%20a%20service.\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.8 14.2c-.2.7-1.2 1.3-1.9 1.4-.5.1-1.1.2-3.2-.7-2.7-1.1-4.4-3.9-4.6-4.1-.1-.2-1-1.4-1-2.6 0-1.2.6-1.8.9-2.1.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2 0 .4-.1.5l-.4.5c-.1.1-.3.3-.1.6.1.3.6 1.1 1.3 1.7.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.6-.1l1.9.9c.3.1.4.2.5.3 0 .2 0 .8-.2 1.5Z\"\/><\/svg>\n          <span>Not Sure? Ask Us<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- ---------- 3D LENS ---------- -->\n    <div class=\"v1-stage rv a5\">\n      <div class=\"v1-lenswrap\" id=\"v1Wrap\" aria-hidden=\"true\">\n        <div class=\"v1-lens\" id=\"v1Lens\">\n          <span class=\"v1-ring\"><\/span>\n          <span class=\"v1-ring v1-ring--2\"><\/span>\n          <span class=\"v1-ap\">\n            <i class=\"v1-bl\"><\/i><i class=\"v1-bl\"><\/i><i class=\"v1-bl\"><\/i>\n            <i class=\"v1-bl\"><\/i><i class=\"v1-bl\"><\/i><i class=\"v1-bl\"><\/i>\n          <\/span>\n          <span class=\"v1-glint\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"v1-read\">\n        <div><b>08<\/b><i>Services<\/i><\/div>\n        <div><b>PAN-IN<\/b><i>Coverage<\/i><\/div>\n        <div><b>20+ YR<\/b><i>Experience<\/i><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"v1-scr\">Scroll<i><\/i><\/div>\n\n  <div class=\"v1-marq\">\n    <div class=\"v1-marq__t\" id=\"v1Marq\">\n      <span>Line Production<\/span><span>Video Production<\/span><span>Corporate Films<\/span>\n      <span>Commercials<\/span><span>Digital Content<\/span><span>Photography<\/span>\n      <span>Micro Drama<\/span><span>Explainer Videos<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest)\n    ? document.currentScript.closest('.mifa-v1')\n    : document.querySelector('.mifa-v1');\n  if(!root) return;\n  var q = function(s){ return root.querySelector(s); };\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---------------- entry ---------------- *\/\n  requestAnimationFrame(function(){\n    setTimeout(function(){ root.classList.add('live'); }, reduce ? 0 : 120);\n  });\n  setTimeout(function(){ root.classList.add('live'); }, 2500);\n\n  \/* ---------------- nav ---------------- *\/\n  var nav = q('#v1Nav');\n  function onScroll(){ nav.classList.toggle('stuck', window.scrollY > 20); }\n  window.addEventListener('scroll', onScroll, {passive:true}); onScroll();\n\n  \/* --------- mark the current page in both menus --------- *\/\n  (function(){\n    var here = location.pathname.replace(\/\\\/+$\/,'').toLowerCase();\n    root.querySelectorAll('.v1-links a, .v1-ov__l').forEach(function(a){\n      var href = a.getAttribute('href') || '';\n      if(href.charAt(0) === '#' || href.indexOf('http') !== 0) return;\n      var path;\n      try{ path = new URL(href).pathname.replace(\/\\\/+$\/,'').toLowerCase(); }\n      catch(e){ return; }\n      var match = path && here && path === here;\n      a.classList.toggle('here', match);\n      if(match){ a.setAttribute('aria-current','page'); }\n      else{ a.removeAttribute('aria-current'); }\n    });\n  })();\n\n  \/* ---------------- menu ---------------- *\/\n  var btn = q('#v1MenuBtn'), ov = q('#v1Ov');\n  function menu(force){\n    var open = force !== undefined ? force : !ov.classList.contains('open');\n    ov.classList.toggle('open', open);\n    btn.classList.toggle('open', open);\n    btn.setAttribute('aria-expanded', open);\n    btn.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n    document.body.style.overflow = open ? 'hidden' : '';\n  }\n  btn.addEventListener('click', function(){ menu(); });\n  ov.querySelectorAll('a').forEach(function(a){\n    a.addEventListener('click', function(){ menu(false); });\n  });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && ov.classList.contains('open')) menu(false);\n  });\n\n  \/* ------- hero parallax + lens tilt : desktop mouse only ------- *\/\n  var desktop = window.matchMedia('(hover:hover) and (pointer:fine) and (min-width:1041px)').matches;\n  if(!reduce && desktop){\n    var copy = q('#v1Copy'), lens = q('#v1Lens'), mx=0,my=0,tx=0,ty=0;\n    window.addEventListener('mousemove', function(e){\n      var b = root.getBoundingClientRect();\n      mx = ((e.clientX - b.left) \/ b.width  - .5) * 2;\n      my = ((e.clientY - b.top)  \/ b.height - .5) * 2;\n    }, {passive:true});\n    (function loop(){\n      tx += (mx - tx) * .07; ty += (my - ty) * .07;\n      copy.style.transform = 'rotateY(' + (tx * 5) + 'deg) rotateX(' + (-ty * 3.5) + 'deg)';\n      if(lens){\n        lens.style.transform =\n          'rotateX(' + (16 - ty * 12) + 'deg) rotateY(' + (tx * 14) + 'deg) rotateZ(-6deg)';\n      }\n      requestAnimationFrame(loop);\n    })();\n  }\n  window.addEventListener('resize', function(){\n    if(window.innerWidth <= 1040){\n      var c = q('#v1Copy'), l = q('#v1Lens');\n      if(c) c.style.transform = '';\n      if(l) l.style.transform = '';\n    }\n  }, {passive:true});\n\n  \/* ---------------- marquee ---------------- *\/\n  var t = q('#v1Marq');\n  if(t) t.innerHTML += t.innerHTML;\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 SERVICES PAGE \u00b7 PART 2 of 4  (ENGLISH)\n     8 SERVICE CARDS + FULL DETAIL POPUP (modal)\n\n     Paste the whole thing into a WordPress \"Custom HTML\" block.\n     Everything is scoped inside .mifa-v2\n\n     >>> HOW TO EDIT <<<\n     Each service has two pieces:\n       1) CARD  \u2014 the tile in the grid (data-title, data-tag, data-modal)\n       2) POPUP CONTENT \u2014 a hidden div in the \"SOURCE\" section below,\n          whose id matches the card's data-modal value.\n     To change any popup text, edit only that SOURCE div.\n     ============================================================ -->\n\n<div class=\"mifa-v2\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@300;400;500&display=swap');\n\n\/* ===================== TOKENS + THEME RESET ===================== *\/\n.mifa-v2{\n  --bg:#07070A; --bg-2:#0C0C11; --panel:#101017;\n  --ink:#F2F0EE; --soft:rgba(242,240,238,.58); --line:rgba(242,240,238,.12);\n  --red:#C4162B; --red-hi:#FF3B54; --red-dp:#7A0C18;\n\n  --f:'Inter Tight',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  --m:'DM Mono',ui-monospace,monospace;\n  --pad:clamp(18px,4.4vw,64px);\n  --e:cubic-bezier(.22,1,.36,1);\n\n  position:relative; z-index:0; overflow:hidden;\n  background:var(--bg) !important; color:var(--ink) !important;\n  font-family:var(--f) !important;\n  font-weight:400; font-size:16px; line-height:1.5;\n  text-align:left; -webkit-font-smoothing:antialiased;\n\n  \/* Theme narrow ho to: *\/\n  \/* margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); *\/\n}\n.mifa-v2 *,.mifa-v2 *::before,.mifa-v2 *::after{ box-sizing:border-box; }\n.mifa-v2 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-v2 a:hover,.mifa-v2 a:focus{ text-decoration:none !important; }\n.mifa-v2 h2,.mifa-v2 h3,.mifa-v2 h4,.mifa-v2 p,.mifa-v2 ul,.mifa-v2 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-v2 ul{ list-style:none !important; }\n.mifa-v2 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-v2 button{\n  font:inherit; color:inherit; background:none; border:0; cursor:pointer;\n  padding:0; margin:0; text-transform:none; letter-spacing:normal;\n  box-shadow:none; border-radius:0; -webkit-appearance:none; appearance:none;\n  text-align:left; width:100%;\n}\n.mifa-v2 button:hover,.mifa-v2 button:focus{ background:none; }\n.mifa-v2 svg{ display:block; }\n.mifa-v2 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\n\/* ======================== SHELL \/ AMBIENT ======================== *\/\n.mifa-v2 .v2-wrap{\n  position:relative; padding:clamp(64px,10vh,132px) 0; isolation:isolate;\n  border-bottom:1px solid var(--line);\n}\n.mifa-v2 .v2-orb{\n  position:absolute; z-index:0; border-radius:50%; pointer-events:none;\n  width:60vmax; height:60vmax; top:-24vmax; left:-22vmax;\n  background:radial-gradient(circle, rgba(196,22,43,.2) 0%, transparent 60%);\n  animation:v2Drift 26s ease-in-out infinite alternate;\n}\n@keyframes v2Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(7%,6%,0) scale(1.16)} }\n.mifa-v2 .v2-grain{\n  position:absolute; inset:-60%; z-index:1; pointer-events:none; opacity:.12;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='nv2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nv2)'\/%3E%3C\/svg%3E\");\n  animation:v2Grain .7s steps(3) infinite;\n}\n@keyframes v2Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n\n.mifa-v2 .v2-in{\n  position:relative; z-index:3; width:100%; max-width:1440px;\n  margin:0 auto; padding:0 var(--pad);\n}\n\n\/* ========================= SECTION HEAD ========================= *\/\n.mifa-v2 .v2-eye{\n  display:flex; align-items:center; gap:14px; margin-bottom:22px !important;\n  font-family:var(--m); font-size:11px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-v2 .v2-eye b{ color:var(--red-hi); font-weight:400; }\n.mifa-v2 .v2-eye::after{ content:''; flex:1; max-width:130px; height:1px; background:var(--line); }\n\n.mifa-v2 h2.v2-h2{\n  max-width:20ch; font-size:clamp(30px,5.4vw,68px); font-weight:900;\n  line-height:1.02; letter-spacing:-.04em; color:var(--ink);\n}\n.mifa-v2 .v2-h2 em{ font-style:normal; color:var(--red-hi); text-shadow:0 0 40px rgba(255,59,84,.45); }\n.mifa-v2 p.v2-lead{\n  max-width:62ch; margin-top:18px !important;\n  font-size:clamp(15px,1.3vw,17.5px); line-height:1.7; color:var(--soft);\n}\n.mifa-v2 .v2-lead b{ color:var(--ink); font-weight:600; }\n\n\/* =========================== CARDS =========================== *\/\n.mifa-v2 .v2-grid{\n  display:grid; gap:clamp(14px,1.8vw,22px);\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  margin-top:clamp(36px,5vh,58px); perspective:1500px;\n}\n.mifa-v2 .v2-card{\n  position:relative; display:flex; flex-direction:column; gap:12px;\n  padding:clamp(20px,2.4vw,28px); min-height:250px;\n  border:1px solid var(--line); border-radius:16px; overflow:hidden;\n  background:linear-gradient(158deg, rgba(196,22,43,.1), rgba(16,16,23,.94));\n  transform-style:preserve-3d; will-change:transform;\n  opacity:0; transform:translateY(28px) rotateX(-12deg); transform-origin:top center;\n  transition:opacity .8s var(--e), transform .5s var(--e), border-color .45s, box-shadow .5s;\n}\n.mifa-v2 .v2-card.on{ opacity:1; transform:none; }\n.mifa-v2 .v2-card::after{\n  content:''; position:absolute; left:0; right:0; bottom:0; height:2px;\n  background:linear-gradient(90deg, var(--red-hi), transparent);\n  transform:scaleX(0); transform-origin:left; transition:transform .55s var(--e);\n}\n.mifa-v2 .v2-card__top{\n  display:flex; align-items:center; justify-content:space-between; gap:10px;\n  transform:translateZ(20px);\n}\n.mifa-v2 .v2-ic{\n  width:42px; height:42px; border-radius:11px; display:grid; place-items:center; flex-shrink:0;\n  background:rgba(196,22,43,.2); border:1px solid rgba(255,59,84,.34);\n}\n.mifa-v2 .v2-ic svg{ width:20px; height:20px; stroke:var(--red-hi); fill:none; stroke-width:1.6; }\n.mifa-v2 .v2-card__n{\n  font-family:var(--m); font-size:10px; letter-spacing:.2em; color:var(--soft);\n}\n.mifa-v2 h3.v2-card__t{\n  font-size:clamp(17px,1.7vw,21px); font-weight:800; letter-spacing:-.025em;\n  color:var(--ink); transform:translateZ(14px);\n}\n.mifa-v2 .v2-card p{\n  flex:1; font-size:14px; line-height:1.62; color:var(--soft); transform:translateZ(10px);\n}\n.mifa-v2 .v2-card__go{\n  display:flex; align-items:center; gap:9px; padding-top:12px;\n  border-top:1px dashed rgba(242,240,238,.16);\n  font-family:var(--m); font-size:10px; letter-spacing:.16em;\n  text-transform:uppercase; color:var(--red-hi); transform:translateZ(16px);\n}\n.mifa-v2 .v2-card__go svg{\n  width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2;\n  transition:transform .4s var(--e);\n}\n\n\/* =========================== MODAL =========================== *\/\n.mifa-v2 .v2-mod{\n  position:fixed; inset:0; z-index:99992; display:flex; align-items:center; justify-content:center;\n  padding:clamp(12px,3vw,40px);\n  background:rgba(4,4,7,.9); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);\n  opacity:0; visibility:hidden; transition:opacity .45s var(--e), visibility .45s;\n}\n.mifa-v2 .v2-mod.open{ opacity:1; visibility:visible; }\n.mifa-v2 .v2-mod__box{\n  position:relative; width:min(880px,100%); max-height:92vh;\n  display:flex; flex-direction:column; overflow:hidden;\n  border:1px solid rgba(255,59,84,.34); border-radius:20px;\n  background:linear-gradient(168deg, rgba(26,8,12,.99), rgba(9,9,13,.99));\n  box-shadow:0 44px 100px rgba(0,0,0,.78);\n  transform:scale(.92) translateY(22px) rotateX(6deg); transform-origin:50% 0%;\n  transition:transform .6s var(--e);\n}\n.mifa-v2 .v2-mod.open .v2-mod__box{ transform:none; }\n\n.mifa-v2 .v2-mod__head{\n  position:relative; flex-shrink:0;\n  padding:clamp(22px,3vw,34px) clamp(22px,3vw,38px) clamp(18px,2.4vw,26px);\n  border-bottom:1px solid rgba(255,59,84,.24);\n  background:linear-gradient(160deg, rgba(196,22,43,.24), transparent 70%);\n}\n.mifa-v2 .v2-mod__n{\n  display:inline-flex; align-items:center; gap:10px; margin-bottom:12px !important;\n  font-family:var(--m); font-size:10px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v2 .v2-mod__n::after{ content:''; width:26px; height:1px; background:rgba(255,59,84,.5); }\n.mifa-v2 h3.v2-mod__t{\n  font-size:clamp(23px,3.4vw,40px); font-weight:900; letter-spacing:-.035em;\n  line-height:1.06; color:var(--ink); padding-right:46px !important;\n}\n.mifa-v2 .v2-mod__tag{\n  margin-top:10px !important; max-width:56ch;\n  font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.6; color:var(--soft);\n}\n.mifa-v2 .v2-x{\n  position:absolute; top:clamp(18px,2.4vw,26px); right:clamp(18px,2.4vw,26px);\n  width:40px; height:40px; border-radius:50%; display:grid; place-items:center;\n  border:1px solid var(--line); background:rgba(242,240,238,.06);\n  transition:background .35s, transform .4s var(--e);\n}\n.mifa-v2 .v2-x svg{ width:16px; height:16px; stroke:var(--ink); stroke-width:2; fill:none; }\n\n.mifa-v2 .v2-mod__body{\n  flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch;\n  padding:clamp(22px,3vw,34px) clamp(22px,3vw,38px);\n}\n.mifa-v2 .v2-mod__body::-webkit-scrollbar{ width:8px; }\n.mifa-v2 .v2-mod__body::-webkit-scrollbar-thumb{ background:rgba(196,22,43,.5); border-radius:8px; }\n.mifa-v2 .v2-mod__body::-webkit-scrollbar-track{ background:rgba(242,240,238,.05); }\n\n\/* content inside the modal *\/\n.mifa-v2 .v2-blk{ margin-bottom:clamp(22px,2.8vw,30px) !important; }\n.mifa-v2 .v2-blk:last-child{ margin-bottom:0 !important; }\n.mifa-v2 h4.v2-blk__t{\n  display:flex; align-items:center; gap:12px; margin-bottom:14px !important;\n  font-family:var(--m); font-size:10px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v2 .v2-blk__t::after{ content:''; flex:1; height:1px; background:rgba(242,240,238,.12); }\n.mifa-v2 .v2-blk p{\n  font-size:15.5px; line-height:1.74; color:var(--soft); max-width:70ch;\n}\n.mifa-v2 .v2-blk p + p{ margin-top:12px !important; }\n.mifa-v2 .v2-blk p b{ color:var(--ink); font-weight:600; }\n\n.mifa-v2 .v2-check{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px; }\n.mifa-v2 .v2-check li{\n  display:flex; gap:11px; font-size:14.5px; line-height:1.55; color:rgba(242,240,238,.84);\n}\n.mifa-v2 .v2-check li::before{\n  content:''; flex-shrink:0; width:16px; height:16px; margin-top:3px; border-radius:5px;\n  background:rgba(196,22,43,.24); border:1px solid rgba(255,59,84,.45);\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3B54' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'\/%3E%3C\/svg%3E\");\n  background-size:11px; background-position:center; background-repeat:no-repeat;\n}\n.mifa-v2 .v2-pills{ display:flex; flex-wrap:wrap; gap:8px; }\n.mifa-v2 .v2-pills li{\n  padding:8px 14px; border-radius:999px; border:1px solid var(--line);\n  background:rgba(242,240,238,.03);\n  font-family:var(--m); font-size:10.5px; letter-spacing:.08em; color:var(--soft);\n}\n.mifa-v2 .v2-facts{\n  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px;\n  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden;\n}\n.mifa-v2 .v2-facts div{ padding:16px 18px; background:rgba(12,12,17,.9); }\n.mifa-v2 .v2-facts b{\n  display:block; font-family:var(--m); font-size:9.5px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--red-hi); margin-bottom:6px !important;\n}\n.mifa-v2 .v2-facts span{ font-size:14.5px; line-height:1.5; color:var(--ink); }\n\n.mifa-v2 .v2-mod__foot{\n  flex-shrink:0; display:flex; flex-wrap:wrap; align-items:center; gap:12px;\n  padding:clamp(18px,2.4vw,24px) clamp(22px,3vw,38px);\n  border-top:1px solid var(--line); background:rgba(7,7,10,.6);\n}\n.mifa-v2 .v2-btn{\n  display:inline-flex; align-items:center; gap:11px;\n  padding:15px 28px; border-radius:999px; font-size:12.5px; font-weight:600;\n  letter-spacing:.09em; text-transform:uppercase;\n  transition:transform .45s var(--e), border-color .35s, box-shadow .45s, background .35s;\n}\n.mifa-v2 .v2-btn svg{ width:15px; height:15px; flex-shrink:0; }\n.mifa-v2 .v2-btn--fill{ background:var(--red); color:#fff; box-shadow:0 12px 32px rgba(196,22,43,.42); }\n.mifa-v2 .v2-btn--fill svg{ fill:currentColor; }\n.mifa-v2 .v2-btn--line{ border:1px solid rgba(242,240,238,.26); color:var(--ink); }\n.mifa-v2 .v2-btn--line svg{ stroke:currentColor; fill:none; stroke-width:1.8; }\n.mifa-v2 .v2-foot__hint{\n  margin-left:auto; font-family:var(--m); font-size:10px;\n  letter-spacing:.1em; color:var(--soft);\n}\n\n\/* popup source content stays hidden *\/\n.mifa-v2 .v2-src{ display:none !important; }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-v2 .v2-card:hover{\n    border-color:rgba(255,59,84,.5); box-shadow:0 26px 58px rgba(0,0,0,.55);\n  }\n  .mifa-v2 .v2-card:hover::after{ transform:scaleX(1); }\n  .mifa-v2 .v2-card:hover .v2-card__go svg{ transform:translateX(5px); }\n  .mifa-v2 .v2-x:hover{ background:var(--red); transform:rotate(90deg); }\n  .mifa-v2 .v2-btn:hover{ transform:translateY(-3px); }\n  .mifa-v2 .v2-btn--line:hover{ border-color:rgba(242,240,238,.55); }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1180px){\n  .mifa-v2 .v2-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }\n}\n@media (max-width:880px){\n  .mifa-v2 .v2-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); perspective:none; }\n  .mifa-v2 .v2-card{ transform-style:flat; }\n  .mifa-v2 .v2-check{ grid-template-columns:1fr; }\n}\n@media (max-width:620px){\n  .mifa-v2 .v2-wrap{ padding:clamp(52px,8vh,80px) 0; }\n  .mifa-v2 h2.v2-h2{ font-size:clamp(28px,8.6vw,42px); letter-spacing:-.03em; }\n  .mifa-v2 .v2-grid{ grid-template-columns:1fr; }\n  .mifa-v2 .v2-card{ min-height:0; transform:translateY(22px); }\n  .mifa-v2 .v2-mod{ padding:0; }\n  .mifa-v2 .v2-mod__box{ width:100%; max-height:100%; height:100%; border-radius:0; border:0; }\n  .mifa-v2 .v2-facts{ grid-template-columns:1fr; }\n  .mifa-v2 .v2-mod__foot{ flex-direction:column; align-items:stretch; }\n  .mifa-v2 .v2-btn{ justify-content:center; }\n  .mifa-v2 .v2-foot__hint{ margin-left:0; text-align:center; }\n  .mifa-v2 .v2-grain{ opacity:.08; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-v2 *,.mifa-v2 *::before,.mifa-v2 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-v2 .v2-card{ opacity:1; transform:none; }\n}\n<\/style>\n\n<section class=\"v2-wrap\" id=\"service-list\">\n  <div class=\"v2-orb\" aria-hidden=\"true\"><\/div>\n  <div class=\"v2-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"v2-in\">\n\n    <div class=\"v2-eye\"><b>004<\/b> \/ Core services<\/div>\n    <h2 class=\"v2-h2\">Eight things we handle <em>ourselves<\/em>.<\/h2>\n    <p class=\"v2-lead\">\n      Tap any card &mdash; you'll see exactly what's included, what gets delivered\n      and how long it takes, <b>all in one place<\/b>.\n    <\/p>\n\n    <div class=\"v2-grid\" id=\"v2Grid\">\n\n      <!-- 01 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m1\" data-num=\"Service 01\"\n              data-title=\"Line Production\" data-tag=\"Your shoot, our ground team \u2014 from permissions right through to packup.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7h18v12H3z\"\/><path d=\"M3 7l3-4h12l3 4\"\/><path d=\"M8 3l-2 4M14 3l-2 4\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">01<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Line Production<\/h3>\n        <p>Complete ground support for agencies, brands and visiting crews shooting anywhere in India.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 02 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m2\" data-num=\"Service 02\"\n              data-title=\"Video Production\" data-tag=\"From the first idea to the final master \u2014 one team, start to finish.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h12v12H3z\"\/><path d=\"M15 10l6-3v10l-6-3z\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">02<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Video Production<\/h3>\n        <p>Concept, script, casting, shoot and post &mdash; the full end-to-end film, handled in-house.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 03 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m3\" data-num=\"Service 03\"\n              data-title=\"Corporate Films\" data-tag=\"Your company's story, process and people \u2014 told clearly, without the fluff.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V8l8-4 8 4v12\"\/><path d=\"M9 20v-6h6v6\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">03<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Corporate Films<\/h3>\n        <p>Profile films, plant walkthroughs, safety videos and internal communication content.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 04 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m4\" data-num=\"Service 04\"\n              data-title=\"Commercials &amp; TVC\" data-tag=\"Brand films built to run on TV, cinema and digital \u2014 all three.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5h18v11H3z\"\/><path d=\"M8 20h8M12 16v4\"\/><path d=\"m10 8 5 2.5L10 13z\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">04<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Commercials &amp; TVC<\/h3>\n        <p>30 and 60 second ad films &mdash; from storyboard to broadcast-ready delivery.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 05 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m5\" data-num=\"Service 05\"\n              data-title=\"Digital &amp; Social Content\" data-tag=\"Reels, verticals and campaign content \u2014 shot in bulk, in one schedule.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 3h10v18H7z\"\/><path d=\"M11 18h2\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">05<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Digital &amp; Social<\/h3>\n        <p>Vertical content for Instagram, YouTube and paid ads &mdash; one shoot, many deliverables.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 06 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m6\" data-num=\"Service 06\"\n              data-title=\"Photography\" data-tag=\"Campaign, product and event stills \u2014 alongside the video crew or on their own.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7h4l2-2h6l2 2h4v12H3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3.4\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">06<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Photography<\/h3>\n        <p>Stills captured on the same set &mdash; no separate day, separate crew or separate budget.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 07 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m7\" data-num=\"Service 07\"\n              data-title=\"Micro Drama\" data-tag=\"Vertical short-form series \u2014 episodic format, tight shooting schedule.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 9h16M4 15h16M9 4v16M15 4v16\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">07<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Micro Drama<\/h3>\n        <p>Episodic drama for the new short-form platforms &mdash; from writing through to delivery.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <!-- 08 -->\n      <button class=\"v2-card\" type=\"button\" data-modal=\"v2m8\" data-num=\"Service 08\"\n              data-title=\"Explainer &amp; Motion Graphics\" data-tag=\"When a shoot isn't possible \u2014 animation that still gets the point across.\">\n        <span class=\"v2-card__top\">\n          <span class=\"v2-ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/span>\n          <span class=\"v2-card__n\">08<\/span>\n        <\/span>\n        <h3 class=\"v2-card__t\">Explainer &amp; Motion<\/h3>\n        <p>2D explainer videos, motion graphics, titles and infographics &mdash; scripted from scratch.<\/p>\n        <span class=\"v2-card__go\">View details <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n\n  <!-- ==================== MODAL SHELL ==================== -->\n  <div class=\"v2-mod\" id=\"v2Mod\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"v2ModT\">\n    <div class=\"v2-mod__box\">\n      <div class=\"v2-mod__head\">\n        <button class=\"v2-x\" id=\"v2X\" type=\"button\" aria-label=\"Close\">\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n        <\/button>\n        <div class=\"v2-mod__n\" id=\"v2ModN\">Service<\/div>\n        <h3 class=\"v2-mod__t\" id=\"v2ModT\">Title<\/h3>\n        <p class=\"v2-mod__tag\" id=\"v2ModTag\"><\/p>\n      <\/div>\n\n      <div class=\"v2-mod__body\" id=\"v2ModBody\"><\/div>\n\n      <div class=\"v2-mod__foot\">\n        <a class=\"v2-btn v2-btn--fill\" id=\"v2ModWa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.8 14.2c-.2.7-1.2 1.3-1.9 1.4-.5.1-1.1.2-3.2-.7-2.7-1.1-4.4-3.9-4.6-4.1-.1-.2-1-1.4-1-2.6 0-1.2.6-1.8.9-2.1.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2 0 .4-.1.5l-.4.5c-.1.1-.3.3-.1.6.1.3.6 1.1 1.3 1.7.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.6-.1l1.9.9c.3.1.4.2.5.3 0 .2 0 .8-.2 1.5Z\"\/><\/svg>\n          Enquire about this\n        <\/a>\n        <a class=\"v2-btn v2-btn--line\" href=\"https:\/\/mifaproduction.com\/index.php\/work\/\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          See related work\n        <\/a>\n        <span class=\"v2-foot__hint\">Press Esc to close<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== POPUP SOURCE CONTENT ====================\n       These divs are hidden on the page. They only hold the popup\n       content. To change any popup text, edit the matching div below.\n  ============================================================== -->\n\n  <div class=\"v2-src\" id=\"v2m1\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>Line production means <b>the creative stays yours and the groundwork becomes ours<\/b>.\n      Once the agency has an approved board, or a visiting crew lands in India, we take over\n      from that point: which location works, who signs the permission, where the crew comes\n      from, which vendor supplies the gear, and where the unit eats.<\/p>\n      <p>The producer is on the floor personally, so decisions get made <b>on the spot<\/b> &mdash;\n      nobody waits for a phone call to confirm something.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Location recce, options and negotiation<\/li>\n        <li>Government, police and private permissions<\/li>\n        <li>Local crew &mdash; camera, lights, grip, spot<\/li>\n        <li>Equipment and vendor coordination<\/li>\n        <li>Transport, travel and accommodation<\/li>\n        <li>Unit catering and on-set logistics<\/li>\n        <li>Daily call sheets and scheduling<\/li>\n        <li>Budget tracking and expense reporting<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical prep<\/b><span>7 &ndash; 15 days, depending on city and permissions<\/span><\/div>\n        <div><b>Coverage<\/b><span>All of India &mdash; metros to remote locations<\/span><\/div>\n        <div><b>You bring<\/b><span>Script or board, director and creative team<\/span><\/div>\n        <div><b>We bring<\/b><span>Everything else, on the ground<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>Ad agencies<\/li><li>Production houses<\/li><li>Overseas crews<\/li>\n        <li>Outstation shoots<\/li><li>Multi-city campaigns<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m2\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>When a client arrives with just an idea &mdash; or just a problem &mdash; this is the service\n      that fits. We <b>start at concept and script<\/b>, lock casting and locations, run the shoot,\n      and hand over the final master after edit, colour and sound.<\/p>\n      <p>The real advantage is that nobody has to coordinate between four different vendors.\n      One team, one timeline, <b>one invoice<\/b>.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Concept development and scripting<\/li>\n        <li>Storyboard and shot breakdown<\/li>\n        <li>Casting, styling and art direction<\/li>\n        <li>Location scouting and permissions<\/li>\n        <li>Full shoot crew and equipment<\/li>\n        <li>Edit, colour grade and sound mix<\/li>\n        <li>Music, voice-over and subtitles<\/li>\n        <li>Multi-platform export and delivery<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical timeline<\/b><span>3 &ndash; 6 weeks, depending on scope<\/span><\/div>\n        <div><b>Shoot days<\/b><span>1 to 5+ days, depending on format<\/span><\/div>\n        <div><b>Deliverables<\/b><span>Master film + cutdowns + raw files<\/span><\/div>\n        <div><b>Revisions<\/b><span>2 rounds of edit included in the estimate<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>Direct brands<\/li><li>Startups<\/li><li>Corporates<\/li>\n        <li>Launch campaigns<\/li><li>Brand films<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m3\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>A corporate film isn't there to entertain &mdash; it's there to <b>build confidence<\/b>,\n      whether that's in front of an investor, a client or a new employee. So we start by working\n      out who is going to watch it and what they should do next, and only then write the script.<\/p>\n      <p>Plant, factory and office shoots come with their own safety and permission processes.\n      Our team has run them before, which means <b>your operations don't keep stopping and starting<\/b>.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What we make<\/h4>\n      <ul class=\"v2-check\">\n        <li>Company profile films<\/li>\n        <li>Plant and process walkthroughs<\/li>\n        <li>Safety and SOP videos<\/li>\n        <li>Leadership and CXO interviews<\/li>\n        <li>Internal communication content<\/li>\n        <li>CSR and sustainability films<\/li>\n        <li>Event and conference coverage<\/li>\n        <li>Recruitment and culture films<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical length<\/b><span>90 sec &ndash; 5 min<\/span><\/div>\n        <div><b>Timeline<\/b><span>2 &ndash; 5 weeks<\/span><\/div>\n        <div><b>Languages<\/b><span>Hindi, English and regional voice-overs<\/span><\/div>\n        <div><b>Extras<\/b><span>Subtitles, translations, cutdowns<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>Manufacturing<\/li><li>PSU &amp; Government<\/li><li>Healthcare<\/li>\n        <li>Education<\/li><li>BFSI<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m4\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>A commercial is a small film carrying <b>the pressure of working in 30 seconds<\/b>.\n      Everything is planned &mdash; every shot, every second, every cut. That makes pre-production\n      the most important stage, and it's where we spend the most time.<\/p>\n      <p>Whether we're working with your agency or with you directly, delivery includes both\n      broadcast-ready and platform-ready versions.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Script and storyboard finalisation<\/li>\n        <li>Director and DOP attachment<\/li>\n        <li>Casting and wardrobe<\/li>\n        <li>Set design and props<\/li>\n        <li>Cine camera package and lighting<\/li>\n        <li>Colour grade and sound design<\/li>\n        <li>Music bed or original score<\/li>\n        <li>Broadcast + digital masters<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical length<\/b><span>15 \/ 30 \/ 60 seconds<\/span><\/div>\n        <div><b>Timeline<\/b><span>4 &ndash; 8 weeks<\/span><\/div>\n        <div><b>Deliverables<\/b><span>Master + cutdowns + vertical crops<\/span><\/div>\n        <div><b>Formats<\/b><span>TV, cinema, YouTube, Meta ads<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>Product launches<\/li><li>Festive campaigns<\/li><li>FMCG<\/li>\n        <li>Automotive<\/li><li>Retail<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m5\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>One big film isn't enough for social &mdash; <b>what you need is volume<\/b>.\n      So we plan the shoot so that a single day produces several formats: the hero film,\n      reels, stories, thumbnails and ad cuts.<\/p>\n      <p>Every platform has its own safe area and aspect ratio. Delivery includes\n      <b>a separate export for each one<\/b>, so nobody has to crop and adjust afterwards.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Content calendar and shoot plan<\/li>\n        <li>Vertical-first shooting setup<\/li>\n        <li>Creator or model casting<\/li>\n        <li>Bulk shoot &mdash; several films in a day<\/li>\n        <li>Fast-turnaround editing<\/li>\n        <li>Captions, subtitles and hooks<\/li>\n        <li>Thumbnail and cover stills<\/li>\n        <li>Platform-wise export pack<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical output<\/b><span>6 &ndash; 15 films per shoot day<\/span><\/div>\n        <div><b>Timeline<\/b><span>1 &ndash; 3 weeks<\/span><\/div>\n        <div><b>Ratios<\/b><span>9:16, 4:5, 1:1, 16:9<\/span><\/div>\n        <div><b>Model<\/b><span>One-time or monthly retainer<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>D2C brands<\/li><li>Startups<\/li><li>Restaurants &amp; retail<\/li>\n        <li>Real estate<\/li><li>Personal brands<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m6\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>Most clients need stills alongside the video &mdash; for the website, packaging,\n      ads and press. Instead of booking a separate day and a separate crew, we put a\n      <b>stills team on the same set<\/b>, which saves both cost and time.<\/p>\n      <p>Product work can run in a studio setup, campaign work on location &mdash;\n      both options are available.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What we shoot<\/h4>\n      <ul class=\"v2-check\">\n        <li>Campaign and brand stills<\/li>\n        <li>Product and packshot photography<\/li>\n        <li>Food and menu photography<\/li>\n        <li>Corporate headshots and team shots<\/li>\n        <li>Factory and facility documentation<\/li>\n        <li>Event and conference coverage<\/li>\n        <li>Interior and architecture<\/li>\n        <li>Behind-the-scenes stills<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Delivery<\/b><span>Culled and retouched high-res JPEGs<\/span><\/div>\n        <div><b>Timeline<\/b><span>3 &ndash; 10 days after the shoot<\/span><\/div>\n        <div><b>Retouching<\/b><span>Basic included, advanced as an add-on<\/span><\/div>\n        <div><b>Raw files<\/b><span>Handed over on request<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>E-commerce<\/li><li>Hospitality<\/li><li>Fashion<\/li>\n        <li>Corporate<\/li><li>Events<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m7\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>Micro drama is a new format &mdash; <b>vertical episodes of 60 to 120 seconds<\/b>,\n      each one carrying its own hook. The preparation is as involved as a feature film,\n      but the schedule is far tighter: several episodes get shot in a single day.<\/p>\n      <p>That makes the writing and breakdown the most important part. We plan locations\n      and cast at script stage specifically so the shoot stays <b>economical<\/b>.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Concept and episode-wise writing<\/li>\n        <li>Shot design built for vertical framing<\/li>\n        <li>Casting and auditions<\/li>\n        <li>Multi-episode shoot scheduling<\/li>\n        <li>Location and set continuity<\/li>\n        <li>Episodic edit and grading<\/li>\n        <li>Sound design and background score<\/li>\n        <li>Platform-spec delivery<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Episode length<\/b><span>60 &ndash; 120 seconds<\/span><\/div>\n        <div><b>Shoot pace<\/b><span>4 &ndash; 8 episodes per day<\/span><\/div>\n        <div><b>Timeline<\/b><span>4 &ndash; 10 weeks, depending on season size<\/span><\/div>\n        <div><b>Format<\/b><span>9:16 vertical, mobile-first<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>Short-form platforms<\/li><li>OTT apps<\/li><li>Branded fiction<\/li>\n        <li>Creator networks<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"v2-src\" id=\"v2m8\">\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Overview<\/h4>\n      <p>Not everything can be filmed &mdash; some processes are abstract, some products\n      don't exist yet, and sometimes the budget simply doesn't allow a shoot. In those cases\n      <b>explainers and motion graphics<\/b> are the clearest way to get the point across.<\/p>\n      <p>We start with the script, because the strength of good animation lives in its\n      <b>voice-over and structure<\/b> &mdash; the visuals come after that.<\/p>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">What's included<\/h4>\n      <ul class=\"v2-check\">\n        <li>Script and voice-over writing<\/li>\n        <li>Storyboard and style frames<\/li>\n        <li>2D character or icon animation<\/li>\n        <li>Motion graphics and kinetic type<\/li>\n        <li>Data visualisation and infographics<\/li>\n        <li>Professional voice-over recording<\/li>\n        <li>Sound design and music<\/li>\n        <li>Multi-language versions<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Details<\/h4>\n      <div class=\"v2-facts\">\n        <div><b>Typical length<\/b><span>45 sec &ndash; 3 min<\/span><\/div>\n        <div><b>Timeline<\/b><span>2 &ndash; 5 weeks<\/span><\/div>\n        <div><b>Source files<\/b><span>Project files available on request<\/span><\/div>\n        <div><b>Add-on<\/b><span>Title packs and lower thirds<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"v2-blk\">\n      <h4 class=\"v2-blk__t\">Best suited for<\/h4>\n      <ul class=\"v2-pills\">\n        <li>SaaS &amp; tech<\/li><li>Fintech<\/li><li>Healthcare<\/li>\n        <li>Training content<\/li><li>Pitch decks<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest)\n    ? document.currentScript.closest('.mifa-v2')\n    : document.querySelector('.mifa-v2');\n  if(!root) return;\n  var q = function(s){ return root.querySelector(s); };\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var WA = '918527121545';\n\n  \/* ---------- reveal ---------- *\/\n  var cards = Array.prototype.slice.call(root.querySelectorAll('.v2-card'));\n  if(reduce || !('IntersectionObserver' in window)){\n    cards.forEach(function(c){ c.classList.add('on'); });\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.add('on'); io.unobserve(en.target); }\n      });\n    }, {threshold:.15, rootMargin:'0px 0px -6% 0px'});\n    cards.forEach(function(c, i){ c.style.transitionDelay = (i % 4) * 0.07 + 's'; io.observe(c); });\n  }\n\n  \/* ---------- 3D tilt (desktop mouse only) ---------- *\/\n  var desktop = window.matchMedia('(hover:hover) and (pointer:fine) and (min-width:881px)').matches;\n  if(!reduce && desktop){\n    cards.forEach(function(c){\n      c.addEventListener('mousemove', function(e){\n        var b = c.getBoundingClientRect();\n        var x = ((e.clientX - b.left) \/ b.width  - .5) * 2;\n        var y = ((e.clientY - b.top)  \/ b.height - .5) * 2;\n        c.style.transform = 'translateY(-5px) rotateY(' + (x * 6) + 'deg) rotateX(' + (-y * 5) + 'deg)';\n      });\n      c.addEventListener('mouseleave', function(){ c.style.transform = ''; });\n    });\n  }\n\n  \/* ---------- modal ---------- *\/\n  var mod  = q('#v2Mod'),\n      body = q('#v2ModBody'),\n      tEl  = q('#v2ModT'),\n      nEl  = q('#v2ModN'),\n      gEl  = q('#v2ModTag'),\n      wa   = q('#v2ModWa'),\n      x    = q('#v2X');\n  var last = null;\n\n  function open(card){\n    last = card;\n    var src = root.querySelector('#' + card.dataset.modal);\n    nEl.textContent = card.dataset.num || 'Service';\n    tEl.innerHTML   = card.dataset.title || '';\n    gEl.innerHTML   = card.dataset.tag || '';\n    body.innerHTML  = src ? src.innerHTML : '';\n    body.scrollTop  = 0;\n\n    var plain = (card.dataset.title || 'this service').replace(\/&amp;\/g, '&');\n    wa.href = 'https:\/\/wa.me\/' + WA + '?text=' +\n      encodeURIComponent('Hi Mifa Productions, I want to know more about: ' + plain);\n\n    mod.classList.add('open');\n    document.body.style.overflow = 'hidden';\n    setTimeout(function(){ x.focus(); }, 120);\n  }\n  function close(){\n    mod.classList.remove('open');\n    document.body.style.overflow = '';\n    setTimeout(function(){ body.innerHTML = ''; }, 450);\n    if(last) last.focus();\n  }\n\n  cards.forEach(function(c){ c.addEventListener('click', function(){ open(c); }); });\n  x.addEventListener('click', close);\n  mod.addEventListener('click', function(e){ if(e.target === mod) close(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && mod.classList.contains('open')) close();\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 SERVICES PAGE \u00b7 PART 3 of 4  (ENGLISH)\n     PRODUCTION PROCESS (scroll progress rail) + ADD-ON SERVICES\n     (each add-on has its own quick popup)\n\n     Paste the whole thing into a WordPress \"Custom HTML\" block.\n     Everything is scoped inside .mifa-v3\n     ============================================================ -->\n\n<div class=\"mifa-v3\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@300;400;500&display=swap');\n\n\/* ===================== TOKENS + THEME RESET ===================== *\/\n.mifa-v3{\n  --bg:#07070A; --bg-2:#0C0C11; --panel:#101017;\n  --ink:#F2F0EE; --soft:rgba(242,240,238,.58); --line:rgba(242,240,238,.12);\n  --red:#C4162B; --red-hi:#FF3B54; --red-dp:#7A0C18;\n\n  --f:'Inter Tight',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  --m:'DM Mono',ui-monospace,monospace;\n  --pad:clamp(18px,4.4vw,64px);\n  --e:cubic-bezier(.22,1,.36,1);\n\n  position:relative; z-index:0; overflow:hidden;\n  background:var(--bg) !important; color:var(--ink) !important;\n  font-family:var(--f) !important;\n  font-weight:400; font-size:16px; line-height:1.5;\n  text-align:left; -webkit-font-smoothing:antialiased;\n\n  \/* Theme narrow ho to: *\/\n  \/* margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); *\/\n}\n.mifa-v3 *,.mifa-v3 *::before,.mifa-v3 *::after{ box-sizing:border-box; }\n.mifa-v3 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-v3 a:hover,.mifa-v3 a:focus{ text-decoration:none !important; }\n.mifa-v3 h2,.mifa-v3 h3,.mifa-v3 h4,.mifa-v3 p,.mifa-v3 ul,.mifa-v3 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-v3 ul{ list-style:none !important; }\n.mifa-v3 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-v3 button{\n  font:inherit; color:inherit; background:none; border:0; cursor:pointer;\n  padding:0; margin:0; text-transform:none; letter-spacing:normal;\n  box-shadow:none; border-radius:0; -webkit-appearance:none; appearance:none;\n  text-align:left; width:100%;\n}\n.mifa-v3 button:hover,.mifa-v3 button:focus{ background:none; }\n.mifa-v3 svg{ display:block; }\n.mifa-v3 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\n\/* ======================== SHELL \/ AMBIENT ======================== *\/\n.mifa-v3 .v3-wrap{\n  position:relative; padding:clamp(64px,10vh,132px) 0; isolation:isolate;\n  border-bottom:1px solid var(--line);\n}\n.mifa-v3 .v3-orb{\n  position:absolute; z-index:0; border-radius:50%; pointer-events:none;\n  width:60vmax; height:60vmax; top:-24vmax; right:-22vmax;\n  background:radial-gradient(circle, rgba(122,12,24,.32) 0%, transparent 58%);\n  animation:v3Drift 27s ease-in-out infinite alternate;\n}\n@keyframes v3Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(-7%,6%,0) scale(1.18)} }\n.mifa-v3 .v3-grain{\n  position:absolute; inset:-60%; z-index:1; pointer-events:none; opacity:.12;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='nv3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nv3)'\/%3E%3C\/svg%3E\");\n  animation:v3Grain .7s steps(3) infinite;\n}\n@keyframes v3Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n\n.mifa-v3 .v3-in{\n  position:relative; z-index:3; width:100%; max-width:1440px;\n  margin:0 auto; padding:0 var(--pad);\n}\n\n\/* ========================= SECTION HEAD ========================= *\/\n.mifa-v3 .v3-eye{\n  display:flex; align-items:center; gap:14px; margin-bottom:22px !important;\n  font-family:var(--m); font-size:11px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-v3 .v3-eye b{ color:var(--red-hi); font-weight:400; }\n.mifa-v3 .v3-eye::after{ content:''; flex:1; max-width:130px; height:1px; background:var(--line); }\n\n.mifa-v3 h2.v3-h2{\n  max-width:20ch; font-size:clamp(30px,5.4vw,68px); font-weight:900;\n  line-height:1.02; letter-spacing:-.04em; color:var(--ink);\n}\n.mifa-v3 .v3-h2 em{ font-style:normal; color:var(--red-hi); text-shadow:0 0 40px rgba(255,59,84,.45); }\n.mifa-v3 p.v3-lead{\n  max-width:62ch; margin-top:18px !important;\n  font-size:clamp(15px,1.3vw,17.5px); line-height:1.7; color:var(--soft);\n}\n.mifa-v3 .v3-lead b{ color:var(--ink); font-weight:600; }\n\n\/* ============ SIGNATURE : PROCESS RAIL WITH PROGRESS ============ *\/\n.mifa-v3 .v3-rail{\n  position:relative; margin-top:clamp(44px,6vh,68px);\n  padding-top:44px; perspective:1400px;\n}\n\/* base line + fill *\/\n.mifa-v3 .v3-track{\n  position:absolute; left:0; right:0; top:20px; height:2px;\n  background:rgba(242,240,238,.12); border-radius:2px; overflow:hidden;\n}\n.mifa-v3 .v3-track i{\n  display:block; height:100%; width:100%;\n  background:linear-gradient(90deg, var(--red-dp), var(--red-hi));\n  transform:scaleX(0); transform-origin:left;\n  transition:transform 1.6s var(--e);\n  box-shadow:0 0 14px 1px rgba(255,59,84,.5);\n}\n.mifa-v3 .v3-rail.go .v3-track i{ transform:scaleX(1); }\n\n.mifa-v3 .v3-steps{\n  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px);\n}\n.mifa-v3 .v3-step{\n  position:relative; padding-top:8px;\n  opacity:0; transform:translateY(26px) rotateX(-14deg); transform-origin:top center;\n  transition:opacity .8s var(--e), transform .8s var(--e);\n}\n.mifa-v3 .v3-step.on{ opacity:1; transform:none; }\n.mifa-v3 .v3-step__dot{\n  position:absolute; top:-32px; left:0;\n  width:14px; height:14px; border-radius:50%;\n  background:var(--bg); border:2px solid rgba(255,59,84,.4);\n  transition:border-color .5s, box-shadow .5s;\n}\n.mifa-v3 .v3-step.on .v3-step__dot{\n  border-color:var(--red-hi);\n  box-shadow:0 0 0 6px rgba(196,22,43,.16), 0 0 16px 2px rgba(255,59,84,.5);\n}\n.mifa-v3 .v3-step__n{\n  display:block; margin-bottom:10px !important;\n  font-family:var(--m); font-size:10px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v3 h3.v3-step__t{\n  font-size:clamp(16px,1.6vw,20px); font-weight:800; letter-spacing:-.025em;\n  color:var(--ink); margin-bottom:8px !important;\n}\n.mifa-v3 .v3-step p{ font-size:14px; line-height:1.62; color:var(--soft); }\n.mifa-v3 .v3-step__meta{\n  display:inline-block; margin-top:12px; padding:5px 11px;\n  border-radius:999px; border:1px solid var(--line); background:rgba(242,240,238,.03);\n  font-family:var(--m); font-size:9.5px; letter-spacing:.1em; color:var(--soft);\n}\n\n\/* =========================== ADD-ONS =========================== *\/\n.mifa-v3 .v3-add{ margin-top:clamp(70px,11vh,140px); }\n.mifa-v3 .v3-grid{\n  display:grid; gap:clamp(12px,1.5vw,18px);\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  margin-top:clamp(34px,5vh,52px);\n}\n.mifa-v3 .v3-tile{\n  display:flex; align-items:center; gap:14px;\n  padding:clamp(16px,1.9vw,22px);\n  border:1px solid var(--line); border-radius:14px;\n  background:linear-gradient(158deg, rgba(196,22,43,.08), rgba(16,16,23,.94));\n  opacity:0; transform:translateY(22px);\n  transition:opacity .75s var(--e), transform .45s var(--e), border-color .4s, background .4s;\n}\n.mifa-v3 .v3-tile.on{ opacity:1; transform:none; }\n.mifa-v3 .v3-tile__ic{\n  width:38px; height:38px; border-radius:10px; display:grid; place-items:center; flex-shrink:0;\n  background:rgba(196,22,43,.2); border:1px solid rgba(255,59,84,.34);\n}\n.mifa-v3 .v3-tile__ic svg{ width:18px; height:18px; stroke:var(--red-hi); fill:none; stroke-width:1.7; }\n.mifa-v3 .v3-tile__t{ min-width:0; flex:1; }\n.mifa-v3 .v3-tile__t b{\n  display:block; font-size:15.5px; font-weight:700; letter-spacing:-.015em; color:var(--ink);\n}\n.mifa-v3 .v3-tile__t i{\n  display:block; margin-top:3px; font-style:normal; font-family:var(--m);\n  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--soft);\n}\n.mifa-v3 .v3-tile__p{\n  flex-shrink:0; width:22px; height:22px; position:relative;\n}\n.mifa-v3 .v3-tile__p i{\n  position:absolute; left:50%; top:50%; width:12px; height:1.8px; border-radius:2px;\n  background:var(--red-hi); translate:-50% -50%;\n}\n.mifa-v3 .v3-tile__p i:last-child{ transform:rotate(90deg); }\n\n\/* =========================== POPUP =========================== *\/\n.mifa-v3 .v3-mod{\n  position:fixed; inset:0; z-index:99993; display:flex; align-items:center; justify-content:center;\n  padding:clamp(14px,3vw,40px);\n  background:rgba(4,4,7,.9); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);\n  opacity:0; visibility:hidden; transition:opacity .42s var(--e), visibility .42s;\n}\n.mifa-v3 .v3-mod.open{ opacity:1; visibility:visible; }\n.mifa-v3 .v3-mod__box{\n  position:relative; width:min(560px,100%); max-height:88vh; overflow-y:auto;\n  padding:clamp(24px,3.2vw,38px);\n  border:1px solid rgba(255,59,84,.34); border-radius:20px;\n  background:linear-gradient(168deg, rgba(26,8,12,.99), rgba(9,9,13,.99));\n  box-shadow:0 40px 90px rgba(0,0,0,.75);\n  transform:scale(.92) translateY(20px); transition:transform .55s var(--e);\n}\n.mifa-v3 .v3-mod.open .v3-mod__box{ transform:none; }\n.mifa-v3 .v3-mod__box::-webkit-scrollbar{ width:7px; }\n.mifa-v3 .v3-mod__box::-webkit-scrollbar-thumb{ background:rgba(196,22,43,.5); border-radius:8px; }\n\n.mifa-v3 .v3-x{\n  position:absolute; top:18px; right:18px;\n  width:36px; height:36px; border-radius:50%; display:grid; place-items:center;\n  border:1px solid var(--line); background:rgba(242,240,238,.06);\n  transition:background .35s, transform .4s var(--e);\n}\n.mifa-v3 .v3-x svg{ width:15px; height:15px; stroke:var(--ink); stroke-width:2; fill:none; }\n\n.mifa-v3 .v3-mod__n{\n  display:inline-flex; align-items:center; gap:10px; margin-bottom:10px !important;\n  font-family:var(--m); font-size:9.5px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v3 .v3-mod__n::after{ content:''; width:22px; height:1px; background:rgba(255,59,84,.5); }\n.mifa-v3 h3.v3-mod__t{\n  font-size:clamp(21px,2.8vw,30px); font-weight:900; letter-spacing:-.035em;\n  line-height:1.1; color:var(--ink); padding-right:40px !important;\n  margin-bottom:14px !important;\n}\n.mifa-v3 .v3-mod__body p{\n  font-size:15.5px; line-height:1.74; color:var(--soft);\n  padding-bottom:18px !important; margin-bottom:18px !important;\n  border-bottom:1px dashed rgba(242,240,238,.16);\n}\n.mifa-v3 .v3-mod__body p b{ color:var(--ink); font-weight:600; }\n.mifa-v3 .v3-mod__body ul{ display:grid; gap:9px; }\n.mifa-v3 .v3-mod__body li{\n  display:flex; gap:11px; font-size:14.5px; line-height:1.55; color:rgba(242,240,238,.84);\n}\n.mifa-v3 .v3-mod__body li::before{\n  content:''; flex-shrink:0; width:15px; height:15px; margin-top:3px; border-radius:5px;\n  background:rgba(196,22,43,.24); border:1px solid rgba(255,59,84,.45);\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3B54' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'\/%3E%3C\/svg%3E\");\n  background-size:10px; background-position:center; background-repeat:no-repeat;\n}\n.mifa-v3 .v3-mod__cta{\n  display:inline-flex; align-items:center; gap:10px; margin-top:24px;\n  padding:14px 26px; border-radius:999px; background:var(--red); color:#fff;\n  font-size:12.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;\n  box-shadow:0 12px 32px rgba(196,22,43,.42); transition:transform .4s var(--e);\n}\n.mifa-v3 .v3-mod__cta svg{ width:15px; height:15px; fill:currentColor; }\n\n.mifa-v3 .v3-src{ display:none !important; }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-v3 .v3-tile:hover{\n    border-color:rgba(255,59,84,.5); transform:translateY(-4px);\n    background:linear-gradient(158deg, rgba(196,22,43,.2), rgba(16,16,23,.96));\n  }\n  .mifa-v3 .v3-x:hover{ background:var(--red); transform:rotate(90deg); }\n  .mifa-v3 .v3-mod__cta:hover{ transform:translateY(-3px); }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1180px){\n  .mifa-v3 .v3-steps{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 18px; }\n  .mifa-v3 .v3-track{ display:none; }\n  .mifa-v3 .v3-step__dot{ position:relative; top:0; margin-bottom:14px; }\n  .mifa-v3 .v3-rail{ padding-top:0; }\n  .mifa-v3 .v3-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }\n}\n@media (max-width:860px){\n  .mifa-v3 .v3-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }\n  .mifa-v3 .v3-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }\n  .mifa-v3 .v3-rail{ perspective:none; }\n  .mifa-v3 .v3-step{ transform:translateY(22px); }\n}\n@media (max-width:620px){\n  .mifa-v3 .v3-wrap{ padding:clamp(52px,8vh,80px) 0; }\n  .mifa-v3 h2.v3-h2{ font-size:clamp(28px,8.6vw,42px); letter-spacing:-.03em; }\n  .mifa-v3 .v3-steps{ grid-template-columns:1fr; }\n  .mifa-v3 .v3-grid{ grid-template-columns:1fr; }\n  .mifa-v3 .v3-grain{ opacity:.08; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-v3 *,.mifa-v3 *::before,.mifa-v3 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-v3 .v3-step,.mifa-v3 .v3-tile{ opacity:1; transform:none; }\n  .mifa-v3 .v3-track i{ transform:scaleX(1); }\n}\n<\/style>\n\n<section class=\"v3-wrap\" id=\"process\">\n  <div class=\"v3-orb\" aria-hidden=\"true\"><\/div>\n  <div class=\"v3-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"v3-in\">\n\n    <!-- ===================== PROCESS ===================== -->\n    <div class=\"v3-eye\"><b>005<\/b> \/ How a project runs<\/div>\n    <h2 class=\"v3-h2\">Five stages, <em>no<\/em> guesswork.<\/h2>\n    <p class=\"v3-lead\">\n      Whichever service you pick, the project follows this same rhythm. At the end of each\n      stage you get <b>written confirmation<\/b> &mdash; so both sides are on the same page\n      before the next one begins.\n    <\/p>\n\n    <div class=\"v3-rail\" id=\"v3Rail\">\n      <div class=\"v3-track\" aria-hidden=\"true\"><i><\/i><\/div>\n\n      <div class=\"v3-steps\">\n        <div class=\"v3-step\">\n          <span class=\"v3-step__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"v3-step__n\">Stage 01<\/span>\n          <h3 class=\"v3-step__t\">Brief &amp; scope<\/h3>\n          <p>Your objective, audience, city and dates. This is where we decide which service\n          fits and how big the crew needs to be.<\/p>\n          <span class=\"v3-step__meta\">1 &ndash; 2 days<\/span>\n        <\/div>\n\n        <div class=\"v3-step\">\n          <span class=\"v3-step__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"v3-step__n\">Stage 02<\/span>\n          <h3 class=\"v3-step__t\">Estimate &amp; lock<\/h3>\n          <p>A line-by-line quote &mdash; crew, gear, travel and permits as separate heads.\n          Dates get blocked only once it's approved.<\/p>\n          <span class=\"v3-step__meta\">2 &ndash; 4 days<\/span>\n        <\/div>\n\n        <div class=\"v3-step\">\n          <span class=\"v3-step__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"v3-step__n\">Stage 03<\/span>\n          <h3 class=\"v3-step__t\">Pre-production<\/h3>\n          <p>Recce, permissions, casting, gear booking and the call sheet. It's the longest\n          stage &mdash; and the one that decides everything else.<\/p>\n          <span class=\"v3-step__meta\">1 &ndash; 3 weeks<\/span>\n        <\/div>\n\n        <div class=\"v3-step\">\n          <span class=\"v3-step__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"v3-step__n\">Stage 04<\/span>\n          <h3 class=\"v3-step__t\">Shoot<\/h3>\n          <p>Producer on the floor, a daily update, and a double backup every night.\n          You get the same status whether or not you're on set.<\/p>\n          <span class=\"v3-step__meta\">1 &ndash; 5+ days<\/span>\n        <\/div>\n\n        <div class=\"v3-step\">\n          <span class=\"v3-step__dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"v3-step__n\">Stage 05<\/span>\n          <h3 class=\"v3-step__t\">Post &amp; handover<\/h3>\n          <p>Edit, colour, sound and exports. Along with the final masters, the rushes\n          and project files are yours too.<\/p>\n          <span class=\"v3-step__meta\">1 &ndash; 3 weeks<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ===================== ADD-ONS ===================== -->\n    <div class=\"v3-add\">\n      <div class=\"v3-eye\"><b>006<\/b> \/ Add-ons<\/div>\n      <h2 class=\"v3-h2\">The small things you'd normally <em>outsource<\/em>.<\/h2>\n      <p class=\"v3-lead\">\n        Any of these can be attached to any service. Tap a tile to see the detail.\n      <\/p>\n\n      <div class=\"v3-grid\" id=\"v3Grid\">\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m1\" data-num=\"Add-on 01\" data-title=\"Drone &amp; Aerials\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 5l4 4M19 5l-4 4M5 19l4-4M19 19l-4-4\"\/><circle cx=\"5\" cy=\"5\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"19\" r=\"2\"\/><path d=\"M9 9h6v6H9z\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Drone &amp; Aerials<\/b><i>Licensed pilots<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m2\" data-num=\"Add-on 02\" data-title=\"Casting &amp; Talent\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 20v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"3.2\"\/><path d=\"M22 20v-2a4 4 0 0 0-3-3.8\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Casting &amp; Talent<\/b><i>Actors &amp; models<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m3\" data-num=\"Add-on 03\" data-title=\"Permits &amp; Fixing\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h9l4 4v14H6z\"\/><path d=\"M15 3v4h4\"\/><path d=\"m9 14 2 2 4-4\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Permits &amp; Fixing<\/b><i>Paperwork<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m4\" data-num=\"Add-on 04\" data-title=\"Equipment Rental\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8h11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z\"\/><path d=\"M17 12l5-3v9l-5-3\"\/><circle cx=\"8\" cy=\"13\" r=\"2.4\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Equipment Rental<\/b><i>Camera &amp; lights<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m5\" data-num=\"Add-on 05\" data-title=\"Set Design &amp; Art\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 20h18\"\/><path d=\"M5 20V9l7-5 7 5v11\"\/><path d=\"M10 20v-6h4v6\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Set Design &amp; Art<\/b><i>Props &amp; build<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m6\" data-num=\"Add-on 06\" data-title=\"Voice-over Recording\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3a3 3 0 0 1 3 3v6a3 3 0 0 1-6 0V6a3 3 0 0 1 3-3z\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><path d=\"M12 18v3\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Voice-over<\/b><i>Hindi &amp; regional<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m7\" data-num=\"Add-on 07\" data-title=\"Subtitles &amp; Translation\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5h18v14H3z\"\/><path d=\"M6 15h5M14 15h4\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Subtitles<\/b><i>Multi-language<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n        <button class=\"v3-tile\" type=\"button\" data-modal=\"v3m8\" data-num=\"Add-on 08\" data-title=\"Event Coverage\">\n          <span class=\"v3-tile__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h16v14H4z\"\/><path d=\"M4 10h16M8 3v4M16 3v4\"\/><\/svg><\/span>\n          <span class=\"v3-tile__t\"><b>Event Coverage<\/b><i>Multi-cam<\/i><\/span>\n          <span class=\"v3-tile__p\"><i><\/i><i><\/i><\/span>\n        <\/button>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== POPUP SHELL ==================== -->\n  <div class=\"v3-mod\" id=\"v3Mod\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"v3ModT\">\n    <div class=\"v3-mod__box\">\n      <button class=\"v3-x\" id=\"v3X\" type=\"button\" aria-label=\"Close\">\n        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n      <\/button>\n      <div class=\"v3-mod__n\" id=\"v3ModN\">Add-on<\/div>\n      <h3 class=\"v3-mod__t\" id=\"v3ModT\">Title<\/h3>\n      <div class=\"v3-mod__body\" id=\"v3ModBody\"><\/div>\n      <a class=\"v3-mod__cta\" id=\"v3ModWa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.8 14.2c-.2.7-1.2 1.3-1.9 1.4-.5.1-1.1.2-3.2-.7-2.7-1.1-4.4-3.9-4.6-4.1-.1-.2-1-1.4-1-2.6 0-1.2.6-1.8.9-2.1.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2 0 .4-.1.5l-.4.5c-.1.1-.3.3-.1.6.1.3.6 1.1 1.3 1.7.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.6-.1l1.9.9c.3.1.4.2.5.3 0 .2 0 .8-.2 1.5Z\"\/><\/svg>\n        Add this to my project\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== POPUP SOURCE ==================== -->\n\n  <div class=\"v3-src\" id=\"v3m1\">\n    <p>Aerial shots aren't just decoration any more &mdash; for property, factory and event films\n    they're <b>the fastest way to show scale<\/b>. We work with licensed pilots, and arrange\n    clearance for restricted zones in advance rather than on the day.<\/p>\n    <ul>\n      <li>DGCA-compliant pilots and registered drones<\/li>\n      <li>4K aerial video and high-res stills<\/li>\n      <li>Restricted zone permissions wherever possible<\/li>\n      <li>Indoor FPV shots for special setups<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m2\">\n    <p>The right face does half the film's work. We send options against the brief, run\n    auditions, and handle <b>contracts, usage rights and payments<\/b> &mdash; so there's no\n    dispute about any of it later.<\/p>\n    <ul>\n      <li>Actors, models and real-people casting<\/li>\n      <li>Self-tape and in-person auditions<\/li>\n      <li>Kids, seniors and specialised talent<\/li>\n      <li>Usage rights and buyout paperwork<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m3\">\n    <p>The most common reason a shoot stalls is paperwork. We finish permissions during\n    <b>the prep stage itself<\/b> &mdash; police NOC, municipal permission, society approval,\n    railway or metro clearance, whatever the location calls for.<\/p>\n    <ul>\n      <li>Police and municipal permissions<\/li>\n      <li>Private property and society NOCs<\/li>\n      <li>Monument and heritage site clearance<\/li>\n      <li>Location fee negotiation<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m4\">\n    <p>There's no need to own the whole kit &mdash; the package gets built around the project.\n    We book through a <b>network of trusted vendors<\/b>, and a technician comes along to set\n    so a fault doesn't stop the shoot.<\/p>\n    <ul>\n      <li>Cine and mirrorless camera packages<\/li>\n      <li>Lighting, grip and rigging<\/li>\n      <li>Gimbals, sliders and jibs<\/li>\n      <li>Genset, vanity van and monitors<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m5\">\n    <p>Sometimes the location is right but the frame still feels empty. The art team brings in\n    props, furniture and graphics to pull the frame <b>into the brand's look<\/b> &mdash; and\n    where it's needed, builds the set from scratch.<\/p>\n    <ul>\n      <li>Set build and backdrop fabrication<\/li>\n      <li>Prop sourcing and styling<\/li>\n      <li>Product staging and tabletop setups<\/li>\n      <li>Branding, signage and graphics<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m6\">\n    <p>Corporate and explainer films live or die on their voice-over. We send voice options\n    matched to the tone of the script and arrange <b>studio-quality recording<\/b> &mdash;\n    one script, as many languages as you need.<\/p>\n    <ul>\n      <li>Hindi, English and regional artists<\/li>\n      <li>Male, female and child voices<\/li>\n      <li>Studio recording and clean-up<\/li>\n      <li>Multi-language versions on the same timeline<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m7\">\n    <p>Most video on social is watched <b>with the sound off<\/b>, which makes subtitles\n    non-optional. We deliver them both burnt-in and as separate files, with translation\n    where it's needed.<\/p>\n    <ul>\n      <li>Burnt-in subtitles and SRT\/VTT files<\/li>\n      <li>Hindi &harr; English translation<\/li>\n      <li>Regional language versions<\/li>\n      <li>Platform-wise safe-area placement<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v3-src\" id=\"v3m8\">\n    <p>A conference, launch, award night or dealer meet happens exactly once &mdash; there's\n    no reshoot. That's why multi-camera setups and backup recording are\n    <b>standard practice here, not an upgrade<\/b>.<\/p>\n    <ul>\n      <li>Multi-camera coverage and switching<\/li>\n      <li>Same-day highlight reel<\/li>\n      <li>Speaker and session recordings<\/li>\n      <li>Stills coverage alongside<\/li>\n    <\/ul>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest)\n    ? document.currentScript.closest('.mifa-v3')\n    : document.querySelector('.mifa-v3');\n  if(!root) return;\n  var q = function(s){ return root.querySelector(s); };\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var WA = '918527121545';\n\n  \/* ---------- reveal: steps + rail progress ---------- *\/\n  var rail  = q('#v3Rail');\n  var steps = Array.prototype.slice.call(root.querySelectorAll('.v3-step'));\n  var tiles = Array.prototype.slice.call(root.querySelectorAll('.v3-tile'));\n  var all   = steps.concat(tiles);\n\n  if(reduce || !('IntersectionObserver' in window)){\n    all.forEach(function(el){ el.classList.add('on'); });\n    if(rail) rail.classList.add('go');\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.add('on'); io.unobserve(en.target); }\n      });\n    }, {threshold:.18, rootMargin:'0px 0px -6% 0px'});\n    all.forEach(function(el, i){ el.style.transitionDelay = (i % 5) * 0.08 + 's'; io.observe(el); });\n\n    if(rail){\n      var io2 = new IntersectionObserver(function(entries){\n        entries.forEach(function(en){\n          if(en.isIntersecting){ rail.classList.add('go'); io2.unobserve(en.target); }\n        });\n      }, {threshold:.25});\n      io2.observe(rail);\n    }\n  }\n\n  \/* ---------- popup ---------- *\/\n  var mod  = q('#v3Mod'),\n      body = q('#v3ModBody'),\n      tEl  = q('#v3ModT'),\n      nEl  = q('#v3ModN'),\n      wa   = q('#v3ModWa'),\n      x    = q('#v3X');\n  var last = null;\n\n  function open(tile){\n    last = tile;\n    var src = root.querySelector('#' + tile.dataset.modal);\n    nEl.textContent = tile.dataset.num || 'Add-on';\n    tEl.innerHTML   = tile.dataset.title || '';\n    body.innerHTML  = src ? src.innerHTML : '';\n\n    var plain = (tile.dataset.title || 'this add-on').replace(\/&amp;\/g, '&');\n    wa.href = 'https:\/\/wa.me\/' + WA + '?text=' +\n      encodeURIComponent('Hi Mifa Productions, I want to add this to my project: ' + plain);\n\n    mod.classList.add('open');\n    document.body.style.overflow = 'hidden';\n    setTimeout(function(){ x.focus(); }, 110);\n  }\n  function close(){\n    mod.classList.remove('open');\n    document.body.style.overflow = '';\n    setTimeout(function(){ body.innerHTML = ''; }, 430);\n    if(last) last.focus();\n  }\n\n  tiles.forEach(function(t){ t.addEventListener('click', function(){ open(t); }); });\n  x.addEventListener('click', close);\n  mod.addEventListener('click', function(e){ if(e.target === mod) close(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && mod.classList.contains('open')) close();\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 SERVICES PAGE \u00b7 PART 4 of 4  (ENGLISH)\n     ENGAGEMENT MODELS (popups) + FAQ + CLOSING CTA \/ FOOTER\n\n     Paste the whole thing into a WordPress \"Custom HTML\" block.\n     Everything is scoped inside .mifa-v4\n     ============================================================ -->\n\n<div class=\"mifa-v4\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@300;400;500&display=swap');\n\n\/* ===================== TOKENS + THEME RESET ===================== *\/\n.mifa-v4{\n  --bg:#07070A; --bg-2:#0C0C11; --panel:#101017;\n  --ink:#F2F0EE; --soft:rgba(242,240,238,.58); --line:rgba(242,240,238,.12);\n  --red:#C4162B; --red-hi:#FF3B54; --red-dp:#7A0C18;\n\n  --f:'Inter Tight',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  --m:'DM Mono',ui-monospace,monospace;\n  --pad:clamp(18px,4.4vw,64px);\n  --e:cubic-bezier(.22,1,.36,1);\n\n  position:relative; z-index:0; overflow:hidden;\n  background:var(--bg) !important; color:var(--ink) !important;\n  font-family:var(--f) !important;\n  font-weight:400; font-size:16px; line-height:1.5;\n  text-align:left; -webkit-font-smoothing:antialiased;\n\n  \/* Theme narrow ho to: *\/\n  \/* margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); *\/\n}\n.mifa-v4 *,.mifa-v4 *::before,.mifa-v4 *::after{ box-sizing:border-box; }\n.mifa-v4 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-v4 a:hover,.mifa-v4 a:focus{ text-decoration:none !important; }\n.mifa-v4 h2,.mifa-v4 h3,.mifa-v4 h4,.mifa-v4 p,.mifa-v4 ul,.mifa-v4 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-v4 ul{ list-style:none !important; }\n.mifa-v4 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-v4 button{\n  font:inherit; color:inherit; background:none; border:0; cursor:pointer;\n  padding:0; margin:0; text-transform:none; letter-spacing:normal;\n  box-shadow:none; border-radius:0; -webkit-appearance:none; appearance:none;\n  text-align:left; width:100%;\n}\n.mifa-v4 button:hover,.mifa-v4 button:focus{ background:none; }\n.mifa-v4 svg{ display:block; }\n.mifa-v4 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\n\/* ======================== SHELL \/ AMBIENT ======================== *\/\n.mifa-v4 .v4-wrap{ position:relative; padding:clamp(64px,10vh,132px) 0 0; isolation:isolate; }\n.mifa-v4 .v4-orb{\n  position:absolute; z-index:0; border-radius:50%; pointer-events:none;\n  width:62vmax; height:62vmax; top:-26vmax; left:-24vmax;\n  background:radial-gradient(circle, rgba(196,22,43,.2) 0%, transparent 58%);\n  animation:v4Drift 28s ease-in-out infinite alternate;\n}\n@keyframes v4Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(7%,6%,0) scale(1.18)} }\n.mifa-v4 .v4-grain{\n  position:absolute; inset:-60%; z-index:1; pointer-events:none; opacity:.12;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='nv4'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nv4)'\/%3E%3C\/svg%3E\");\n  animation:v4Grain .7s steps(3) infinite;\n}\n@keyframes v4Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n\n.mifa-v4 .v4-in{\n  position:relative; z-index:3; width:100%; max-width:1440px;\n  margin:0 auto; padding:0 var(--pad);\n}\n\n\/* ========================= SECTION HEAD ========================= *\/\n.mifa-v4 .v4-eye{\n  display:flex; align-items:center; gap:14px; margin-bottom:22px !important;\n  font-family:var(--m); font-size:11px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-v4 .v4-eye b{ color:var(--red-hi); font-weight:400; }\n.mifa-v4 .v4-eye::after{ content:''; flex:1; max-width:130px; height:1px; background:var(--line); }\n\n.mifa-v4 h2.v4-h2{\n  max-width:20ch; font-size:clamp(30px,5.4vw,68px); font-weight:900;\n  line-height:1.02; letter-spacing:-.04em; color:var(--ink);\n}\n.mifa-v4 .v4-h2 em{ font-style:normal; color:var(--red-hi); text-shadow:0 0 40px rgba(255,59,84,.45); }\n.mifa-v4 p.v4-lead{\n  max-width:62ch; margin-top:18px !important;\n  font-size:clamp(15px,1.3vw,17.5px); line-height:1.7; color:var(--soft);\n}\n.mifa-v4 .v4-lead b{ color:var(--ink); font-weight:600; }\n\n\/* ====================== ENGAGEMENT MODELS ====================== *\/\n.mifa-v4 .v4-models{\n  display:grid; gap:clamp(14px,1.8vw,22px);\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  margin-top:clamp(36px,5vh,58px); perspective:1500px;\n}\n.mifa-v4 .v4-model{\n  position:relative; display:flex; flex-direction:column; gap:14px;\n  padding:clamp(24px,2.8vw,34px);\n  border:1px solid var(--line); border-radius:18px; overflow:hidden;\n  background:linear-gradient(158deg, rgba(196,22,43,.1), rgba(16,16,23,.94));\n  transform-style:preserve-3d;\n  opacity:0; transform:translateY(30px) rotateY(-12deg); transform-origin:left center;\n  transition:opacity .85s var(--e), transform .55s var(--e), border-color .45s, box-shadow .5s;\n}\n.mifa-v4 .v4-model.on{ opacity:1; transform:none; }\n.mifa-v4 .v4-model--hi{\n  border-color:rgba(255,59,84,.42);\n  background:linear-gradient(158deg, rgba(196,22,43,.24), rgba(12,12,17,.96));\n}\n.mifa-v4 .v4-model__flag{\n  position:absolute; top:0; right:0;\n  padding:7px 16px; border-bottom-left-radius:12px;\n  background:var(--red); color:#fff;\n  font-family:var(--m); font-size:9px; letter-spacing:.18em; text-transform:uppercase;\n}\n.mifa-v4 .v4-model__n{\n  font-family:var(--m); font-size:10px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v4 h3.v4-model__t{\n  font-size:clamp(20px,2.2vw,26px); font-weight:800; letter-spacing:-.03em; color:var(--ink);\n}\n.mifa-v4 .v4-model p{ font-size:14.5px; line-height:1.66; color:var(--soft); }\n.mifa-v4 .v4-model ul{ display:grid; gap:8px; padding-top:14px !important; border-top:1px dashed rgba(242,240,238,.16); }\n.mifa-v4 .v4-model li{\n  display:flex; gap:10px; font-size:13.5px; line-height:1.5; color:rgba(242,240,238,.82);\n}\n.mifa-v4 .v4-model li::before{\n  content:''; flex-shrink:0; width:5px; height:5px; margin-top:8px; border-radius:50%;\n  background:var(--red-hi);\n}\n.mifa-v4 .v4-model__go{\n  display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:16px;\n  font-family:var(--m); font-size:10px; letter-spacing:.16em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v4 .v4-model__go svg{\n  width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2;\n  transition:transform .4s var(--e);\n}\n\n\/* ============================= FAQ ============================= *\/\n.mifa-v4 .v4-faq{ margin-top:clamp(70px,11vh,140px); }\n.mifa-v4 .v4-list{\n  margin-top:clamp(32px,4.6vh,48px);\n  border:1px solid var(--line); border-radius:16px; overflow:hidden;\n  background:rgba(16,16,23,.72);\n}\n.mifa-v4 .v4-q{ border-bottom:1px solid var(--line); }\n.mifa-v4 .v4-q:last-child{ border-bottom:0; }\n.mifa-v4 .v4-q__btn{\n  display:flex; align-items:center; gap:16px;\n  padding:clamp(18px,2.2vw,24px) clamp(18px,2.4vw,28px);\n  transition:background .4s;\n}\n.mifa-v4 .v4-q__n{\n  font-family:var(--m); font-size:10px; letter-spacing:.16em; color:var(--red-hi); flex-shrink:0;\n}\n.mifa-v4 .v4-q__t{\n  flex:1; min-width:0; font-size:clamp(15.5px,1.5vw,18.5px); font-weight:700;\n  letter-spacing:-.02em; color:var(--ink);\n}\n.mifa-v4 .v4-q__ic{ position:relative; width:20px; height:20px; flex-shrink:0; }\n.mifa-v4 .v4-q__ic i{\n  position:absolute; left:50%; top:50%; width:14px; height:1.8px; border-radius:2px;\n  background:var(--red-hi); translate:-50% -50%; transition:transform .45s var(--e);\n}\n.mifa-v4 .v4-q__ic i:last-child{ transform:rotate(90deg); }\n.mifa-v4 .v4-q.on .v4-q__ic i:last-child{ transform:rotate(0deg); }\n.mifa-v4 .v4-q__body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .55s var(--e); }\n.mifa-v4 .v4-q.on .v4-q__body{ grid-template-rows:1fr; }\n.mifa-v4 .v4-q__inner{ overflow:hidden; }\n.mifa-v4 .v4-q__inner p{\n  padding:0 clamp(18px,2.4vw,28px) clamp(20px,2.4vw,26px) clamp(52px,6vw,72px);\n  max-width:78ch; font-size:15px; line-height:1.72; color:var(--soft);\n}\n.mifa-v4 .v4-q__inner p b{ color:var(--ink); font-weight:600; }\n.mifa-v4 .v4-q__inner a{ color:var(--red-hi); }\n\n\/* =========================== POPUP =========================== *\/\n.mifa-v4 .v4-mod{\n  position:fixed; inset:0; z-index:99994; display:flex; align-items:center; justify-content:center;\n  padding:clamp(14px,3vw,40px);\n  background:rgba(4,4,7,.9); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);\n  opacity:0; visibility:hidden; transition:opacity .42s var(--e), visibility .42s;\n}\n.mifa-v4 .v4-mod.open{ opacity:1; visibility:visible; }\n.mifa-v4 .v4-mod__box{\n  position:relative; width:min(620px,100%); max-height:88vh; overflow-y:auto;\n  padding:clamp(24px,3.2vw,38px);\n  border:1px solid rgba(255,59,84,.34); border-radius:20px;\n  background:linear-gradient(168deg, rgba(26,8,12,.99), rgba(9,9,13,.99));\n  box-shadow:0 40px 90px rgba(0,0,0,.75);\n  transform:scale(.92) translateY(20px); transition:transform .55s var(--e);\n}\n.mifa-v4 .v4-mod.open .v4-mod__box{ transform:none; }\n.mifa-v4 .v4-mod__box::-webkit-scrollbar{ width:7px; }\n.mifa-v4 .v4-mod__box::-webkit-scrollbar-thumb{ background:rgba(196,22,43,.5); border-radius:8px; }\n.mifa-v4 .v4-x{\n  position:absolute; top:18px; right:18px;\n  width:36px; height:36px; border-radius:50%; display:grid; place-items:center;\n  border:1px solid var(--line); background:rgba(242,240,238,.06);\n  transition:background .35s, transform .4s var(--e);\n}\n.mifa-v4 .v4-x svg{ width:15px; height:15px; stroke:var(--ink); stroke-width:2; fill:none; }\n.mifa-v4 .v4-mod__n{\n  display:inline-flex; align-items:center; gap:10px; margin-bottom:10px !important;\n  font-family:var(--m); font-size:9.5px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v4 .v4-mod__n::after{ content:''; width:22px; height:1px; background:rgba(255,59,84,.5); }\n.mifa-v4 h3.v4-mod__t{\n  font-size:clamp(21px,2.8vw,32px); font-weight:900; letter-spacing:-.035em;\n  line-height:1.1; color:var(--ink); padding-right:40px !important; margin-bottom:16px !important;\n}\n.mifa-v4 .v4-mod__body p{\n  font-size:15.5px; line-height:1.74; color:var(--soft); margin-bottom:16px !important;\n}\n.mifa-v4 .v4-mod__body p b{ color:var(--ink); font-weight:600; }\n.mifa-v4 .v4-mod__body h4{\n  display:flex; align-items:center; gap:12px; margin:22px 0 12px !important;\n  font-family:var(--m); font-size:10px; letter-spacing:.2em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-v4 .v4-mod__body h4::after{ content:''; flex:1; height:1px; background:rgba(242,240,238,.12); }\n.mifa-v4 .v4-mod__body ul{ display:grid; gap:9px; }\n.mifa-v4 .v4-mod__body li{\n  display:flex; gap:11px; font-size:14.5px; line-height:1.55; color:rgba(242,240,238,.84);\n}\n.mifa-v4 .v4-mod__body li::before{\n  content:''; flex-shrink:0; width:15px; height:15px; margin-top:3px; border-radius:5px;\n  background:rgba(196,22,43,.24); border:1px solid rgba(255,59,84,.45);\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3B54' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'\/%3E%3C\/svg%3E\");\n  background-size:10px; background-position:center; background-repeat:no-repeat;\n}\n.mifa-v4 .v4-mod__cta{\n  display:inline-flex; align-items:center; gap:10px; margin-top:26px;\n  padding:14px 26px; border-radius:999px; background:var(--red); color:#fff;\n  font-size:12.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;\n  box-shadow:0 12px 32px rgba(196,22,43,.42); transition:transform .4s var(--e);\n}\n.mifa-v4 .v4-mod__cta svg{ width:15px; height:15px; fill:currentColor; }\n.mifa-v4 .v4-src{ display:none !important; }\n\n\/* ========================== CTA \/ FOOTER ========================== *\/\n.mifa-v4 .v4-cta{\n  position:relative; margin-top:clamp(70px,11vh,140px);\n  border-top:1px solid var(--line);\n  background:linear-gradient(180deg, rgba(196,22,43,.1), transparent 60%);\n  padding:clamp(52px,8vh,96px) 0 clamp(36px,5vh,56px);\n}\n.mifa-v4 .v4-cta__grid{\n  display:grid; gap:clamp(28px,4vw,60px); align-items:start;\n  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);\n}\n.mifa-v4 .v4-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,3.4vh,36px); }\n.mifa-v4 .v4-btn{\n  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:11px;\n  padding:16px 30px; border-radius:999px; font-size:13px; font-weight:600;\n  letter-spacing:.09em; text-transform:uppercase;\n  transition:transform .45s var(--e), border-color .35s, box-shadow .45s;\n}\n.mifa-v4 .v4-btn svg{ width:16px; height:16px; flex-shrink:0; }\n.mifa-v4 .v4-btn--fill{ background:var(--red); color:#fff; box-shadow:0 12px 34px rgba(196,22,43,.42); }\n.mifa-v4 .v4-btn--fill svg{ fill:currentColor; }\n.mifa-v4 .v4-btn--line{ border:1px solid rgba(242,240,238,.26); color:var(--ink); }\n.mifa-v4 .v4-btn--line svg{ stroke:currentColor; fill:none; stroke-width:1.8; }\n\n.mifa-v4 .v4-cards{ display:grid; gap:12px; }\n.mifa-v4 .v4-adr{\n  padding:22px 24px; border:1px solid var(--line); border-radius:14px;\n  background:rgba(16,16,23,.8); transition:border-color .45s, transform .5s var(--e);\n}\n.mifa-v4 .v4-adr b{\n  display:block; font-family:var(--m); font-size:10px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--red-hi); margin-bottom:9px !important;\n}\n.mifa-v4 .v4-adr p{ font-size:15.5px; line-height:1.6; color:var(--ink); }\n.mifa-v4 .v4-adr a{ color:var(--ink); transition:color .3s; }\n.mifa-v4 .v4-adr span{ display:block; margin-top:7px; font-size:14px; color:var(--soft); }\n\n.mifa-v4 .v4-foot{\n  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;\n  gap:14px 26px; margin-top:clamp(38px,6vh,60px);\n  padding-top:22px; border-top:1px solid var(--line);\n  font-family:var(--m); font-size:11px; letter-spacing:.1em; color:var(--soft);\n}\n.mifa-v4 .v4-foot ul{ display:flex; flex-wrap:wrap; gap:18px; }\n.mifa-v4 .v4-foot a{ transition:color .3s; }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-v4 .v4-model:hover{\n    border-color:rgba(255,59,84,.5); transform:translateY(-6px);\n    box-shadow:0 26px 58px rgba(0,0,0,.55);\n  }\n  .mifa-v4 .v4-model:hover .v4-model__go svg{ transform:translateX(5px); }\n  .mifa-v4 .v4-q__btn:hover{ background:rgba(196,22,43,.08); }\n  .mifa-v4 .v4-x:hover{ background:var(--red); transform:rotate(90deg); }\n  .mifa-v4 .v4-mod__cta:hover{ transform:translateY(-3px); }\n  .mifa-v4 .v4-adr:hover{ border-color:rgba(255,59,84,.45); transform:translateY(-3px); }\n  .mifa-v4 .v4-adr a:hover,.mifa-v4 .v4-foot a:hover{ color:var(--red-hi); }\n  .mifa-v4 .v4-btn:hover{ transform:translateY(-4px); }\n  .mifa-v4 .v4-btn--line:hover{ border-color:rgba(242,240,238,.55); }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1040px){\n  .mifa-v4 .v4-models{ grid-template-columns:1fr; perspective:none; }\n  .mifa-v4 .v4-model{ transform-style:flat; transform:translateY(24px); }\n  .mifa-v4 .v4-cta__grid{ grid-template-columns:1fr; }\n}\n@media (max-width:640px){\n  .mifa-v4 .v4-wrap{ padding-top:clamp(52px,8vh,80px); }\n  .mifa-v4 h2.v4-h2{ font-size:clamp(28px,8.6vw,42px); letter-spacing:-.03em; }\n  .mifa-v4 .v4-q__inner p{ padding-left:clamp(18px,2.4vw,28px); }\n  .mifa-v4 .v4-btns{ flex-direction:column; align-items:stretch; }\n  .mifa-v4 .v4-btn{ justify-content:center; }\n  .mifa-v4 .v4-foot{ flex-direction:column; align-items:flex-start; }\n  .mifa-v4 .v4-grain{ opacity:.08; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-v4 *,.mifa-v4 *::before,.mifa-v4 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-v4 .v4-model{ opacity:1; transform:none; }\n}\n<\/style>\n\n<section class=\"v4-wrap\" id=\"engagement\">\n  <div class=\"v4-orb\" aria-hidden=\"true\"><\/div>\n  <div class=\"v4-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"v4-in\">\n\n    <!-- ================= ENGAGEMENT MODELS ================= -->\n    <div class=\"v4-eye\"><b>007<\/b> \/ How to hire us<\/div>\n    <h2 class=\"v4-h2\">Three ways to <em>start<\/em> working together.<\/h2>\n    <p class=\"v4-lead\">\n      Not everyone needs a full production. Some need one film, some need a crew for a single\n      day, and some need content every month. <b>Tap a card<\/b> to see which model fits you.\n    <\/p>\n\n    <div class=\"v4-models\" id=\"v4Models\">\n\n      <button class=\"v4-model\" type=\"button\" data-modal=\"v4m1\" data-num=\"Model 01\" data-title=\"Project-based\">\n        <span class=\"v4-model__n\">Model 01<\/span>\n        <h3 class=\"v4-model__t\">Project-based<\/h3>\n        <p>One film, one campaign, one fixed scope. The most common route &mdash; a single\n        estimate and a single timeline from start to finish.<\/p>\n        <ul>\n          <li>Fixed scope, fixed quote<\/li>\n          <li>Milestone-wise payments<\/li>\n          <li>Deliverables agreed in writing<\/li>\n        <\/ul>\n        <span class=\"v4-model__go\">See how it works <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <button class=\"v4-model v4-model--hi\" type=\"button\" data-modal=\"v4m2\" data-num=\"Model 02\" data-title=\"Crew on call\">\n        <span class=\"v4-model__flag\">Most flexible<\/span>\n        <span class=\"v4-model__n\">Model 02<\/span>\n        <h3 class=\"v4-model__t\">Crew on call<\/h3>\n        <p>You already have the director and the creative &mdash; you just need a team on the\n        ground. Crew, gear and coordination on a day rate.<\/p>\n        <ul>\n          <li>Per-day or per-shoot rate<\/li>\n          <li>Only what you actually need<\/li>\n          <li>Possible even at short notice<\/li>\n        <\/ul>\n        <span class=\"v4-model__go\">See how it works <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n      <button class=\"v4-model\" type=\"button\" data-modal=\"v4m3\" data-num=\"Model 03\" data-title=\"Monthly retainer\">\n        <span class=\"v4-model__n\">Model 03<\/span>\n        <h3 class=\"v4-model__t\">Monthly retainer<\/h3>\n        <p>You need content every month &mdash; social, product or internal. Fixed monthly\n        output at a predictable cost.<\/p>\n        <ul>\n          <li>Shoot days fixed each month<\/li>\n          <li>Planned against a content calendar<\/li>\n          <li>Lower rate than project-by-project<\/li>\n        <\/ul>\n        <span class=\"v4-model__go\">See how it works <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/button>\n\n    <\/div>\n\n    <!-- ===================== FAQ ===================== -->\n    <div class=\"v4-faq\">\n      <div class=\"v4-eye\"><b>008<\/b> \/ Common questions<\/div>\n      <h2 class=\"v4-h2\">Worth knowing <em>before<\/em> you call.<\/h2>\n\n      <div class=\"v4-list\" id=\"v4List\">\n\n        <div class=\"v4-q on\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">01<\/span>\n            <span class=\"v4-q__t\">Do I have to pick one service, or can I mix them?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p>Mixing is completely fine &mdash; and most projects are mixed anyway.\n            A corporate film with stills alongside it, or a TVC with social cutdowns.\n            Every element becomes a <b>separate line item<\/b> in the estimate, so you can\n            drop any part of it if you want to.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"v4-q\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">02<\/span>\n            <span class=\"v4-q__t\">How is the cost worked out?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p>Four things drive it: <b>shoot days, crew size, gear level and location<\/b>.\n            That's why a one-day Delhi shoot and a three-day outstation shoot land so far apart.\n            We show every head separately rather than giving one lump sum &mdash; so you can\n            always see where the money is going.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"v4-q\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">03<\/span>\n            <span class=\"v4-q__t\">I don't have a script or an idea yet. Can we still talk?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p>Yes. Plenty of clients arrive with just a problem &mdash; \"we need something for\n            the website\" or \"the launch is coming up\". Concept and scripting are part of the\n            service, so <b>starting from zero<\/b> is completely normal.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"v4-q\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">04<\/span>\n            <span class=\"v4-q__t\">How many revisions do I get?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p><b>Two rounds<\/b> of edit are included in the standard estimate &mdash; one on the\n            rough cut and one on the fine cut. Changes beyond that are still possible, they're\n            just quoted separately. Anything that changes the structure is easiest to flag at\n            the rough cut stage.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"v4-q\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">05<\/span>\n            <span class=\"v4-q__t\">How far in advance should I book?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p><b>Two to three weeks<\/b> is comfortable &mdash; it leaves room for recce,\n            permissions and casting. Urgent work happens too; depending on crew availability a\n            shoot can be stood up in 48 hours, though the options narrow at that speed.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"v4-q\">\n          <button class=\"v4-q__btn\" type=\"button\">\n            <span class=\"v4-q__n\">06<\/span>\n            <span class=\"v4-q__t\">What are the payment terms?<\/span>\n            <span class=\"v4-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"v4-q__body\"><div class=\"v4-q__inner\">\n            <p>Usually milestone-wise &mdash; an advance before prep begins, a part before the\n            shoot, and the balance on delivery. For corporate and PSU clients we adjust to your\n            <b>PO and invoice cycle<\/b>. Exact terms are written into the estimate.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== POPUP SHELL ==================== -->\n  <div class=\"v4-mod\" id=\"v4Mod\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"v4ModT\">\n    <div class=\"v4-mod__box\">\n      <button class=\"v4-x\" id=\"v4X\" type=\"button\" aria-label=\"Close\">\n        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n      <\/button>\n      <div class=\"v4-mod__n\" id=\"v4ModN\">Model<\/div>\n      <h3 class=\"v4-mod__t\" id=\"v4ModT\">Title<\/h3>\n      <div class=\"v4-mod__body\" id=\"v4ModBody\"><\/div>\n      <a class=\"v4-mod__cta\" id=\"v4ModWa\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.8 14.2c-.2.7-1.2 1.3-1.9 1.4-.5.1-1.1.2-3.2-.7-2.7-1.1-4.4-3.9-4.6-4.1-.1-.2-1-1.4-1-2.6 0-1.2.6-1.8.9-2.1.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2 0 .4-.1.5l-.4.5c-.1.1-.3.3-.1.6.1.3.6 1.1 1.3 1.7.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.6-.1l1.9.9c.3.1.4.2.5.3 0 .2 0 .8-.2 1.5Z\"\/><\/svg>\n        Talk about this model\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== POPUP SOURCE ==================== -->\n\n  <div class=\"v4-src\" id=\"v4m1\">\n    <p>This is the most straightforward route. The scope is agreed first &mdash; how many films,\n    how many shoot days, which deliverables &mdash; and a <b>fixed estimate<\/b> follows.\n    Nothing new gets charged after that unless you change the scope yourself.<\/p>\n    <h4>How it works<\/h4>\n    <ul>\n      <li>A line-by-line estimate after the brief call<\/li>\n      <li>Dates blocked and prep begins on approval<\/li>\n      <li>Milestone-wise payments &mdash; prep, shoot, delivery<\/li>\n      <li>Deliverables and revision rounds in writing<\/li>\n    <\/ul>\n    <h4>Best suited for<\/h4>\n    <ul>\n      <li>Getting one campaign or one film made<\/li>\n      <li>Situations needing budget approval upfront<\/li>\n      <li>Corporate and PSU procurement processes<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v4-src\" id=\"v4m2\">\n    <p>For when the creative side is already yours &mdash; a director, a script, or a full agency\n    team &mdash; and all you need is a team on the ground in India. Here you\n    <b>take only as much as you actually need<\/b>: a crew for a day, one vehicle, or a full unit.<\/p>\n    <h4>How it works<\/h4>\n    <ul>\n      <li>Send the requirement &mdash; date, city, crew size<\/li>\n      <li>A day-rate quote comes back the same day<\/li>\n      <li>Crew and gear report on your schedule<\/li>\n      <li>Settlement after the shoot, with expense proof<\/li>\n    <\/ul>\n    <h4>Best suited for<\/h4>\n    <ul>\n      <li>Agencies and production houses<\/li>\n      <li>Overseas crews who need an India fixer<\/li>\n      <li>Last-minute or urgent shoots<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"v4-src\" id=\"v4m3\">\n    <p>If you need content every month, getting a fresh estimate each time just wastes everyone's\n    time. On a retainer we agree the <b>monthly shoot days and output upfront<\/b>, and the\n    monthly amount stays fixed against it.<\/p>\n    <h4>How it works<\/h4>\n    <ul>\n      <li>Monthly output agreed &mdash; how many films, how many stills<\/li>\n      <li>A fixed number of shoot days each month<\/li>\n      <li>Planned ahead against a content calendar<\/li>\n      <li>Per-film cost works out lower than project-based<\/li>\n    <\/ul>\n    <h4>Best suited for<\/h4>\n    <ul>\n      <li>D2C and social-first brands<\/li>\n      <li>Restaurants, gyms and retail chains<\/li>\n      <li>Personal brands and creators<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- ==================== CTA + FOOTER ==================== -->\n  <div class=\"v4-cta\" id=\"services-contact\">\n    <div class=\"v4-in\">\n      <div class=\"v4-cta__grid\">\n\n        <div>\n          <div class=\"v4-eye\"><b>009<\/b> \/ Start here<\/div>\n          <h2 class=\"v4-h2\">Not sure which one? <em>Ask<\/em> &mdash; it's free.<\/h2>\n          <p class=\"v4-lead\">\n            Working out which service you need is our job, not yours. Just tell us what problem\n            you're trying to solve and we'll suggest <b>the right service and an estimate<\/b>.\n          <\/p>\n\n          <div class=\"v4-btns\">\n            <a class=\"v4-btn v4-btn--fill\" href=\"https:\/\/wa.me\/918527121545?text=Hi%20Mifa%20Productions%2C%20I%20need%20help%20picking%20the%20right%20service.\" target=\"_blank\" rel=\"noopener\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.8 14.2c-.2.7-1.2 1.3-1.9 1.4-.5.1-1.1.2-3.2-.7-2.7-1.1-4.4-3.9-4.6-4.1-.1-.2-1-1.4-1-2.6 0-1.2.6-1.8.9-2.1.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2 0 .4-.1.5l-.4.5c-.1.1-.3.3-.1.6.1.3.6 1.1 1.3 1.7.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.6-.1l1.9.9c.3.1.4.2.5.3 0 .2 0 .8-.2 1.5Z\"\/><\/svg>\n              <span>Ask on WhatsApp<\/span>\n            <\/a>\n            <a class=\"v4-btn v4-btn--line\" href=\"https:\/\/mifaproduction.com\/index.php\/contact\/\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 6h18v12H3z\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg>\n              <span>Fill the Enquiry Form<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"v4-cards\">\n          <div class=\"v4-adr\">\n            <b>Studio Office<\/b>\n            <p>A-27K, Sector 16, Noida, Uttar Pradesh 201301<\/p>\n            <span>Planning, meetings &amp; pre-production<\/span>\n          <\/div>\n          <div class=\"v4-adr\">\n            <b>Registered Office<\/b>\n            <p>A-32, Second Floor, Mayur Vihar Phase-1, New Delhi 110091<\/p>\n            <span>Accounts &amp; documentation<\/span>\n          <\/div>\n          <div class=\"v4-adr\">\n            <b>Direct Line<\/b>\n            <p><a href=\"tel:+918527121545\">+91 85271 21545<\/a><\/p>\n            <span><a href=\"mailto:mifaproductions@gmail.com\">mifaproductions@gmail.com<\/a><\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"v4-foot\">\n        <span>&copy; <b id=\"v4Yr\">2026<\/b> Mifa Productions &middot; Delhi NCR<\/span>\n        <ul>\n          <li><a href=\"https:\/\/www.instagram.com\/mifaproduction\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\n          <li><a href=\"https:\/\/www.facebook.com\/mifaproductions\" target=\"_blank\" rel=\"noopener\">Facebook<\/a><\/li>\n          <li><a href=\"https:\/\/www.linkedin.com\/company\/mifaproductions\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a><\/li>\n          <li><a href=\"https:\/\/www.threads.com\/@mifaproduction\" target=\"_blank\" rel=\"noopener\">Threads<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest)\n    ? document.currentScript.closest('.mifa-v4')\n    : document.querySelector('.mifa-v4');\n  if(!root) return;\n  var q = function(s){ return root.querySelector(s); };\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  var WA = '918527121545';\n\n  \/* ---------- year ---------- *\/\n  var yr = q('#v4Yr');\n  if(yr) yr.textContent = new Date().getFullYear();\n\n  \/* ---------- reveal ---------- *\/\n  var models = Array.prototype.slice.call(root.querySelectorAll('.v4-model'));\n  if(reduce || !('IntersectionObserver' in window)){\n    models.forEach(function(m){ m.classList.add('on'); });\n  } else {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.add('on'); io.unobserve(en.target); }\n      });\n    }, {threshold:.2, rootMargin:'0px 0px -6% 0px'});\n    models.forEach(function(m, i){ m.style.transitionDelay = (i * 0.09) + 's'; io.observe(m); });\n  }\n\n  \/* ---------- FAQ ---------- *\/\n  var qs = Array.prototype.slice.call(root.querySelectorAll('.v4-q'));\n  qs.forEach(function(item){\n    var b = item.querySelector('.v4-q__btn');\n    if(!b) return;\n    b.addEventListener('click', function(){\n      var was = item.classList.contains('on');\n      qs.forEach(function(x){ x.classList.remove('on'); });\n      if(!was) item.classList.add('on');\n    });\n  });\n\n  \/* ---------- popup ---------- *\/\n  var mod  = q('#v4Mod'),\n      body = q('#v4ModBody'),\n      tEl  = q('#v4ModT'),\n      nEl  = q('#v4ModN'),\n      wa   = q('#v4ModWa'),\n      x    = q('#v4X');\n  var last = null;\n\n  function open(card){\n    last = card;\n    var src = root.querySelector('#' + card.dataset.modal);\n    nEl.textContent = card.dataset.num || 'Model';\n    tEl.innerHTML   = card.dataset.title || '';\n    body.innerHTML  = src ? src.innerHTML : '';\n    body.scrollTop  = 0;\n\n    var plain = (card.dataset.title || 'this model').replace(\/&amp;\/g, '&');\n    wa.href = 'https:\/\/wa.me\/' + WA + '?text=' +\n      encodeURIComponent('Hi Mifa Productions, I want to discuss working on a ' + plain + ' basis.');\n\n    mod.classList.add('open');\n    document.body.style.overflow = 'hidden';\n    setTimeout(function(){ x.focus(); }, 110);\n  }\n  function close(){\n    mod.classList.remove('open');\n    document.body.style.overflow = '';\n    setTimeout(function(){ body.innerHTML = ''; }, 430);\n    if(last) last.focus();\n  }\n\n  models.forEach(function(m){ m.addEventListener('click', function(){ open(m); }); });\n  x.addEventListener('click', close);\n  mod.addEventListener('click', function(e){ if(e.target === mod) close(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && mod.classList.contains('open')) close();\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MIFAPRODUCTIONS Services Home Studio Services Work Clients Contact IG FB LN Menu 001 Home 002 Studio 003 Services 004 Work [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-356","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":2,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages\/356\/revisions\/363"}],"wp:attachment":[{"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}