{"id":354,"date":"2026-08-10T08:01:35","date_gmt":"2026-08-10T08:01:35","guid":{"rendered":"https:\/\/mifaproduction.com\/?page_id=354"},"modified":"2026-08-10T13:19:51","modified_gmt":"2026-08-10T13:19:51","slug":"contact","status":"publish","type":"page","link":"https:\/\/mifaproduction.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 CONTACT PAGE \u00b7 PART 1  (ENGLISH)\n     NAV + MENU OVERLAY + HERO (3D floating visiting card)\n\n     Paste the whole thing into a WordPress \"Custom HTML\" block.\n     Everything is scoped inside .mifa-k1\n     ============================================================ -->\n\n<div class=\"mifa-k1\">\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-k1{\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  --card-w:clamp(268px,34vw,376px);\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-k1 *,.mifa-k1 *::before,.mifa-k1 *::after{ box-sizing:border-box; }\n.mifa-k1 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-k1 a:hover,.mifa-k1 a:focus{ text-decoration:none !important; }\n.mifa-k1 h1,.mifa-k1 h2,.mifa-k1 h3,.mifa-k1 p,.mifa-k1 ul,.mifa-k1 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-k1 ul{ list-style:none !important; }\n.mifa-k1 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-k1 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-k1 button:hover,.mifa-k1 button:focus{ background:none; }\n.mifa-k1 svg{ display:block; }\n.mifa-k1 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\nbody.admin-bar .mifa-k1 .k1-nav{ top:32px; }\n@media (max-width:782px){ body.admin-bar .mifa-k1 .k1-nav{ top:46px; } }\n\n\/* ============================= NAV ============================= *\/\n.mifa-k1 .k1-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-k1 .k1-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-k1 .k1-logo{ display:flex; align-items:center; gap:11px; flex-shrink:0; min-width:0; perspective:500px; }\n.mifa-k1 .k1-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-k1 .k1-mark img{ position:absolute; max-width:none; width:237.5%; height:237.5%; left:-62.2%; top:-54.6%; }\n.mifa-k1 .k1-nav.stuck .k1-mark{ width:34px; height:34px; }\n.mifa-k1 .k1-word{ display:flex; flex-direction:column; line-height:1.08; min-width:0; }\n.mifa-k1 .k1-word b{ font-size:14px; font-weight:800; letter-spacing:.1em; }\n.mifa-k1 .k1-word i{ font-style:normal; font-size:9.5px; font-weight:400; letter-spacing:.2em; color:var(--soft); }\n\n.mifa-k1 .k1-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-k1 .k1-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:k1Blink 1.6s ease-in-out infinite;\n}\n@keyframes k1Blink{ 0%,100%{opacity:1} 50%{opacity:.12} }\n\n.mifa-k1 .k1-right{ display:flex; align-items:center; gap:22px; flex-shrink:0; }\n.mifa-k1 .k1-soc{ display:flex; gap:14px; }\n.mifa-k1 .k1-soc a{ font-family:var(--m); font-size:10.5px; letter-spacing:.14em; color:var(--soft); transition:color .3s; }\n\n.mifa-k1 .k1-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-k1 .k1-menu__t{ transition:color .3s; }\n.mifa-k1 .k1-burg{ display:block !important; position:relative; width:26px; height:12px; flex-shrink:0; }\n.mifa-k1 .k1-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-k1 .k1-burg i:nth-child(1){ top:0 }\n.mifa-k1 .k1-burg i:nth-child(2){ top:10px }\n.mifa-k1 .k1-menu.open .k1-burg i:nth-child(1){ transform:translateY(5px) rotate(45deg) }\n.mifa-k1 .k1-menu.open .k1-burg i:nth-child(2){ transform:translateY(-5px) rotate(-45deg) }\n\n\/* -------------------------- MENU OVERLAY -------------------------- *\/\n.mifa-k1 .k1-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-k1 .k1-ov.open{ clip-path:inset(0 0 0 0); pointer-events:auto; }\n.mifa-k1 .k1-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-k1 .k1-ov.open .k1-ov__l{ opacity:1; transform:none; }\n.mifa-k1 .k1-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-k1 .k1-ov__l.here{ color:var(--red-hi); }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(1){ transition-delay:.18s }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(2){ transition-delay:.24s }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(3){ transition-delay:.30s }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(4){ transition-delay:.36s }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(5){ transition-delay:.42s }\n.mifa-k1 .k1-ov.open .k1-ov__l:nth-of-type(6){ transition-delay:.48s }\n.mifa-k1 .k1-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-k1 .k1-ov__f a{ color:var(--red-hi); }\n\n\/* ============================== HERO ============================== *\/\n.mifa-k1 .k1-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-k1 .k1-floor{\n  position:absolute; left:-25%; right:-25%; bottom:-4%; height:56vh; 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-k1 .k1-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:k1Run 3.4s linear infinite;\n}\n@keyframes k1Run{ from{ background-position:0 0 } to{ background-position:0 88px } }\n\n.mifa-k1 .k1-orb{ position:absolute; z-index:0; border-radius:50%; pointer-events:none; }\n.mifa-k1 .k1-orb--a{\n  width:72vmax; height:72vmax; top:-32vmax; right:-24vmax;\n  background:radial-gradient(circle, rgba(196,22,43,.28) 0%, rgba(196,22,43,.06) 34%, transparent 62%);\n  animation:k1Drift 22s ease-in-out infinite alternate;\n}\n.mifa-k1 .k1-orb--b{\n  width:56vmax; height:56vmax; bottom:-28vmax; left:-20vmax;\n  background:radial-gradient(circle, rgba(122,12,24,.34) 0%, transparent 58%);\n  animation:k1Drift 29s ease-in-out infinite alternate-reverse;\n}\n@keyframes k1Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(-6%,6%,0) scale(1.16)} }\n\n.mifa-k1 .k1-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='nk1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nk1)'\/%3E%3C\/svg%3E\");\n  animation:k1Grain .7s steps(3) infinite;\n}\n@keyframes k1Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n.mifa-k1 .k1-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-k1 .k1-ghost{\n  position:absolute; z-index:1; left:50%; top:44%; translate:-50% -50%;\n  font-size:clamp(110px,22vw,370px); 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-k1.live .k1-ghost{ opacity:1; }\n\n\/* ---- hero grid ---- *\/\n.mifa-k1 .k1-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.06fr) minmax(0,.94fr);\n  width:100%; max-width:1660px; margin:0 auto;\n  padding:clamp(30px,5.5vh,64px) var(--pad);\n  perspective:1300px;\n}\n.mifa-k1 .k1-copy{ min-width:0; transform-style:preserve-3d; will-change:transform; }\n\n.mifa-k1 .k1-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-k1 .k1-crumb a{ transition:color .3s; }\n.mifa-k1 .k1-crumb b{ color:var(--red-hi); font-weight:400; }\n\n.mifa-k1 .k1-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-k1 .k1-tag b{ color:var(--red-hi); font-weight:400; }\n.mifa-k1 .k1-tag::after{ content:''; flex:1; max-width:110px; height:1px; background:var(--line); }\n\n.mifa-k1 h1.k1-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-k1 .k1-h1 .l{ display:block; overflow:hidden; }\n.mifa-k1 .k1-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-k1.live .k1-h1 .l > span{ transform:none; }\n.mifa-k1.live .k1-h1 .l:nth-child(1) > span{ transition-delay:.10s }\n.mifa-k1.live .k1-h1 .l:nth-child(2) > span{ transition-delay:.20s }\n.mifa-k1 .k1-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-k1 p.k1-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-k1 .k1-sub b{ color:var(--ink); font-weight:600; }\n\n\/* quick contact rows *\/\n.mifa-k1 .k1-rows{ display:grid; gap:10px; transform:translateZ(26px); }\n.mifa-k1 .k1-row{\n  display:flex; align-items:center; gap:14px; padding:14px 18px;\n  border:1px solid var(--line); border-radius:14px; background:rgba(242,240,238,.03);\n  transition:border-color .4s, background .4s, transform .45s var(--e);\n}\n.mifa-k1 .k1-row__ic{\n  width:36px; height:36px; 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-k1 .k1-row__ic svg{ width:17px; height:17px; stroke:var(--red-hi); fill:none; stroke-width:1.7; }\n.mifa-k1 .k1-row__ic svg.fill{ fill:var(--red-hi); stroke:none; }\n.mifa-k1 .k1-row__t{ min-width:0; }\n.mifa-k1 .k1-row__t b{ display:block; font-size:15.5px; font-weight:700; letter-spacing:-.01em; color:var(--ink); }\n.mifa-k1 .k1-row__t i{\n  display:block; margin-top:2px; font-style:normal; font-family:var(--m);\n  font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--soft);\n}\n.mifa-k1 .k1-row__go{ margin-left:auto; flex-shrink:0; }\n.mifa-k1 .k1-row__go svg{ width:16px; height:16px; stroke:var(--soft); fill:none; stroke-width:1.9; transition:stroke .35s, transform .4s var(--e); }\n\n\/* ============ SIGNATURE : 3D FLOATING VISITING CARD ============ *\/\n.mifa-k1 .k1-stage{\n  position:relative; justify-self:center; width:min(100%,460px); min-width:0;\n  display:flex; flex-direction:column; align-items:center; gap:clamp(18px,2.6vw,28px);\n}\n.mifa-k1 .k1-cardwrap{\n  position:relative; width:100%; display:grid; place-items:center;\n  height:calc(var(--card-w) * .92);\n  perspective:1200px;\n}\n.mifa-k1 .k1-card{\n  position:relative; width:var(--card-w); aspect-ratio:1.68\/1;\n  transform-style:preserve-3d; will-change:transform;\n  animation:k1Float 7s ease-in-out infinite;\n  transition:transform .9s var(--e);\n}\n.mifa-k1 .k1-card.flip{ transform:rotateY(180deg) !important; }\n@keyframes k1Float{\n  0%,100%{ transform:rotateX(9deg) rotateY(-13deg) translateY(0) }\n  50%    { transform:rotateX(6deg) rotateY(-9deg)  translateY(-14px) }\n}\n.mifa-k1 .k1-face{\n  position:absolute; inset:0; border-radius:14px; overflow:hidden;\n  backface-visibility:hidden; -webkit-backface-visibility:hidden;\n  padding:clamp(16px,2.4vw,24px);\n  display:flex; flex-direction:column; justify-content:space-between;\n  border:1px solid rgba(255,59,84,.34);\n  box-shadow:0 34px 74px rgba(0,0,0,.7), inset 0 0 46px rgba(196,22,43,.12);\n}\n.mifa-k1 .k1-face--f{ background:linear-gradient(152deg, rgba(196,22,43,.34), rgba(12,12,17,.97)); }\n.mifa-k1 .k1-face--b{\n  transform:rotateY(180deg);\n  background:linear-gradient(152deg, rgba(196,22,43,.14), rgba(12,12,17,.98));\n}\n.mifa-k1 .k1-face__logo{ display:flex; align-items:center; gap:11px; }\n.mifa-k1 .k1-face__mk{\n  position:relative; width:42px; height:42px; flex-shrink:0; border-radius:10px; overflow:hidden;\n  background:var(--red); box-shadow:0 8px 24px rgba(196,22,43,.5);\n}\n.mifa-k1 .k1-face__mk img{ position:absolute; max-width:none; width:237.5%; height:237.5%; left:-62.2%; top:-54.6%; }\n.mifa-k1 .k1-face__logo b{ display:block; font-size:15px; font-weight:800; letter-spacing:.1em; color:var(--ink); }\n.mifa-k1 .k1-face__logo i{\n  display:block; font-style:normal; font-family:var(--m); font-size:9px;\n  letter-spacing:.2em; color:var(--soft);\n}\n.mifa-k1 .k1-face__tag{\n  font-size:clamp(15px,2vw,19px); font-weight:800; letter-spacing:-.025em;\n  line-height:1.2; color:var(--ink);\n}\n.mifa-k1 .k1-face__tag span{ color:var(--red-hi); }\n.mifa-k1 .k1-face__foot{\n  display:flex; align-items:center; justify-content:space-between; gap:10px;\n  font-family:var(--m); font-size:9.5px; letter-spacing:.16em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-k1 .k1-face__list{ display:grid; gap:9px; }\n.mifa-k1 .k1-face__list div{\n  display:grid; grid-template-columns:auto 1fr; gap:3px 12px;\n  font-family:var(--m); font-size:10.5px; letter-spacing:.06em;\n}\n.mifa-k1 .k1-face__list dt,\n.mifa-k1 .k1-face__list b{\n  color:var(--red-hi); text-transform:uppercase; letter-spacing:.14em; font-size:9px; font-weight:400;\n}\n.mifa-k1 .k1-face__list span{ color:var(--ink); font-size:11.5px; line-height:1.45; }\n\n.mifa-k1 .k1-cardwrap::after{\n  content:''; position:absolute; z-index:-1; left:50%; translate:-50% 0; bottom:10%;\n  width:66%; height:26px; border-radius:50%;\n  background:radial-gradient(ellipse, rgba(196,22,43,.42), transparent 70%);\n  filter:blur(14px); animation:k1Shadow 7s ease-in-out infinite;\n}\n@keyframes k1Shadow{ 0%,100%{ transform:scaleX(1); opacity:.7 } 50%{ transform:scaleX(.8); opacity:.42 } }\n\n.mifa-k1 .k1-flipbtn{\n  display:inline-flex; align-items:center; gap:10px;\n  padding:11px 20px; border-radius:999px; border:1px solid var(--line);\n  background:rgba(242,240,238,.03);\n  font-family:var(--m); font-size:10px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--soft);\n  transition:color .35s, border-color .35s, transform .4s var(--e);\n}\n.mifa-k1 .k1-flipbtn svg{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:1.8; }\n\n\/* --------------------------- MARQUEE --------------------------- *\/\n.mifa-k1 .k1-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-k1 .k1-marq__t{ display:inline-flex; align-items:center; animation:k1Slide 30s linear infinite; }\n.mifa-k1 .k1-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-k1 .k1-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 k1Slide{ to{ transform:translateX(-50%) } }\n\n\/* reveal *\/\n.mifa-k1 .rv{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--e), transform .9s var(--e); }\n.mifa-k1.live .rv{ opacity:1; transform:none; }\n.mifa-k1.live .a1{ transition-delay:.16s } .mifa-k1.live .a2{ transition-delay:.26s }\n.mifa-k1.live .a3{ transition-delay:.34s } .mifa-k1.live .a4{ transition-delay:.42s }\n.mifa-k1.live .a5{ transition-delay:.12s }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-k1 .k1-logo:hover .k1-mark{ transform:rotateY(28deg) rotateX(-8deg) scale(1.06); }\n  .mifa-k1 .k1-soc a:hover{ color:var(--red-hi); }\n  .mifa-k1 .k1-crumb a:hover{ color:var(--red-hi); }\n  .mifa-k1 .k1-menu:hover .k1-menu__t{ color:var(--red-hi); }\n  .mifa-k1 .k1-ov__l:hover{ color:var(--red-hi); }\n  .mifa-k1 .k1-row:hover{\n    border-color:rgba(255,59,84,.5); background:rgba(196,22,43,.12); transform:translateX(4px);\n  }\n  .mifa-k1 .k1-row:hover .k1-row__go svg{ stroke:var(--red-hi); transform:translateX(4px); }\n  .mifa-k1 .k1-flipbtn:hover{ color:var(--ink); border-color:rgba(255,59,84,.5); transform:translateY(-3px); }\n  .mifa-k1 .k1-marq:hover .k1-marq__t{ animation-play-state:paused; }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1040px){\n  .mifa-k1 .k1-in{ grid-template-columns:1fr; perspective:none; }\n  .mifa-k1 .k1-copy{ transform-style:flat; }\n  .mifa-k1 .k1-crumb,.mifa-k1 .k1-tag,\n  .mifa-k1 h1.k1-h1,.mifa-k1 p.k1-sub,.mifa-k1 .k1-rows{ transform:none !important; }\n  .mifa-k1 .k1-stage{ order:-1; align-self:start; width:100%; }\n}\n@media (max-width:760px){\n  .mifa-k1{ --nav-h:64px; --card-w:clamp(250px,80vw,320px); }\n  .mifa-k1 .k1-rec,.mifa-k1 .k1-soc{ display:none; }\n  .mifa-k1 .k1-menu__t{ display:none; }\n  .mifa-k1 .k1-menu{ padding:16px 9px; margin:-16px -9px; }\n  .mifa-k1 .k1-hero{ min-height:auto; }\n  .mifa-k1 .k1-in{ padding-top:28px; padding-bottom:42px; gap:28px; }\n  .mifa-k1 h1.k1-h1{ font-size:clamp(36px,11vw,60px); letter-spacing:-.034em; }\n  .mifa-k1 .k1-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-k1 .k1-marq__t span{ font-size:16px; gap:22px; padding-right:22px; }\n  .mifa-k1 .k1-word i{ display:none; }\n  .mifa-k1 .k1-grain{ opacity:.1; }\n  .mifa-k1 .k1-floor{ height:40vh; }\n  .mifa-k1 .k1-ghost{ display:none; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-k1 *,.mifa-k1 *::before,.mifa-k1 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-k1 .rv{ opacity:1; transform:none; }\n  .mifa-k1 .k1-h1 .l > span{ transform:none; }\n  .mifa-k1 .k1-card{ animation:none; transform:rotateX(0) rotateY(0); }\n}\n<\/style>\n\n<!-- =============================== NAV =============================== -->\n<header class=\"k1-nav\" id=\"k1Nav\">\n  <a href=\"https:\/\/mifaproduction.com\/index.php\/home\/\" class=\"k1-logo\" aria-label=\"Mifa Productions \u2014 home\">\n    <span class=\"k1-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=\"k1-word\"><b>MIFA<\/b><i>PRODUCTIONS<\/i><\/span>\n  <\/a>\n\n  <div class=\"k1-rec\"><i><\/i> Line Open<\/div>\n\n  <div class=\"k1-right\">\n    <div class=\"k1-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    <button class=\"k1-menu\" id=\"k1MenuBtn\" aria-expanded=\"false\" aria-controls=\"k1Ov\" aria-label=\"Open menu\">\n      <span class=\"k1-menu__t\">Menu<\/span>\n      <span class=\"k1-burg\"><i><\/i><i><\/i><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<!-- =========================== MENU OVERLAY =========================== -->\n<div class=\"k1-ov\" id=\"k1Ov\">\n  <a class=\"k1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/home\/\"><em>001<\/em> Home<\/a>\n  <a class=\"k1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/studio\/\"><em>002<\/em> Studio<\/a>\n  <a class=\"k1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/services\/\"><em>003<\/em> Services<\/a>\n  <a class=\"k1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/work\/\"><em>004<\/em> Work<\/a>\n  <a class=\"k1-ov__l\" href=\"https:\/\/mifaproduction.com\/index.php\/client\/\"><em>005<\/em> Clients<\/a>\n  <a class=\"k1-ov__l here\" href=\"#contact\"><em>006<\/em> Contact<\/a>\n  <div class=\"k1-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=\"k1-hero\" id=\"contact\">\n  <div class=\"k1-orb k1-orb--a\" aria-hidden=\"true\"><\/div>\n  <div class=\"k1-orb k1-orb--b\" aria-hidden=\"true\"><\/div>\n  <div class=\"k1-floor\" aria-hidden=\"true\"><i><\/i><\/div>\n  <div class=\"k1-ghost\" aria-hidden=\"true\">CONTACT<\/div>\n  <div class=\"k1-grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"k1-vig\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"k1-in\">\n\n    <div class=\"k1-copy\" id=\"k1Copy\">\n      <div class=\"k1-crumb rv a5\">\n        <a href=\"https:\/\/mifaproduction.com\/index.php\/home\/\">Home<\/a>\n        <span>\/<\/span><b>Contact<\/b>\n      <\/div>\n\n      <div class=\"k1-tag rv a1\"><b>006<\/b> \/ Let&#8217;s talk<\/div>\n\n      <h1 class=\"k1-h1\">\n        <span class=\"l\"><span>One Message,<\/span><\/span>\n        <span class=\"l\"><span>And We&#8217;re <em>Rolling<\/em>.<\/span><\/span>\n      <\/h1>\n\n      <p class=\"k1-sub rv a2\">\n        Just send the shoot date, the city and roughly what you need made.\n        You&#8217;ll get <b>availability and an estimate back the same day<\/b>.\n      <\/p>\n\n      <div class=\"k1-rows rv a3\">\n        <a class=\"k1-row\" href=\"https:\/\/wa.me\/918527121545?text=Hi%20Mifa%20Productions%2C%20I%27d%20like%20to%20discuss%20a%20project.\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"k1-row__ic\"><svg class=\"fill\" viewBox=\"0 0 24 24\"><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><\/span>\n          <span class=\"k1-row__t\"><b>+91 85271 21545<\/b><i>WhatsApp &mdash; fastest<\/i><\/span>\n          <span class=\"k1-row__go\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n        <\/a>\n\n        <a class=\"k1-row\" href=\"tel:+918527121545\">\n          <span class=\"k1-row__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18.5 16.5v2.2a1.6 1.6 0 0 1-1.8 1.6 16 16 0 0 1-7-2.5 15.6 15.6 0 0 1-4.8-4.8 16 16 0 0 1-2.5-7.1A1.6 1.6 0 0 1 4 4.2h2.2a1.6 1.6 0 0 1 1.6 1.4c.1.8.3 1.6.6 2.4a1.6 1.6 0 0 1-.4 1.7l-.9.9a12.8 12.8 0 0 0 4.8 4.8l.9-.9a1.6 1.6 0 0 1 1.7-.4c.8.3 1.6.5 2.4.6a1.6 1.6 0 0 1 1.4 1.6z\"\/><\/svg><\/span>\n          <span class=\"k1-row__t\"><b>Call the studio<\/b><i>Mon &ndash; Sat &middot; 10am &ndash; 7pm<\/i><\/span>\n          <span class=\"k1-row__go\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n        <\/a>\n\n        <a class=\"k1-row\" href=\"mailto:mifaproductions@gmail.com\">\n          <span class=\"k1-row__ic\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18v12H3z\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/span>\n          <span class=\"k1-row__t\"><b>mifaproductions@gmail.com<\/b><i>Briefs &amp; quotations<\/i><\/span>\n          <span class=\"k1-row__go\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- ---------- 3D VISITING CARD ---------- -->\n    <div class=\"k1-stage rv a5\">\n      <div class=\"k1-cardwrap\" id=\"k1Wrap\">\n        <div class=\"k1-card\" id=\"k1Card\">\n          <!-- FRONT -->\n          <div class=\"k1-face k1-face--f\">\n            <div class=\"k1-face__logo\">\n              <span class=\"k1-face__mk\">\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><b>MIFA<\/b><i>PRODUCTIONS<\/i><\/span>\n            <\/div>\n            <div class=\"k1-face__tag\">Line Production &amp;<br><span>Video Production<\/span><\/div>\n            <div class=\"k1-face__foot\"><span>Delhi NCR<\/span><span>Est. India<\/span><\/div>\n          <\/div>\n          <!-- BACK -->\n          <div class=\"k1-face k1-face--b\">\n            <div class=\"k1-face__list\">\n              <div><b>Phone<\/b><span>+91 85271 21545<\/span><\/div>\n              <div><b>Email<\/b><span>mifaproductions@gmail.com<\/span><\/div>\n              <div><b>Office<\/b><span>A-27K, Sector 16, Noida 201301<\/span><\/div>\n              <div><b>Registered<\/b><span>A-32, Mayur Vihar Ph-1, New Delhi 110091<\/span><\/div>\n            <\/div>\n            <div class=\"k1-face__foot\"><span>Mon &ndash; Sat<\/span><span>10am &ndash; 7pm<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button class=\"k1-flipbtn\" id=\"k1Flip\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 15-6.7L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-15 6.7L3 16\"\/><path d=\"M3 21v-5h5\"\/><\/svg>\n        Flip the card\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"k1-marq\">\n    <div class=\"k1-marq__t\" id=\"k1Marq\">\n      <span>Same-day Response<\/span><span>Written Estimates<\/span><span>Pan-India Crews<\/span>\n      <span>Noida Studio<\/span><span>WhatsApp Friendly<\/span><span>No Hidden Costs<\/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-k1')\n    : document.querySelector('.mifa-k1');\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('#k1Nav');\n  function onScroll(){ nav.classList.toggle('stuck', window.scrollY > 20); }\n  window.addEventListener('scroll', onScroll, {passive:true}); onScroll();\n\n  \/* ---------------- menu ---------------- *\/\n  var btn = q('#k1MenuBtn'), ov = q('#k1Ov');\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  \/* ---------------- card flip ---------------- *\/\n  var card = q('#k1Card'), flipBtn = q('#k1Flip'), wrap = q('#k1Wrap');\n  var auto = null;\n  function toggle(){ card.classList.toggle('flip'); }\n  if(flipBtn) flipBtn.addEventListener('click', function(){ toggle(); restart(); });\n  if(wrap) wrap.addEventListener('click', function(){ toggle(); restart(); });\n\n  function restart(){\n    if(reduce) return;\n    clearInterval(auto);\n    auto = setInterval(toggle, 6000);\n  }\n  if(!reduce){\n    setTimeout(restart, 5000);\n    document.addEventListener('visibilitychange', function(){\n      if(document.hidden) clearInterval(auto); else restart();\n    });\n  }\n\n  \/* ------- hero parallax : 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('#k1Copy'), 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 * 4.5) + 'deg) rotateX(' + (-ty * 3.2) + 'deg)';\n      requestAnimationFrame(loop);\n    })();\n  }\n  window.addEventListener('resize', function(){\n    if(window.innerWidth <= 1040){ var c = q('#k1Copy'); if(c) c.style.transform = ''; }\n  }, {passive:true});\n\n  \/* ---------------- marquee ---------------- *\/\n  var t = q('#k1Marq');\n  if(t) t.innerHTML += t.innerHTML;\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 CONTACT PAGE \u00b7 PART 2\n     ENQUIRY FORM (call-sheet style) \u2192 WhatsApp par submit\n\n     WordPress \"Custom HTML\" block me poora paste karo.\n     Sab kuch .mifa-k2 me scoped hai.\n\n     NOTE: yahan <form> tag jaan-boojh kar nahi hai (WordPress \/\n     theme ke JS conflict se bachne ke liye). Submit button\n     addEventListener se bandha hai aur wa.me link banata hai.\n     Number badalna ho to neeche JS me WA_NUMBER change karo.\n     ============================================================ -->\n\n<div class=\"mifa-k2\">\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-k2{\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-k2 *,.mifa-k2 *::before,.mifa-k2 *::after{ box-sizing:border-box; }\n.mifa-k2 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-k2 a:hover,.mifa-k2 a:focus{ text-decoration:none !important; }\n.mifa-k2 h2,.mifa-k2 h3,.mifa-k2 h4,.mifa-k2 p,.mifa-k2 ul,.mifa-k2 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-k2 ul{ list-style:none !important; }\n.mifa-k2 svg{ display:block; }\n.mifa-k2 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\n\/* form controls reset \u2014 theme ke styles override *\/\n.mifa-k2 input,.mifa-k2 textarea,.mifa-k2 select,.mifa-k2 button{\n  font:inherit; font-family:var(--f) !important; color:var(--ink) !important;\n  background:transparent !important; border:0 !important; border-radius:0 !important;\n  box-shadow:none !important; outline:none; margin:0 !important;\n  -webkit-appearance:none; appearance:none; width:100%;\n}\n.mifa-k2 button{ width:auto; cursor:pointer; padding:0; text-align:left; }\n.mifa-k2 textarea{ resize:vertical; min-height:104px; }\n.mifa-k2 input::placeholder,.mifa-k2 textarea::placeholder{ color:rgba(242,240,238,.3); }\n.mifa-k2 select option{ background:#0C0C11; color:#F2F0EE; }\n.mifa-k2 input[type=\"date\"]::-webkit-calendar-picker-indicator{ filter:invert(1); opacity:.5; cursor:pointer; }\n\n\/* ======================== SHELL \/ AMBIENT ======================== *\/\n.mifa-k2 .k2-wrap{\n  position:relative; padding:clamp(64px,10vh,132px) 0; isolation:isolate;\n  border-bottom:1px solid var(--line);\n}\n.mifa-k2 .k2-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:k2Drift 26s ease-in-out infinite alternate;\n}\n@keyframes k2Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(7%,6%,0) scale(1.16)} }\n.mifa-k2 .k2-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='nk2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nk2)'\/%3E%3C\/svg%3E\");\n  animation:k2Grain .7s steps(3) infinite;\n}\n@keyframes k2Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n\n.mifa-k2 .k2-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-k2 .k2-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-k2 .k2-eye b{ color:var(--red-hi); font-weight:400; }\n.mifa-k2 .k2-eye::after{ content:''; flex:1; max-width:130px; height:1px; background:var(--line); }\n\n.mifa-k2 h2.k2-h2{\n  max-width:20ch; font-size:clamp(30px,5vw,60px); font-weight:900;\n  line-height:1.03; letter-spacing:-.04em; color:var(--ink);\n}\n.mifa-k2 .k2-h2 em{ font-style:normal; color:var(--red-hi); text-shadow:0 0 40px rgba(255,59,84,.45); }\n.mifa-k2 p.k2-lead{\n  max-width:52ch; margin-top:18px !important;\n  font-size:clamp(15px,1.3vw,17.5px); line-height:1.7; color:var(--soft);\n}\n.mifa-k2 .k2-lead b{ color:var(--ink); font-weight:600; }\n\n\/* ============================ LAYOUT ============================ *\/\n.mifa-k2 .k2-grid{\n  display:grid; gap:clamp(28px,4vw,58px); align-items:start;\n  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);\n  margin-top:clamp(36px,5vh,58px);\n}\n\n\/* ---- left: process steps ---- *\/\n.mifa-k2 .k2-steps{ display:grid; gap:12px; margin-top:clamp(28px,4vh,40px); }\n.mifa-k2 .k2-step{\n  display:flex; gap:15px; padding:18px 20px;\n  border:1px solid var(--line); border-radius:14px; background:rgba(16,16,23,.72);\n  opacity:0; transform:translateY(20px);\n  transition:opacity .75s var(--e), transform .75s var(--e), border-color .4s;\n}\n.mifa-k2 .k2-step.on{ opacity:1; transform:none; }\n.mifa-k2 .k2-step b{\n  flex-shrink:0; width:30px; height:30px; border-radius:9px; display:grid; place-items:center;\n  background:rgba(196,22,43,.2); border:1px solid rgba(255,59,84,.34);\n  font-family:var(--m); font-size:11px; color:var(--red-hi);\n}\n.mifa-k2 .k2-step p{ font-size:14.5px; line-height:1.6; color:var(--soft); }\n.mifa-k2 .k2-step p strong{ display:block; color:var(--ink); font-weight:700; font-size:15.5px; margin-bottom:3px; }\n\n\/* ====================== CALL SHEET FORM ====================== *\/\n.mifa-k2 .k2-sheet{\n  position:relative; border:1px solid var(--line); border-radius:18px; overflow:hidden;\n  background:linear-gradient(168deg, rgba(196,22,43,.1), rgba(12,12,17,.97));\n  box-shadow:0 30px 70px rgba(0,0,0,.55);\n}\n.mifa-k2 .k2-sheet__bar{\n  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 18px;\n  padding:16px clamp(20px,2.6vw,30px);\n  border-bottom:1px solid rgba(255,59,84,.28);\n  background:rgba(196,22,43,.16);\n  font-family:var(--m); font-size:10px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--soft);\n}\n.mifa-k2 .k2-sheet__bar b{ color:var(--red-hi); font-weight:400; }\n.mifa-k2 .k2-sheet__body{ padding:clamp(20px,2.8vw,34px); }\n\n.mifa-k2 .k2-fields{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; }\n.mifa-k2 .k2-f{\n  position:relative; padding:15px 4px 13px; border-bottom:1px dashed rgba(242,240,238,.16);\n  transition:border-color .35s;\n}\n.mifa-k2 .k2-f--full{ grid-column:1\/-1; }\n.mifa-k2 .k2-f label{\n  display:flex; align-items:center; gap:8px; margin-bottom:7px;\n  font-family:var(--m); font-size:9.5px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--soft); transition:color .35s;\n}\n.mifa-k2 .k2-f label u{ text-decoration:none; color:var(--red-hi); }\n.mifa-k2 .k2-f input,\n.mifa-k2 .k2-f textarea,\n.mifa-k2 .k2-f select{ font-size:15.5px; line-height:1.55; padding:2px 0 !important; }\n.mifa-k2 .k2-f select{ cursor:pointer; }\n.mifa-k2 .k2-f--sel::after{\n  content:''; position:absolute; right:6px; bottom:22px; width:7px; height:7px;\n  border-right:1.6px solid var(--soft); border-bottom:1.6px solid var(--soft);\n  transform:rotate(45deg); pointer-events:none;\n}\n.mifa-k2 .k2-f.focus{ border-bottom-color:rgba(255,59,84,.6); }\n.mifa-k2 .k2-f.focus label{ color:var(--red-hi); }\n.mifa-k2 .k2-f.err{ border-bottom-color:var(--red-hi); }\n.mifa-k2 .k2-f small{\n  display:none; margin-top:6px; font-family:var(--m); font-size:10px;\n  letter-spacing:.06em; color:var(--red-hi);\n}\n.mifa-k2 .k2-f.err small{ display:block; }\n\n\/* project type chips *\/\n.mifa-k2 .k2-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }\n.mifa-k2 .k2-chip{\n  padding:9px 15px; border-radius:999px; border:1px solid var(--line) !important;\n  background:rgba(242,240,238,.03) !important;\n  font-family:var(--m); font-size:10.5px; letter-spacing:.08em; color:var(--soft) !important;\n  transition:color .3s, border-color .3s, background .3s, transform .3s var(--e);\n}\n.mifa-k2 .k2-chip.on{\n  color:#fff !important; border-color:transparent !important;\n  background:var(--red) !important; box-shadow:0 8px 22px rgba(196,22,43,.36) !important;\n}\n\n\/* actions *\/\n.mifa-k2 .k2-act{\n  display:flex; flex-wrap:wrap; align-items:center; gap:12px;\n  margin-top:clamp(24px,3.2vh,32px);\n}\n.mifa-k2 .k2-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-k2 .k2-btn span,.mifa-k2 .k2-btn svg{ position:relative; z-index:2; }\n.mifa-k2 .k2-btn svg{ width:16px; height:16px; flex-shrink:0; }\n.mifa-k2 .k2-btn--fill{\n  background:var(--red) !important; color:#fff !important;\n  box-shadow:0 12px 34px rgba(196,22,43,.42);\n}\n.mifa-k2 .k2-btn--fill svg{ fill:currentColor; }\n.mifa-k2 .k2-btn--line{ border:1px solid rgba(242,240,238,.26) !important; color:var(--ink) !important; }\n.mifa-k2 .k2-btn--line svg{ stroke:currentColor; fill:none; stroke-width:1.7; }\n.mifa-k2 .k2-hint{\n  font-family:var(--m); font-size:10px; letter-spacing:.1em; line-height:1.6; color:var(--soft);\n}\n\n\/* sent state *\/\n.mifa-k2 .k2-done{\n  display:none; align-items:center; gap:14px; margin-top:20px; padding:16px 20px;\n  border:1px solid rgba(255,59,84,.4); border-radius:14px;\n  background:rgba(196,22,43,.14);\n}\n.mifa-k2 .k2-done.on{ display:flex; }\n.mifa-k2 .k2-done svg{ width:22px; height:22px; stroke:var(--red-hi); fill:none; stroke-width:2; flex-shrink:0; }\n.mifa-k2 .k2-done p{ font-size:14.5px; line-height:1.6; color:var(--ink); }\n.mifa-k2 .k2-done a{ color:var(--red-hi); }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-k2 .k2-step:hover{ border-color:rgba(255,59,84,.4); }\n  .mifa-k2 .k2-chip:hover{ color:var(--ink) !important; border-color:rgba(255,59,84,.5) !important; transform:translateY(-2px); }\n  .mifa-k2 .k2-chip.on:hover{ color:#fff !important; }\n  .mifa-k2 .k2-btn:hover{ transform:translateY(-4px); }\n  .mifa-k2 .k2-btn--fill:hover{ box-shadow:0 18px 46px rgba(196,22,43,.34); }\n  .mifa-k2 .k2-btn--line:hover{ border-color:rgba(242,240,238,.55) !important; }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:1040px){\n  .mifa-k2 .k2-grid{ grid-template-columns:1fr; }\n}\n@media (max-width:640px){\n  .mifa-k2 .k2-wrap{ padding:clamp(52px,8vh,80px) 0; }\n  .mifa-k2 h2.k2-h2{ font-size:clamp(28px,8.6vw,40px); letter-spacing:-.03em; }\n  .mifa-k2 .k2-fields{ grid-template-columns:1fr; }\n  .mifa-k2 .k2-act{ flex-direction:column; align-items:stretch; }\n  .mifa-k2 .k2-btn{ justify-content:center; }\n  .mifa-k2 .k2-grain{ opacity:.08; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-k2 *,.mifa-k2 *::before,.mifa-k2 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-k2 .k2-step{ opacity:1; transform:none; }\n}\n<\/style>\n\n<section class=\"k2-wrap\" id=\"enquiry\">\n  <div class=\"k2-orb\" aria-hidden=\"true\"><\/div>\n  <div class=\"k2-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"k2-in\">\n    <div class=\"k2-grid\">\n\n      <!-- ============ LEFT ============ -->\n      <div>\n        <div class=\"k2-eye\"><b>007<\/b> \/ Enquiry<\/div>\n        <h2 class=\"k2-h2\">Brief bhejiye, <em>call sheet<\/em> hum bana denge.<\/h2>\n        <p class=\"k2-lead\">\n          Form bharte hi aapka message seedha humare WhatsApp par chala jaata hai &mdash;\n          <b>koi form submit ka intezaar nahi<\/b>. Aapke phone me copy bhi reh jaati hai.\n        <\/p>\n\n        <div class=\"k2-steps\">\n          <div class=\"k2-step\">\n            <b>1<\/b>\n            <p><strong>Aap bhejte ho<\/strong>Date, city aur kaam ka type &mdash; jitna pata ho utna.<\/p>\n          <\/div>\n          <div class=\"k2-step\">\n            <b>2<\/b>\n            <p><strong>Hum poochte hain<\/strong>Ek chhoti call, taaki scope aur budget clear ho jaaye.<\/p>\n          <\/div>\n          <div class=\"k2-step\">\n            <b>3<\/b>\n            <p><strong>Estimate aata hai<\/strong>Line-by-line written quote &mdash; crew, gear, travel alag-alag.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ============ RIGHT : CALL SHEET ============ -->\n      <div class=\"k2-sheet\">\n        <div class=\"k2-sheet__bar\">\n          <span><b>Call Sheet<\/b> &middot; Enquiry Form<\/span>\n          <span id=\"k2Date\">&mdash;<\/span>\n        <\/div>\n\n        <div class=\"k2-sheet__body\">\n          <div class=\"k2-fields\">\n\n            <div class=\"k2-f\">\n              <label for=\"k2Name\">Name <u>*<\/u><\/label>\n              <input id=\"k2Name\" type=\"text\" placeholder=\"Aapka naam\" autocomplete=\"name\">\n              <small>Naam likhna zaroori hai<\/small>\n            <\/div>\n\n            <div class=\"k2-f\">\n              <label for=\"k2Phone\">Phone <u>*<\/u><\/label>\n              <input id=\"k2Phone\" type=\"tel\" inputmode=\"numeric\" placeholder=\"10 digit number\" autocomplete=\"tel\">\n              <small>10 digit ka valid number daaliye<\/small>\n            <\/div>\n\n            <div class=\"k2-f\">\n              <label for=\"k2Co\">Company \/ Brand<\/label>\n              <input id=\"k2Co\" type=\"text\" placeholder=\"Optional\" autocomplete=\"organization\">\n            <\/div>\n\n            <div class=\"k2-f\">\n              <label for=\"k2City\">Shoot city<\/label>\n              <input id=\"k2City\" type=\"text\" placeholder=\"Delhi, Mumbai, anywhere\">\n            <\/div>\n\n            <div class=\"k2-f\">\n              <label for=\"k2Date2\">Tentative date<\/label>\n              <input id=\"k2Date2\" type=\"date\">\n            <\/div>\n\n            <div class=\"k2-f k2-f--sel\">\n              <label for=\"k2Budget\">Budget range<\/label>\n              <select id=\"k2Budget\">\n                <option value=\"\">Abhi decide nahi kiya<\/option>\n                <option>Under \u20b91 lakh<\/option>\n                <option>\u20b91 \u2013 3 lakh<\/option>\n                <option>\u20b93 \u2013 10 lakh<\/option>\n                <option>\u20b910 lakh +<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"k2-f k2-f--full\" id=\"k2TypeField\">\n              <label>What do you need? <u>*<\/u><\/label>\n              <div class=\"k2-chips\" id=\"k2Chips\">\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Line Production\">Line Production<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Video Production\">Video Production<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Corporate Film\">Corporate Film<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Commercial \/ TVC\">Commercial \/ TVC<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Digital \/ Social\">Digital \/ Social<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Micro Drama\">Micro Drama<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Photography\">Photography<\/button>\n                <button class=\"k2-chip\" type=\"button\" data-v=\"Something else\">Something else<\/button>\n              <\/div>\n              <small>Ek option select kijiye<\/small>\n            <\/div>\n\n            <div class=\"k2-f k2-f--full\">\n              <label for=\"k2Msg\">Brief<\/label>\n              <textarea id=\"k2Msg\" placeholder=\"Kya banana hai, kitne din ka shoot hai, koi reference...\"><\/textarea>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"k2-act\">\n            <button class=\"k2-btn k2-btn--fill\" id=\"k2Send\" type=\"button\">\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>Send on WhatsApp<\/span>\n            <\/button>\n\n            <button class=\"k2-btn k2-btn--line\" id=\"k2Mail\" type=\"button\">\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>Send as Email<\/span>\n            <\/button>\n\n            <span class=\"k2-hint\">Aapka data kahin store nahi hota &mdash;<br>message seedha studio ke phone par jaata hai.<\/span>\n          <\/div>\n\n          <div class=\"k2-done\" id=\"k2Done\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <p>WhatsApp khul gaya hai. Agar nahi khula to\n              <a href=\"https:\/\/wa.me\/918527121545\" target=\"_blank\" rel=\"noopener\">yahan tap kijiye<\/a>\n              ya seedha call kijiye <a href=\"tel:+918527121545\">+91 85271 21545<\/a>.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest)\n    ? document.currentScript.closest('.mifa-k2')\n    : document.querySelector('.mifa-k2');\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  \/* >>> yahan number badla ja sakta hai <<< *\/\n  var WA_NUMBER = '918527121545';\n  var MAIL_TO   = 'mifaproductions@gmail.com';\n\n  \/* ---------- call sheet ki date ---------- *\/\n  var d = new Date();\n  var dEl = q('#k2Date');\n  if(dEl){\n    dEl.textContent = d.toLocaleDateString('en-GB', {day:'2-digit', month:'short', year:'numeric'}).toUpperCase();\n  }\n\n  \/* ---------- steps reveal ---------- *\/\n  var steps = Array.prototype.slice.call(root.querySelectorAll('.k2-step'));\n  if(reduce || !('IntersectionObserver' in window)){\n    steps.forEach(function(s){ s.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:.3});\n    steps.forEach(function(s, i){ s.style.transitionDelay = (i * 0.09) + 's'; io.observe(s); });\n  }\n\n  \/* ---------- focus states ---------- *\/\n  root.querySelectorAll('.k2-f input, .k2-f textarea, .k2-f select').forEach(function(el){\n    var f = el.closest('.k2-f');\n    el.addEventListener('focus', function(){ f.classList.add('focus'); f.classList.remove('err'); });\n    el.addEventListener('blur',  function(){ f.classList.remove('focus'); });\n  });\n\n  \/* ---------- project type chips ---------- *\/\n  var chosen = '';\n  var typeField = q('#k2TypeField');\n  root.querySelectorAll('.k2-chip').forEach(function(c){\n    c.addEventListener('click', function(){\n      root.querySelectorAll('.k2-chip').forEach(function(x){ x.classList.remove('on'); });\n      c.classList.add('on');\n      chosen = c.dataset.v;\n      typeField.classList.remove('err');\n    });\n  });\n\n  \/* ---------- collect + validate ---------- *\/\n  function val(id){ var el = q(id); return el ? el.value.trim() : ''; }\n\n  function collect(){\n    var name  = val('#k2Name');\n    var phone = val('#k2Phone').replace(\/\\D\/g, '');\n    var ok = true;\n\n    function bad(sel){\n      var f = q(sel).closest('.k2-f'); f.classList.add('err'); ok = false;\n    }\n    if(!name) bad('#k2Name');\n    if(phone.length < 10) bad('#k2Phone');\n    if(!chosen){ typeField.classList.add('err'); ok = false; }\n\n    if(!ok){\n      var first = root.querySelector('.k2-f.err');\n      if(first) first.scrollIntoView({behavior: reduce ? 'auto' : 'smooth', block:'center'});\n      return null;\n    }\n\n    var L = [];\n    L.push('*New enquiry \u2014 Mifa Productions*');\n    L.push('');\n    L.push('Name: ' + name);\n    L.push('Phone: ' + phone);\n    if(val('#k2Co'))     L.push('Company: ' + val('#k2Co'));\n    L.push('Requirement: ' + chosen);\n    if(val('#k2City'))   L.push('Shoot city: ' + val('#k2City'));\n    if(val('#k2Date2'))  L.push('Tentative date: ' + val('#k2Date2'));\n    if(val('#k2Budget')) L.push('Budget: ' + val('#k2Budget'));\n    if(val('#k2Msg')){ L.push(''); L.push('Brief: ' + val('#k2Msg')); }\n\n    return { text: L.join('\\n'), name: name };\n  }\n\n  function done(){\n    var box = q('#k2Done');\n    if(box) box.classList.add('on');\n  }\n\n  \/* ---------- WhatsApp ---------- *\/\n  q('#k2Send').addEventListener('click', function(){\n    var data = collect();\n    if(!data) return;\n    window.open('https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(data.text), '_blank', 'noopener');\n    done();\n  });\n\n  \/* ---------- Email ---------- *\/\n  q('#k2Mail').addEventListener('click', function(){\n    var data = collect();\n    if(!data) return;\n    var subject = 'Project enquiry \u2014 ' + data.name;\n    window.location.href = 'mailto:' + MAIL_TO +\n      '?subject=' + encodeURIComponent(subject) +\n      '&#038;body=' + encodeURIComponent(data.text);\n    done();\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- ============================================================\n     MIFA PRODUCTIONS \u2014 CONTACT PAGE \u00b7 PART 3\n     OFFICE MAP CARDS + FAQ ACCORDION + FOOTER\n\n     WordPress \"Custom HTML\" block me poora paste karo.\n     Sab kuch .mifa-k3 me scoped hai.\n\n     NOTE: Google Maps embed bina API key ke chalta hai.\n     Agar client Google Business listing bana le, to iframe ka\n     src usi listing ke \"Share > Embed a map\" wale link se\n     replace kar dena \u2014 tab pin bilkul exact aayega.\n     ============================================================ -->\n\n<div class=\"mifa-k3\">\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-k3{\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-k3 *,.mifa-k3 *::before,.mifa-k3 *::after{ box-sizing:border-box; }\n.mifa-k3 a{ text-decoration:none !important; color:inherit; box-shadow:none !important; border:0; }\n.mifa-k3 a:hover,.mifa-k3 a:focus{ text-decoration:none !important; }\n.mifa-k3 h2,.mifa-k3 h3,.mifa-k3 h4,.mifa-k3 p,.mifa-k3 ul,.mifa-k3 li{\n  margin:0 !important; padding:0 !important; font-family:inherit; color:inherit;\n}\n.mifa-k3 ul{ list-style:none !important; }\n.mifa-k3 img{ display:block; max-width:100%; height:auto; border:0; box-shadow:none; }\n.mifa-k3 iframe{ display:block; border:0; }\n.mifa-k3 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-k3 button:hover,.mifa-k3 button:focus{ background:none; }\n.mifa-k3 svg{ display:block; }\n.mifa-k3 :focus-visible{ outline:2px solid var(--red-hi); outline-offset:3px; }\n\n\/* ======================== SHELL \/ AMBIENT ======================== *\/\n.mifa-k3 .k3-wrap{ position:relative; padding:clamp(64px,10vh,132px) 0 0; isolation:isolate; }\n.mifa-k3 .k3-orb{\n  position:absolute; z-index:0; border-radius:50%; pointer-events:none;\n  width:62vmax; height:62vmax; top:-26vmax; right:-24vmax;\n  background:radial-gradient(circle, rgba(122,12,24,.34) 0%, transparent 58%);\n  animation:k3Drift 28s ease-in-out infinite alternate;\n}\n@keyframes k3Drift{ from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(-7%,6%,0) scale(1.18)} }\n.mifa-k3 .k3-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='nk3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nk3)'\/%3E%3C\/svg%3E\");\n  animation:k3Grain .7s steps(3) infinite;\n}\n@keyframes k3Grain{ 0%{transform:translate(0,0)} 33%{transform:translate(-3%,2%)} 66%{transform:translate(2%,-3%)} 100%{transform:translate(0,0)} }\n\n.mifa-k3 .k3-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-k3 .k3-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-k3 .k3-eye b{ color:var(--red-hi); font-weight:400; }\n.mifa-k3 .k3-eye::after{ content:''; flex:1; max-width:130px; height:1px; background:var(--line); }\n\n.mifa-k3 h2.k3-h2{\n  max-width:20ch; font-size:clamp(30px,5.2vw,64px); font-weight:900;\n  line-height:1.02; letter-spacing:-.04em; color:var(--ink);\n}\n.mifa-k3 .k3-h2 em{ font-style:normal; color:var(--red-hi); text-shadow:0 0 40px rgba(255,59,84,.45); }\n.mifa-k3 p.k3-lead{\n  max-width:60ch; margin-top:18px !important;\n  font-size:clamp(15px,1.3vw,17.5px); line-height:1.7; color:var(--soft);\n}\n.mifa-k3 .k3-lead b{ color:var(--ink); font-weight:600; }\n\n\/* ========================== MAP CARDS ========================== *\/\n.mifa-k3 .k3-maps{\n  display:grid; gap:clamp(16px,2.2vw,26px);\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  margin-top:clamp(36px,5vh,58px); perspective:1500px;\n}\n.mifa-k3 .k3-map{\n  position:relative; border:1px solid var(--line); border-radius:18px; overflow:hidden;\n  background:var(--panel); transform-style:preserve-3d;\n  opacity:0; transform:translateY(30px) rotateX(-10deg); transform-origin:top center;\n  transition:opacity .85s var(--e), transform .6s var(--e), border-color .45s, box-shadow .5s;\n}\n.mifa-k3 .k3-map.on{ opacity:1; transform:none; }\n\n.mifa-k3 .k3-map__frame{\n  position:relative; aspect-ratio:16\/10; background:#0E0E14; overflow:hidden;\n}\n.mifa-k3 .k3-map__frame iframe{\n  width:100%; height:100%;\n  filter:grayscale(1) invert(.92) contrast(.88) hue-rotate(180deg) brightness(.94);\n  transition:filter .6s var(--e);\n}\n.mifa-k3 .k3-map__tint{\n  position:absolute; inset:0; pointer-events:none;\n  background:linear-gradient(180deg, rgba(196,22,43,.18), rgba(7,7,10,.42));\n  mix-blend-mode:multiply; transition:opacity .6s var(--e);\n}\n.mifa-k3 .k3-map__pin{\n  position:absolute; z-index:3; top:14px; left:14px; pointer-events:none;\n  display:flex; align-items:center; gap:9px;\n  padding:8px 14px; border-radius:999px;\n  background:rgba(7,7,10,.76); border:1px solid rgba(255,59,84,.42);\n  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);\n  font-family:var(--m); font-size:9.5px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--red-hi);\n}\n.mifa-k3 .k3-map__pin i{\n  width:6px; height:6px; border-radius:50%; background:var(--red-hi);\n  box-shadow:0 0 9px 1px rgba(255,59,84,.8); animation:k3Blink 1.8s ease-in-out infinite;\n}\n@keyframes k3Blink{ 0%,100%{opacity:1} 50%{opacity:.2} }\n\n.mifa-k3 .k3-map__body{ padding:clamp(20px,2.4vw,28px); transform:translateZ(18px); }\n.mifa-k3 h3.k3-map__t{\n  font-size:clamp(18px,2vw,24px); font-weight:800; letter-spacing:-.025em;\n  color:var(--ink); margin-bottom:8px !important;\n}\n.mifa-k3 .k3-map__a{ font-size:15px; line-height:1.62; color:var(--soft); }\n.mifa-k3 .k3-map__meta{\n  display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:14px;\n  padding-top:14px; border-top:1px dashed rgba(242,240,238,.16);\n  font-family:var(--m); font-size:10.5px; letter-spacing:.1em; color:var(--soft);\n}\n.mifa-k3 .k3-map__go{\n  display:inline-flex; align-items:center; gap:9px; margin-top:18px;\n  padding:12px 22px; border-radius:999px; border:1px solid rgba(242,240,238,.26);\n  font-size:12px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;\n  color:var(--ink); transition:border-color .35s, background .35s, transform .4s var(--e);\n}\n.mifa-k3 .k3-map__go svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; }\n\n\/* ============================ FAQ ============================ *\/\n.mifa-k3 .k3-faq{ margin-top:clamp(70px,11vh,140px); }\n.mifa-k3 .k3-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-k3 .k3-q{ border-bottom:1px solid var(--line); }\n.mifa-k3 .k3-q:last-child{ border-bottom:0; }\n.mifa-k3 .k3-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-k3 .k3-q__n{\n  font-family:var(--m); font-size:10px; letter-spacing:.16em; color:var(--red-hi); flex-shrink:0;\n}\n.mifa-k3 .k3-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-k3 .k3-q__ic{\n  position:relative; width:20px; height:20px; flex-shrink:0;\n}\n.mifa-k3 .k3-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-k3 .k3-q__ic i:last-child{ transform:rotate(90deg); }\n.mifa-k3 .k3-q.on .k3-q__ic i:last-child{ transform:rotate(0deg); }\n\n.mifa-k3 .k3-q__body{\n  display:grid; grid-template-rows:0fr;\n  transition:grid-template-rows .55s var(--e);\n}\n.mifa-k3 .k3-q.on .k3-q__body{ grid-template-rows:1fr; }\n.mifa-k3 .k3-q__inner{ overflow:hidden; }\n.mifa-k3 .k3-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-k3 .k3-q__inner p b{ color:var(--ink); font-weight:600; }\n.mifa-k3 .k3-q__inner a{ color:var(--red-hi); }\n\n\/* ============================ FOOTER ============================ *\/\n.mifa-k3 .k3-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,88px) 0 clamp(36px,5vh,56px);\n}\n.mifa-k3 .k3-band{\n  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;\n  gap:22px 40px;\n}\n.mifa-k3 .k3-band h2{ max-width:16ch; }\n.mifa-k3 .k3-btn{\n  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:11px;\n  padding:17px 32px; border-radius:999px; font-size:13px; font-weight:600;\n  letter-spacing:.09em; text-transform:uppercase; flex-shrink:0;\n  background:var(--red); color:#fff; box-shadow:0 12px 34px rgba(196,22,43,.42);\n  transition:transform .45s var(--e), box-shadow .45s;\n}\n.mifa-k3 .k3-btn svg{ width:16px; height:16px; fill:currentColor; }\n\n.mifa-k3 .k3-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-k3 .k3-foot ul{ display:flex; flex-wrap:wrap; gap:18px; }\n.mifa-k3 .k3-foot a{ transition:color .3s; }\n\n\/* --------------------------- HOVER --------------------------- *\/\n@media (hover:hover) and (pointer:fine){\n  .mifa-k3 .k3-map:hover{ border-color:rgba(255,59,84,.45); box-shadow:0 26px 60px rgba(0,0,0,.55); }\n  .mifa-k3 .k3-map:hover .k3-map__frame iframe{ filter:none; }\n  .mifa-k3 .k3-map:hover .k3-map__tint{ opacity:0; }\n  .mifa-k3 .k3-map__go:hover{ border-color:rgba(255,59,84,.55); background:rgba(196,22,43,.16); transform:translateY(-3px); }\n  .mifa-k3 .k3-q__btn:hover{ background:rgba(196,22,43,.08); }\n  .mifa-k3 .k3-btn:hover{ transform:translateY(-4px); box-shadow:0 20px 48px rgba(196,22,43,.34); }\n  .mifa-k3 .k3-foot a:hover{ color:var(--red-hi); }\n}\n\n\/* ========================= RESPONSIVE ========================= *\/\n@media (max-width:900px){\n  .mifa-k3 .k3-maps{ grid-template-columns:1fr; perspective:none; }\n  .mifa-k3 .k3-map{ transform-style:flat; }\n}\n@media (max-width:640px){\n  .mifa-k3 .k3-wrap{ padding-top:clamp(52px,8vh,80px); }\n  .mifa-k3 h2.k3-h2{ font-size:clamp(28px,8.6vw,40px); letter-spacing:-.03em; }\n  .mifa-k3 .k3-map{ transform:translateY(24px); }\n  .mifa-k3 .k3-q__inner p{ padding-left:clamp(18px,2.4vw,28px); }\n  .mifa-k3 .k3-band{ flex-direction:column; align-items:flex-start; }\n  .mifa-k3 .k3-btn{ width:100%; justify-content:center; }\n  .mifa-k3 .k3-foot{ flex-direction:column; align-items:flex-start; }\n  .mifa-k3 .k3-grain{ opacity:.08; }\n}\n@media (prefers-reduced-motion:reduce){\n  .mifa-k3 *,.mifa-k3 *::before,.mifa-k3 *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n  .mifa-k3 .k3-map{ opacity:1; transform:none; }\n}\n<\/style>\n\n<section class=\"k3-wrap\" id=\"locations\">\n  <div class=\"k3-orb\" aria-hidden=\"true\"><\/div>\n  <div class=\"k3-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"k3-in\">\n    <div class=\"k3-eye\"><b>008<\/b> \/ Where to find us<\/div>\n    <h2 class=\"k3-h2\">Do pate, <em>ek<\/em> hi team.<\/h2>\n    <p class=\"k3-lead\">\n      Meetings aur pre-production <b>Noida office<\/b> me hoti hai.\n      Delhi wala registered address accounts aur documentation ke liye hai &mdash;\n      wahan aane se pehle ek call kar lijiye.\n    <\/p>\n\n    <div class=\"k3-maps\">\n\n      <!-- ============ NOIDA ============ -->\n      <div class=\"k3-map\">\n        <div class=\"k3-map__frame\">\n          <span class=\"k3-map__pin\"><i><\/i> Studio Office<\/span>\n          <span class=\"k3-map__tint\" aria-hidden=\"true\"><\/span>\n          <iframe\n            src=\"https:\/\/www.google.com\/maps?q=A-27K%2C%20Sector%2016%2C%20Noida%2C%20Uttar%20Pradesh%20201301&#038;output=embed\"\n            title=\"Map \u2014 Mifa Productions, Sector 16 Noida\"\n            loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n        <\/div>\n        <div class=\"k3-map__body\">\n          <h3 class=\"k3-map__t\">Noida &mdash; Sector 16<\/h3>\n          <p class=\"k3-map__a\">A-27K, Sector 16,<br>Noida, Uttar Pradesh 201301<\/p>\n          <div class=\"k3-map__meta\">\n            <span>Mon &ndash; Sat &middot; 10am &ndash; 7pm<\/span>\n            <span>Nearest metro: Sector 16<\/span>\n          <\/div>\n          <a class=\"k3-map__go\"\n             href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=A-27K%2C%20Sector%2016%2C%20Noida%2C%20Uttar%20Pradesh%20201301\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\n            Get directions\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- ============ DELHI ============ -->\n      <div class=\"k3-map\">\n        <div class=\"k3-map__frame\">\n          <span class=\"k3-map__pin\"><i><\/i> Registered Office<\/span>\n          <span class=\"k3-map__tint\" aria-hidden=\"true\"><\/span>\n          <iframe\n            src=\"https:\/\/www.google.com\/maps?q=A-32%2C%20Mayur%20Vihar%20Phase%201%2C%20New%20Delhi%20110091&#038;output=embed\"\n            title=\"Map \u2014 Mifa Productions, Mayur Vihar Phase 1\"\n            loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n        <\/div>\n        <div class=\"k3-map__body\">\n          <h3 class=\"k3-map__t\">New Delhi &mdash; Mayur Vihar<\/h3>\n          <p class=\"k3-map__a\">A-32, Second Floor, Mayur Vihar Phase-1,<br>New Delhi 110091<\/p>\n          <div class=\"k3-map__meta\">\n            <span>By appointment only<\/span>\n            <span>Accounts &amp; paperwork<\/span>\n          <\/div>\n          <a class=\"k3-map__go\"\n             href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=A-32%2C%20Mayur%20Vihar%20Phase%201%2C%20New%20Delhi%20110091\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.6\"\/><\/svg>\n            Get directions\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- ============ FAQ ============ -->\n    <div class=\"k3-faq\">\n      <div class=\"k3-eye\"><b>009<\/b> \/ Before you call<\/div>\n      <h2 class=\"k3-h2\">Jo sabse zyada <em>poocha<\/em> jaata hai.<\/h2>\n\n      <div class=\"k3-list\" id=\"k3List\">\n\n        <div class=\"k3-q on\">\n          <button class=\"k3-q__btn\" type=\"button\">\n            <span class=\"k3-q__n\">01<\/span>\n            <span class=\"k3-q__t\">Estimate ke liye kya information chahiye?<\/span>\n            <span class=\"k3-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"k3-q__body\"><div class=\"k3-q__inner\">\n            <p>Teen cheezein kaafi hain: <b>kya banana hai, kahan shoot hai, aur kab<\/b>.\n            Script ya reference video ho to aur behtar &mdash; estimate utna hi accurate aayega.\n            Agar abhi kuch clear nahi hai, tab bhi likh bhejiye; hum poochh ke nikaal lenge.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"k3-q\">\n          <button class=\"k3-q__btn\" type=\"button\">\n            <span class=\"k3-q__n\">02<\/span>\n            <span class=\"k3-q__t\">Delhi NCR ke bahar shoot karte ho?<\/span>\n            <span class=\"k3-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"k3-q__body\"><div class=\"k3-q__inner\">\n            <p>Haan. Base Noida hai par crew, gear aur permissions ka network\n            <b>pure India me<\/b> hai. Outstation shoots par travel, stay aur local\n            coordination sab estimate me alag heads me dikhaya jaata hai.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"k3-q\">\n          <button class=\"k3-q__btn\" type=\"button\">\n            <span class=\"k3-q__n\">03<\/span>\n            <span class=\"k3-q__t\">Sirf crew ya equipment chahiye to?<\/span>\n            <span class=\"k3-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"k3-q__body\"><div class=\"k3-q__inner\">\n            <p>Bilkul chalega. Bahut clients sirf <b>line production support<\/b> lete hain &mdash;\n            direction aur creative unka, zameen ka kaam humara. Scope aap decide karte ho.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"k3-q\">\n          <button class=\"k3-q__btn\" type=\"button\">\n            <span class=\"k3-q__n\">04<\/span>\n            <span class=\"k3-q__t\">Delivery me kitna time lagta hai?<\/span>\n            <span class=\"k3-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"k3-q__body\"><div class=\"k3-q__inner\">\n            <p>Ye format par depend karta hai &mdash; ek simple corporate film aur ek\n            multi-day campaign ka timeline alag hota hai. Estimate ke saath hi\n            <b>likhit delivery schedule<\/b> jaata hai, taaki dono taraf date clear rahe.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n        <div class=\"k3-q\">\n          <button class=\"k3-q__btn\" type=\"button\">\n            <span class=\"k3-q__n\">05<\/span>\n            <span class=\"k3-q__t\">Raw footage milti hai?<\/span>\n            <span class=\"k3-q__ic\"><i><\/i><i><\/i><\/span>\n          <\/button>\n          <div class=\"k3-q__body\"><div class=\"k3-q__inner\">\n            <p>Haan. Final masters ke saath <b>rushes aur project files<\/b> bhi handover kiye\n            jaate hain, taaki aage kabhi re-edit karna ho to aapko kisi par depend na rehna pade.<\/p>\n          <\/div><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ============ CLOSING BAND + FOOTER ============ -->\n  <div class=\"k3-cta\">\n    <div class=\"k3-in\">\n      <div class=\"k3-band\">\n        <h2 class=\"k3-h2\">Baaki sab call par &mdash; <em>rolling<\/em> se pehle.<\/h2>\n        <a class=\"k3-btn\" href=\"https:\/\/wa.me\/918527121545?text=Hi%20Mifa%20Productions%2C%20I%20have%20a%20question%20about%20a%20project.\" 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          Message us on WhatsApp\n        <\/a>\n      <\/div>\n\n      <div class=\"k3-foot\">\n        <span>&copy; <b id=\"k3Yr\">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-k3')\n    : document.querySelector('.mifa-k3');\n  if(!root) return;\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---------- year ---------- *\/\n  var yr = root.querySelector('#k3Yr');\n  if(yr) yr.textContent = new Date().getFullYear();\n\n  \/* ---------- map cards reveal ---------- *\/\n  var maps = Array.prototype.slice.call(root.querySelectorAll('.k3-map'));\n  if(reduce || !('IntersectionObserver' in window)){\n    maps.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:.15, rootMargin:'0px 0px -6% 0px'});\n    maps.forEach(function(m, i){ m.style.transitionDelay = (i * 0.1) + 's'; io.observe(m); });\n  }\n\n  \/* ---------- FAQ accordion ---------- *\/\n  var qs = Array.prototype.slice.call(root.querySelectorAll('.k3-q'));\n  qs.forEach(function(item){\n    var b = item.querySelector('.k3-q__btn');\n    if(!b) return;\n    b.addEventListener('click', function(){\n      var wasOpen = item.classList.contains('on');\n      qs.forEach(function(x){ x.classList.remove('on'); });\n      if(!wasOpen) item.classList.add('on');\n    });\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MIFAPRODUCTIONS Line Open IG FB LN Menu 001 Home 002 Studio 003 Services 004 Work 005 Clients 006 Contact A-27K, [&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-354","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\/354","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=354"}],"version-history":[{"count":2,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages\/354\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/pages\/354\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/mifaproduction.com\/index.php\/wp-json\/wp\/v2\/media?parent=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}