{"id":82,"date":"2026-04-19T06:17:16","date_gmt":"2026-04-19T06:17:16","guid":{"rendered":"https:\/\/openflowmedia.com\/?page_id=82"},"modified":"2026-04-20T10:32:01","modified_gmt":"2026-04-20T10:32:01","slug":"home","status":"publish","type":"page","link":"https:\/\/openflowmedia.com\/","title":{"rendered":"Open Flow Media"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b2955a e-con-full e-flex e-con e-parent\" data-id=\"1b2955a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f97b5aa elementor-widget elementor-widget-html\" data-id=\"f97b5aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Open Flow Media<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n.ofm *,\r\n.ofm *::before,\r\n.ofm *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.ofm {\r\n  font-family: 'Poppins', sans-serif;\r\n  background: #000;\r\n  color: #fff;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.ofm-hero {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #000;\r\n  overflow: hidden;\r\n}\r\n.ofm-hero-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 55% 70% at 75% 35%, rgba(224,44,0,0.22) 0%, transparent 65%),\r\n    radial-gradient(ellipse 35% 45% at 15% 85%, rgba(224,44,0,0.10) 0%, transparent 55%);\r\n  pointer-events: none;\r\n}\r\n.ofm-hero-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(224,44,0,0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(224,44,0,0.06) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  pointer-events: none;\r\n}\r\n.ofm-hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 120px 80px 100px;\r\n  max-width: 820px;\r\n}\r\n.ofm-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(224,44,0,0.12);\r\n  border: 1px solid rgba(224,44,0,0.35);\r\n  padding: 7px 18px;\r\n  border-radius: 100px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #e02c00;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 32px;\r\n}\r\n.ofm-eyebrow-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  background: #e02c00;\r\n  border-radius: 50%;\r\n  animation: ofm-pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes ofm-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.4; transform: scale(0.75); }\r\n}\r\n.ofm-hero-h1 {\r\n  font-size: clamp(44px, 7vw, 80px);\r\n  font-weight: 900;\r\n  line-height: 1.02;\r\n  letter-spacing: -3px;\r\n  color: #fff;\r\n  margin-bottom: 28px;\r\n}\r\n.ofm-hero-h1 em {\r\n  font-style: normal;\r\n  color: #e02c00;\r\n  position: relative;\r\n}\r\n.ofm-hero-h1 em::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 4px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: #e02c00;\r\n  border-radius: 2px;\r\n  opacity: 0.4;\r\n}\r\n.ofm-hero-sub {\r\n  font-size: clamp(16px, 2vw, 20px);\r\n  color: rgba(255,255,255,0.6);\r\n  line-height: 1.75;\r\n  max-width: 580px;\r\n  margin-bottom: 44px;\r\n  font-weight: 400;\r\n}\r\n.ofm-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-bottom: 72px;\r\n}\r\n.ofm-btn-primary {\r\n  background: #e02c00;\r\n  color: #fff;\r\n  padding: 16px 34px;\r\n  border-radius: 12px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  border: none;\r\n  text-decoration: none !important;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: all 0.25s ease;\r\n  font-family: 'Poppins', sans-serif;\r\n  letter-spacing: 0.2px;\r\n}\r\n.ofm-btn-primary:hover {\r\n  background: #c52500;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 40px rgba(224,44,0,0.45);\r\n  color: #fff !important;\r\n}\r\n.ofm-btn-outline {\r\n  background: transparent;\r\n  color: #fff;\r\n  padding: 16px 34px;\r\n  border-radius: 12px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  border: 1.5px solid rgba(255,255,255,0.2);\r\n  text-decoration: none !important;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: all 0.25s ease;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n.ofm-btn-outline:hover {\r\n  border-color: rgba(255,255,255,0.7);\r\n  background: rgba(255,255,255,0.05);\r\n  color: #fff !important;\r\n}\r\n.ofm-hero-stats {\r\n  display: flex;\r\n  gap: 0;\r\n  padding-top: 40px;\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.ofm-stat {\r\n  flex: 1;\r\n  padding-right: 36px;\r\n  border-right: 1px solid rgba(255,255,255,0.08);\r\n  margin-right: 36px;\r\n}\r\n.ofm-stat:last-child {\r\n  border-right: none;\r\n  margin-right: 0;\r\n  padding-right: 0;\r\n}\r\n.ofm-stat-n {\r\n  font-size: 44px;\r\n  font-weight: 900;\r\n  color: #e02c00;\r\n  line-height: 1;\r\n  letter-spacing: -2px;\r\n  display: block;\r\n}\r\n.ofm-stat-l {\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.4);\r\n  font-weight: 600;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  margin-top: 6px;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\r\n.ofm-marquee {\r\n  background: #e02c00;\r\n  padding: 20px 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.ofm-marquee-track {\r\n  display: flex;\r\n  white-space: nowrap;\r\n  animation: ofm-scroll 28s linear infinite;\r\n}\r\n.ofm-marquee-track:hover { animation-play-state: paused; }\r\n@keyframes ofm-scroll {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n.ofm-marquee-item {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 0 20px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.9);\r\n  flex-shrink: 0;\r\n}\r\n.ofm-marquee-sep {\r\n  width: 5px;\r\n  height: 5px;\r\n  background: rgba(255,255,255,0.45);\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 SHARED SECTION \u2500\u2500 *\/\r\n.ofm-section {\r\n  padding: 110px 80px;\r\n}\r\n.ofm-section--dark { background: #000; }\r\n.ofm-section--grey { background: #0d0d0d; }\r\n.ofm-section-header {\r\n  max-width: 600px;\r\n  margin-bottom: 60px;\r\n}\r\n.ofm-section-header.center {\r\n  text-align: center;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.ofm-label {\r\n  display: inline-block;\r\n  color: #e02c00;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n}\r\n.ofm-section-title {\r\n  font-size: clamp(30px, 5vw, 50px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -1.5px;\r\n  color: #fff;\r\n  margin-bottom: 16px;\r\n}\r\n.ofm-section-title em {\r\n  font-style: normal;\r\n  color: #e02c00;\r\n}\r\n.ofm-section-desc {\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.5);\r\n  line-height: 1.75;\r\n  max-width: 500px;\r\n}\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n.ofm-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n}\r\n.ofm-service-card {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 20px;\r\n  padding: 36px 28px;\r\n  transition: all 0.35s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: default;\r\n}\r\n.ofm-service-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #e02c00, #ff6040);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n.ofm-service-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(224,44,0,0.08), transparent);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n}\r\n.ofm-service-card:hover {\r\n  border-color: rgba(224,44,0,0.3);\r\n  transform: translateY(-6px);\r\n}\r\n.ofm-service-card:hover::before { transform: scaleX(1); }\r\n.ofm-service-card:hover::after { opacity: 1; }\r\n.ofm-service-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  background: rgba(224,44,0,0.1);\r\n  border: 1px solid rgba(224,44,0,0.2);\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 22px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.ofm-service-card h3 {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.ofm-service-card p {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.7;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.ofm-service-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  color: #e02c00;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  margin-top: 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n  text-decoration: none !important;\r\n  transition: gap 0.2s;\r\n}\r\n.ofm-service-arrow:hover { gap: 10px; }\r\n\r\n\/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n.ofm-process-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n.ofm-process-steps {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n.ofm-step {\r\n  display: flex;\r\n  gap: 24px;\r\n  padding: 28px 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.ofm-step:last-child { border-bottom: none; }\r\n.ofm-step-num {\r\n  font-size: 48px;\r\n  font-weight: 900;\r\n  color: rgba(224,44,0,0.15);\r\n  line-height: 1;\r\n  min-width: 56px;\r\n  letter-spacing: -2px;\r\n  flex-shrink: 0;\r\n  font-family: 'Poppins', sans-serif;\r\n  transition: color 0.3s;\r\n}\r\n.ofm-step:hover .ofm-step-num { color: rgba(224,44,0,0.4); }\r\n.ofm-step-body { padding-top: 6px; }\r\n.ofm-step-body h3 {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n.ofm-step-body p {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.7;\r\n}\r\n.ofm-process-card {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 24px;\r\n  padding: 44px;\r\n  text-align: center;\r\n}\r\n.ofm-process-card h3 {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.5px;\r\n}\r\n.ofm-process-card p {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.7;\r\n  margin-bottom: 28px;\r\n}\r\n.ofm-turnaround {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(224,44,0,0.1);\r\n  border: 1px solid rgba(224,44,0,0.25);\r\n  border-radius: 100px;\r\n  padding: 8px 20px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #e02c00;\r\n}\r\n\r\n\/* \u2500\u2500 PORTFOLIO PREVIEW \u2500\u2500 *\/\r\n.ofm-portfolio-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 40px;\r\n}\r\n.ofm-portfolio-grid .ofm-card-wide {\r\n  grid-column: span 2;\r\n}\r\n.ofm-pcard {\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  transition: all 0.35s ease;\r\n  cursor: pointer;\r\n}\r\n.ofm-pcard:hover {\r\n  border-color: rgba(224,44,0,0.4);\r\n  transform: translateY(-5px);\r\n}\r\n.ofm-pcard-img {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n.ofm-pcard-img.ratio-wide { aspect-ratio: 16\/9; }\r\n.ofm-pcard-img.ratio-sq { aspect-ratio: 4\/5; }\r\n.ofm-pcard-img.ratio-std { aspect-ratio: 16\/10; }\r\n.g1 { background: linear-gradient(145deg, #1c0900, #331400); }\r\n.g2 { background: linear-gradient(145deg, #001c1c, #002828); }\r\n.g3 { background: linear-gradient(145deg, #0e0e1e, #181828); }\r\n.g4 { background: linear-gradient(145deg, #1a1000, #2a1c00); }\r\n.g5 { background: linear-gradient(145deg, #001616, #002222); }\r\n.ofm-pcard-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(224,44,0,0.0);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.3s;\r\n}\r\n.ofm-pcard:hover .ofm-pcard-overlay { background: rgba(224,44,0,0.12); }\r\n.ofm-pcard-play {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  background: #e02c00;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  transform: scale(0.6);\r\n  opacity: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n.ofm-pcard:hover .ofm-pcard-play {\r\n  transform: scale(1);\r\n  opacity: 1;\r\n}\r\n.ofm-ph-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 50%;\r\n  background: rgba(224,44,0,0.15);\r\n  border: 2px dashed rgba(224,44,0,0.4);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.ofm-ph-lbl {\r\n  font-size: 10px;\r\n  color: rgba(255,255,255,0.2);\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n.ofm-pcard-info { padding: 22px; }\r\n.ofm-pcard-cat {\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  color: #e02c00;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 7px;\r\n}\r\n.ofm-pcard-title {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 7px;\r\n}\r\n.ofm-pcard-desc {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.4);\r\n  line-height: 1.6;\r\n}\r\n.ofm-portfolio-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 20px;\r\n  border-top: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.ofm-portfolio-cta p {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.4);\r\n}\r\n.ofm-portfolio-cta p strong {\r\n  color: #fff;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n.ofm-why-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n}\r\n.ofm-why-card {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 20px;\r\n  padding: 36px 28px;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.ofm-why-card:hover {\r\n  border-color: rgba(224,44,0,0.25);\r\n  transform: translateY(-4px);\r\n}\r\n.ofm-why-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-bottom: 20px;\r\n  display: block;\r\n}\r\n.ofm-why-card h3 {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n.ofm-why-card p {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n.ofm-testimonials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n}\r\n.ofm-tcard {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 20px;\r\n  padding: 32px 28px;\r\n  transition: border-color 0.3s;\r\n}\r\n.ofm-tcard:hover { border-color: rgba(224,44,0,0.25); }\r\n.ofm-tcard-stars {\r\n  display: flex;\r\n  gap: 3px;\r\n  margin-bottom: 18px;\r\n}\r\n.ofm-star {\r\n  width: 14px;\r\n  height: 14px;\r\n  background: #e02c00;\r\n  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n}\r\n.ofm-tcard-quote {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.65);\r\n  line-height: 1.75;\r\n  margin-bottom: 24px;\r\n  font-style: italic;\r\n}\r\n.ofm-tcard-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid rgba(255,255,255,0.07);\r\n}\r\n.ofm-avatar {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  flex-shrink: 0;\r\n}\r\n.ofm-av1 { background: linear-gradient(135deg, #e02c00, #ff6040); }\r\n.ofm-av2 { background: linear-gradient(135deg, #0d5ea8, #1a7fd4); }\r\n.ofm-av3 { background: linear-gradient(135deg, #107c4e, #18a866); }\r\n.ofm-tcard-name {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n}\r\n.ofm-tcard-role {\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.35);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 CLIENTS \u2500\u2500 *\/\r\n.ofm-clients-strip {\r\n  background: #0a0a0a;\r\n  padding: 60px 80px;\r\n  border-top: 1px solid rgba(255,255,255,0.05);\r\n  border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.ofm-clients-label {\r\n  text-align: center;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.25);\r\n  margin-bottom: 36px;\r\n}\r\n.ofm-clients-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  justify-content: center;\r\n}\r\n.ofm-client-pill {\r\n  padding: 12px 28px;\r\n  border-radius: 100px;\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: rgba(255,255,255,0.4);\r\n  letter-spacing: 0.5px;\r\n  transition: all 0.25s;\r\n}\r\n.ofm-client-pill:hover {\r\n  background: rgba(224,44,0,0.08);\r\n  border-color: rgba(224,44,0,0.3);\r\n  color: rgba(255,255,255,0.8);\r\n}\r\n\r\n\/* \u2500\u2500 QUOTE BREAK \u2500\u2500 *\/\r\n.ofm-quote-section {\r\n  background: #000;\r\n  padding: 100px 80px;\r\n  display: flex;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n.ofm-quote-left { flex: 1; }\r\n.ofm-quote-mark {\r\n  font-size: 100px;\r\n  line-height: 0.6;\r\n  color: rgba(224,44,0,0.2);\r\n  font-weight: 900;\r\n  margin-bottom: 32px;\r\n  display: block;\r\n  font-family: Georgia, serif;\r\n}\r\n.ofm-quote-text {\r\n  font-size: clamp(22px, 3vw, 30px);\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.5;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: 24px;\r\n}\r\n.ofm-quote-text em {\r\n  font-style: normal;\r\n  color: #e02c00;\r\n}\r\n.ofm-quote-author {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.35);\r\n  font-weight: 500;\r\n}\r\n.ofm-quote-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  min-width: 280px;\r\n}\r\n.ofm-quote-stat {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 16px;\r\n  padding: 22px 26px;\r\n}\r\n.ofm-quote-stat-n {\r\n  font-size: 36px;\r\n  font-weight: 900;\r\n  color: #e02c00;\r\n  letter-spacing: -1.5px;\r\n  line-height: 1;\r\n  display: block;\r\n}\r\n.ofm-quote-stat-l {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.35);\r\n  font-weight: 500;\r\n  margin-top: 4px;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 FORMATS \u2500\u2500 *\/\r\n.ofm-formats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 14px;\r\n}\r\n.ofm-format-card {\r\n  background: #111;\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 18px;\r\n  padding: 30px 22px;\r\n  transition: all 0.3s;\r\n}\r\n.ofm-format-card:hover {\r\n  border-color: rgba(224,44,0,0.3);\r\n  transform: translateY(-4px);\r\n}\r\n.ofm-format-num {\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: rgba(224,44,0,0.5);\r\n  letter-spacing: 2px;\r\n  margin-bottom: 16px;\r\n  display: block;\r\n}\r\n.ofm-format-card h3 {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n}\r\n.ofm-format-card p {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.4);\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n.ofm-faq {\r\n  max-width: 740px;\r\n  margin: 0 auto;\r\n}\r\n.ofm-faq-item {\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  padding: 24px 0;\r\n  cursor: pointer;\r\n}\r\n.ofm-faq-item:first-child { border-top: 1px solid rgba(255,255,255,0.07); }\r\n.ofm-faq-q {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 24px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n}\r\n.ofm-faq-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  background: rgba(224,44,0,0.1);\r\n  border: 1px solid rgba(224,44,0,0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  color: #e02c00;\r\n  flex-shrink: 0;\r\n  transition: transform 0.3s;\r\n  line-height: 1;\r\n}\r\n.ofm-faq-item.open .ofm-faq-icon { transform: rotate(45deg); }\r\n.ofm-faq-a {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.75;\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease, padding-top 0.3s ease;\r\n}\r\n.ofm-faq-item.open .ofm-faq-a {\r\n  max-height: 200px;\r\n  padding-top: 14px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.ofm-cta-section {\r\n  background: #e02c00;\r\n  padding: 110px 80px;\r\n  display: flex;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n.ofm-cta-left { flex: 1; }\r\n.ofm-cta-eyebrow {\r\n  display: inline-block;\r\n  background: rgba(255,255,255,0.15);\r\n  border-radius: 100px;\r\n  padding: 5px 16px;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.8);\r\n  margin-bottom: 22px;\r\n}\r\n.ofm-cta-h {\r\n  font-size: clamp(30px, 5vw, 52px);\r\n  font-weight: 900;\r\n  color: #fff;\r\n  letter-spacing: -2px;\r\n  line-height: 1.05;\r\n  margin-bottom: 18px;\r\n}\r\n.ofm-cta-sub {\r\n  font-size: 16px;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.7;\r\n  max-width: 440px;\r\n}\r\n.ofm-cta-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  min-width: 300px;\r\n}\r\n.ofm-btn-white {\r\n  background: #fff;\r\n  color: #e02c00;\r\n  padding: 17px 36px;\r\n  border-radius: 12px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  border: none;\r\n  text-decoration: none !important;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  transition: all 0.25s;\r\n  font-family: 'Poppins', sans-serif;\r\n  letter-spacing: 0.2px;\r\n}\r\n.ofm-btn-white:hover {\r\n  background: #000;\r\n  color: #fff !important;\r\n  transform: translateY(-2px);\r\n}\r\n.ofm-btn-ghost {\r\n  background: transparent;\r\n  color: rgba(255,255,255,0.8);\r\n  padding: 17px 36px;\r\n  border-radius: 12px;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  border: 1.5px solid rgba(255,255,255,0.3);\r\n  text-decoration: none !important;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  transition: all 0.25s;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n.ofm-btn-ghost:hover {\r\n  border-color: rgba(255,255,255,0.8);\r\n  color: #fff !important;\r\n}\r\n.ofm-cta-note {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.45);\r\n  text-align: center;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .ofm-services-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .ofm-formats-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .ofm-portfolio-grid { grid-template-columns: 1fr 1fr; }\r\n  .ofm-portfolio-grid .ofm-card-wide { grid-column: span 1; }\r\n  .ofm-pcard-img.ratio-sq { aspect-ratio: 16\/10; }\r\n  .ofm-process-row { grid-template-columns: 1fr; gap: 40px; }\r\n  .ofm-quote-section { flex-direction: column; gap: 40px; }\r\n  .ofm-cta-section { flex-direction: column; gap: 40px; }\r\n  .ofm-cta-right { min-width: 100%; }\r\n}\r\n@media (max-width: 768px) {\r\n  .ofm-hero-inner { padding: 80px 28px 70px; }\r\n  .ofm-section { padding: 70px 28px; }\r\n  .ofm-services-grid { grid-template-columns: 1fr; }\r\n  .ofm-portfolio-grid { grid-template-columns: 1fr; }\r\n  .ofm-why-grid { grid-template-columns: 1fr; }\r\n  .ofm-testimonials-grid { grid-template-columns: 1fr; }\r\n  .ofm-formats-grid { grid-template-columns: 1fr 1fr; }\r\n  .ofm-quote-section { padding: 70px 28px; }\r\n  .ofm-cta-section { padding: 70px 28px; }\r\n  .ofm-clients-strip { padding: 50px 28px; }\r\n  .ofm-hero-actions { flex-direction: column; }\r\n  .ofm-btn-primary, .ofm-btn-outline { justify-content: center; }\r\n  .ofm-hero-stats { flex-direction: column; gap: 24px; }\r\n  .ofm-stat { border-right: none; padding-right: 0; margin-right: 0; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 24px; }\r\n  .ofm-stat:last-child { border-bottom: none; padding-bottom: 0; }\r\n  .ofm-quote-right { min-width: 100%; flex-direction: row; }\r\n  .ofm-quote-stat { flex: 1; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ofm\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-hero\">\r\n    <div class=\"ofm-hero-glow\"><\/div>\r\n    <div class=\"ofm-hero-grid\"><\/div>\r\n    <div class=\"ofm-hero-inner\">\r\n      <div class=\"ofm-eyebrow\">\r\n        <span class=\"ofm-eyebrow-dot\"><\/span>\r\n        Founded 2026 &nbsp;\u00b7&nbsp; Video &amp; Photo Production\r\n      <\/div>\r\n      <h1 class=\"ofm-hero-h1\">\r\n        We Turn<br>\r\n        <em>Attention<\/em><br>\r\n        Into Impact.\r\n      <\/h1>\r\n      <p class=\"ofm-hero-sub\">Strategic video production and photography that helps brands communicate with clarity, stand out visually, and convert viewers into loyal customers.<\/p>\r\n      <div class=\"ofm-hero-actions\">\r\n        <a href=\"\/contact-us\" class=\"ofm-btn-primary\">Start Your Project &nbsp;&#8599;<\/a>\r\n        <a href=\"\/portfolio\" class=\"ofm-btn-outline\">View Our Work &nbsp;&#8594;<\/a>\r\n      <\/div>\r\n      <div class=\"ofm-hero-stats\">\r\n        <div class=\"ofm-stat\">\r\n          <span class=\"ofm-stat-n\">150+<\/span>\r\n          <span class=\"ofm-stat-l\">Projects Delivered<\/span>\r\n        <\/div>\r\n        <div class=\"ofm-stat\">\r\n          <span class=\"ofm-stat-n\">50+<\/span>\r\n          <span class=\"ofm-stat-l\">Happy Clients<\/span>\r\n        <\/div>\r\n        <div class=\"ofm-stat\">\r\n          <span class=\"ofm-stat-n\">2+<\/span>\r\n          <span class=\"ofm-stat-l\">Years On-Ground<\/span>\r\n        <\/div>\r\n        <div class=\"ofm-stat\">\r\n          <span class=\"ofm-stat-n\">&lt;24h<\/span>\r\n          <span class=\"ofm-stat-l\">Response Time<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ofm-marquee\">\r\n    <div class=\"ofm-marquee-track\">\r\n      <span class=\"ofm-marquee-item\">Video Production<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Brand Films<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Product Photography<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Fashion &amp; Model<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Event Coverage<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Content Strategy<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Post-Production<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Influencer Content<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Ad Campaigns<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Video Production<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Brand Films<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Product Photography<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Fashion &amp; Model<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Event Coverage<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Content Strategy<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Post-Production<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Influencer Content<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n      <span class=\"ofm-marquee-item\">Ad Campaigns<span class=\"ofm-marquee-sep\"><\/span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--grey\">\r\n    <div class=\"ofm-section-header\">\r\n      <span class=\"ofm-label\">What We Do<\/span>\r\n      <h2 class=\"ofm-section-title\">Services Built<br>for <em>Real Results<\/em><\/h2>\r\n      <p class=\"ofm-section-desc\">From the first concept meeting to the final delivered file \u2014 every service is crafted to move the needle for your brand.<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-services-grid\">\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"2\" y=\"4\" width=\"15\" height=\"13\" rx=\"2\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <path d=\"M17 9l5-3v10l-5-3V9z\" fill=\"#e02c00\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Video Production<\/h3>\r\n        <p>Cinematic brand films, product ads, and social-first content that stops the scroll and drives action.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <circle cx=\"12\" cy=\"11\" r=\"3.5\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"#e02c00\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Photography<\/h3>\r\n        <p>Striking product, fashion, event, and brand imagery that communicates premium quality at every pixel.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 6h16M4 12h10M4 18h7\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"19\" cy=\"17\" r=\"3\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <path d=\"M19 15.5v1.5l1 1\" stroke=\"#e02c00\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Post-Production<\/h3>\r\n        <p>Professional colour grading, editing, motion graphics, and sound design that elevate every frame.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 18l4-8 4 5 3-4 5 7H4z\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Content Strategy<\/h3>\r\n        <p>Data-backed creative planning that connects your visual content directly to measurable business goals.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"3.5\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <path d=\"M5 20c0-3.866 3.134-7 7-7s7 3.134 7 7\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Fashion &amp; Model Shoots<\/h3>\r\n        <p>Portfolio-defining fashion photography and model reels that build undeniable confidence and presence.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3l1.5 4.5H18l-3.75 2.7 1.5 4.5L12 12l-3.75 2.7 1.5-4.5L6 7.5h4.5L12 3z\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M5 20h14\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Event Coverage<\/h3>\r\n        <p>Live event documentation \u2014 launches, shows, celebrations, and conferences \u2014 captured in full.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M13 2L4 14h7l-1 8 9-12h-7l1-8z\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Influencer Content<\/h3>\r\n        <p>High-converting creator-style content built for Reels, Shorts, and long-form platform performance.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-service-card\">\r\n        <div class=\"ofm-service-icon\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n            <path d=\"M8 12h8M12 8v8\" stroke=\"#e02c00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Ad Campaigns<\/h3>\r\n        <p>Full-funnel advertising assets \u2014 from concept to final edit \u2014 designed to perform across every platform.<\/p>\r\n        <a href=\"\/contact-us\" class=\"ofm-service-arrow\">Enquire &#8594;<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--dark\">\r\n    <div class=\"ofm-process-row\">\r\n      <div>\r\n        <span class=\"ofm-label\">How It Works<\/span>\r\n        <h2 class=\"ofm-section-title\">From Brief<br>to <em>Final Cut<\/em><\/h2>\r\n        <p class=\"ofm-section-desc\" style=\"margin-bottom:48px\">A structured, transparent process that removes guesswork and delivers results on time, every time.<\/p>\r\n        <div class=\"ofm-process-steps\">\r\n          <div class=\"ofm-step\">\r\n            <div class=\"ofm-step-num\">01<\/div>\r\n            <div class=\"ofm-step-body\">\r\n              <h3>Discovery &amp; Brief<\/h3>\r\n              <p>We deep-dive into your brand, audience, goals, and budget. No assumptions \u2014 just clarity from the start.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ofm-step\">\r\n            <div class=\"ofm-step-num\">02<\/div>\r\n            <div class=\"ofm-step-body\">\r\n              <h3>Pre-Production<\/h3>\r\n              <p>Scripting, moodboards, shot lists, location scouting, casting, and full shoot scheduling handled by us.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ofm-step\">\r\n            <div class=\"ofm-step-num\">03<\/div>\r\n            <div class=\"ofm-step-body\">\r\n              <h3>Production Day<\/h3>\r\n              <p>Our professional crew executes with precision \u2014 premium equipment, on-set direction, and zero compromise.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ofm-step\">\r\n            <div class=\"ofm-step-num\">04<\/div>\r\n            <div class=\"ofm-step-body\">\r\n              <h3>Post &amp; Delivery<\/h3>\r\n              <p>Colour grading, sound, editing, and final export \u2014 delivered in all formats, ready for every platform.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ofm-process-card\">\r\n        <div style=\"width:80px;height:80px;background:rgba(224,44,0,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid rgba(224,44,0,0.2)\">\r\n          <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\r\n            <circle cx=\"18\" cy=\"18\" r=\"13\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n            <path d=\"M18 10v8l5 3\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Ready in as little as 5 days<\/h3>\r\n        <p>We move fast without cutting corners. Rush delivery available for time-sensitive campaigns.<\/p>\r\n        <span class=\"ofm-turnaround\">&#10003; &nbsp;Standard turnaround: 7\u201314 days<\/span>\r\n        <div style=\"margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.07)\">\r\n          <p style=\"font-size:12px;color:rgba(255,255,255,0.3);margin-bottom:16px\">WHAT'S ALWAYS INCLUDED<\/p>\r\n          <div style=\"display:flex;flex-direction:column;gap:10px;text-align:left\">\r\n            <div style=\"display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,0.55)\"><span style=\"color:#e02c00;font-weight:800\">&#10003;<\/span> Pre-production planning<\/div>\r\n            <div style=\"display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,0.55)\"><span style=\"color:#e02c00;font-weight:800\">&#10003;<\/span> Professional crew &amp; equipment<\/div>\r\n            <div style=\"display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,0.55)\"><span style=\"color:#e02c00;font-weight:800\">&#10003;<\/span> 2 rounds of revisions<\/div>\r\n            <div style=\"display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,0.55)\"><span style=\"color:#e02c00;font-weight:800\">&#10003;<\/span> Multi-format delivery<\/div>\r\n            <div style=\"display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,0.55)\"><span style=\"color:#e02c00;font-weight:800\">&#10003;<\/span> Full usage rights<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PORTFOLIO PREVIEW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--grey\">\r\n    <div style=\"display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:20px\">\r\n      <div>\r\n        <span class=\"ofm-label\">Featured Work<\/span>\r\n        <h2 class=\"ofm-section-title\" style=\"margin-bottom:0\">Projects We're<br>Proud Of<\/h2>\r\n      <\/div>\r\n      <a href=\"\/portfolio\" class=\"ofm-btn-outline\" style=\"flex-shrink:0\">All Projects &#8594;<\/a>\r\n    <\/div>\r\n    <div class=\"ofm-portfolio-grid\">\r\n\r\n      <div class=\"ofm-pcard ofm-card-wide\">\r\n        <div class=\"ofm-pcard-img ratio-wide g1\">\r\n          <div class=\"ofm-ph-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M10 8.5l6 3.5-6 3.5V8.5z\" fill=\"rgba(224,44,0,0.8)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ofm-ph-lbl\">Event Coverage<\/span>\r\n          <div class=\"ofm-pcard-overlay\">\r\n            <div class=\"ofm-pcard-play\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M6 4l10 5-10 5V4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ofm-pcard-info\">\r\n          <div class=\"ofm-pcard-cat\">Event &nbsp;\u00b7&nbsp; 2024<\/div>\r\n          <div class=\"ofm-pcard-title\">Tech Summit 2024 \u2014 Full Coverage<\/div>\r\n          <div class=\"ofm-pcard-desc\">500+ attendees, 3 stages, 1 highlight reel. Full keynote, interview, and BTS production across two days.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-pcard\">\r\n        <div class=\"ofm-pcard-img ratio-sq g2\">\r\n          <div class=\"ofm-ph-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"12\" cy=\"11\" r=\"3.5\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ofm-ph-lbl\">Product Shoot<\/span>\r\n          <div class=\"ofm-pcard-overlay\">\r\n            <div class=\"ofm-pcard-play\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"#fff\" stroke-width=\"1.5\"\/><path d=\"M7 6l6 3-6 3V6z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ofm-pcard-info\">\r\n          <div class=\"ofm-pcard-cat\">Campaign<\/div>\r\n          <div class=\"ofm-pcard-title\">Lux Timepieces<\/div>\r\n          <div class=\"ofm-pcard-desc\">Cinematic luxury product shoot and 30-second ad film for a premium watch label.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-pcard\">\r\n        <div class=\"ofm-pcard-img ratio-std g3\">\r\n          <div class=\"ofm-ph-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"2\" y=\"4\" width=\"15\" height=\"13\" rx=\"2\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M17 9l5-3v10l-5-3V9z\" fill=\"rgba(224,44,0,0.8)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ofm-ph-lbl\">Brand Film<\/span>\r\n          <div class=\"ofm-pcard-overlay\">\r\n            <div class=\"ofm-pcard-play\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M6 4l10 5-10 5V4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ofm-pcard-info\">\r\n          <div class=\"ofm-pcard-cat\">Brand Film<\/div>\r\n          <div class=\"ofm-pcard-title\">Origin Story<\/div>\r\n          <div class=\"ofm-pcard-desc\">A founder-narrative film that drove investor engagement and viral organic reach.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-pcard\">\r\n        <div class=\"ofm-pcard-img ratio-std g4\">\r\n          <div class=\"ofm-ph-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"3.5\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M5 20c0-3.866 3.134-7 7-7s7 3.134 7 7\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ofm-ph-lbl\">Fashion<\/span>\r\n          <div class=\"ofm-pcard-overlay\">\r\n            <div class=\"ofm-pcard-play\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"#fff\" stroke-width=\"1.5\"\/><path d=\"M7 6l6 3-6 3V6z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ofm-pcard-info\">\r\n          <div class=\"ofm-pcard-cat\">Fashion &amp; Model<\/div>\r\n          <div class=\"ofm-pcard-title\">Haute Collective<\/div>\r\n          <div class=\"ofm-pcard-desc\">Editorial portfolio for an emerging luxury clothing brand launching across South Asia.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-pcard\">\r\n        <div class=\"ofm-pcard-img ratio-std g5\">\r\n          <div class=\"ofm-ph-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"12\" cy=\"11\" r=\"3.5\" stroke=\"rgba(224,44,0,0.8)\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"rgba(224,44,0,0.8)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"ofm-ph-lbl\">Ad Film<\/span>\r\n          <div class=\"ofm-pcard-overlay\">\r\n            <div class=\"ofm-pcard-play\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M6 4l10 5-10 5V4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ofm-pcard-info\">\r\n          <div class=\"ofm-pcard-cat\">Ad Film<\/div>\r\n          <div class=\"ofm-pcard-title\">UrbanSnap App<\/div>\r\n          <div class=\"ofm-pcard-desc\">60-second launch film that pulled 2M+ organic views on Instagram in 72 hours.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"ofm-portfolio-cta\">\r\n      <p><strong>150+ projects<\/strong> delivered across India and beyond.<\/p>\r\n      <a href=\"\/portfolio\" class=\"ofm-btn-primary\">Explore Full Portfolio &#8599;<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CLIENTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ofm-clients-strip\">\r\n    <p class=\"ofm-clients-label\">Trusted by leading brands<\/p>\r\n    <div class=\"ofm-clients-row\">\r\n      <div class=\"ofm-client-pill\">Apex Corp<\/div>\r\n      <div class=\"ofm-client-pill\">NovaTech<\/div>\r\n      <div class=\"ofm-client-pill\">Meridian<\/div>\r\n      <div class=\"ofm-client-pill\">Prism Studios<\/div>\r\n      <div class=\"ofm-client-pill\">Velocity<\/div>\r\n      <div class=\"ofm-client-pill\">Lumina<\/div>\r\n      <div class=\"ofm-client-pill\">Haute Collective<\/div>\r\n      <div class=\"ofm-client-pill\">UrbanSnap<\/div>\r\n      <div class=\"ofm-client-pill\">Savour Kitchen<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY OPEN FLOW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--dark\">\r\n    <div class=\"ofm-section-header\">\r\n      <span class=\"ofm-label\">Why Open Flow Media<\/span>\r\n      <h2 class=\"ofm-section-title\">Strategy Meets<br><em>Craft<\/em><\/h2>\r\n      <p class=\"ofm-section-desc\">We don't just shoot pretty frames. Every decision is driven by what your brand actually needs to grow.<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-why-grid\">\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <circle cx=\"20\" cy=\"20\" r=\"8\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n          <circle cx=\"20\" cy=\"20\" r=\"3\" fill=\"#e02c00\"\/>\r\n          <path d=\"M20 4v5M20 31v5M4 20h5M31 20h5\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n        <h3>Purpose-First Approach<\/h3>\r\n        <p>Every project begins with understanding your business goal \u2014 not just the aesthetic. We create visuals that have a job to do.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <circle cx=\"20\" cy=\"20\" r=\"13\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M15 20l4 4 7-7\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <h3>Full-Stack Production<\/h3>\r\n        <p>From scripting and location scouting to final colour grade \u2014 one team handles everything so nothing gets lost in handoffs.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <rect x=\"8\" y=\"12\" width=\"24\" height=\"18\" rx=\"3\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M14 12V10a6 6 0 0112 0v2\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M20 22v-3M20 22a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\" stroke=\"#e02c00\" stroke-width=\"1.5\"\/>\r\n        <\/svg>\r\n        <h3>Budget-Flexible<\/h3>\r\n        <p>We adapt to your scale \u2014 whether it's a lean startup shoot or a multi-day enterprise production. No compromise on professionalism.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <circle cx=\"20\" cy=\"20\" r=\"13\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M20 11v9l5 3\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n        <h3>Fast Turnaround<\/h3>\r\n        <p>Standard delivery in 7\u201314 days. Rush options available. We know content has windows \u2014 and we never miss yours.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <path d=\"M20 6l2.5 7.5H30l-6 4.5 2.5 7.5L20 21l-6.5 4.5 2.5-7.5-6-4.5h7.5L20 6z\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <h3>Cinematic Quality<\/h3>\r\n        <p>Premium gear, professional crew, and a detail-obsessed post-production process \u2014 every frame earns its place.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ofm-why-card\">\r\n        <svg class=\"ofm-why-icon\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <circle cx=\"20\" cy=\"15\" r=\"6\" stroke=\"#e02c00\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M9 35c0-6.075 4.925-11 11-11s11 4.925 11 11\" stroke=\"#e02c00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n        <h3>Dedicated Point of Contact<\/h3>\r\n        <p>No account managers bouncing you around. Your project lead is reachable throughout \u2014 one call, one answer.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUOTE BREAK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"ofm-quote-section\">\r\n    <div class=\"ofm-quote-left\">\r\n      <span class=\"ofm-quote-mark\">\"<\/span>\r\n      <p class=\"ofm-quote-text\">Every brand has a powerful story \u2014 it just needs the <em>right team<\/em> to tell it with clarity, intention, and craft.<\/p>\r\n      <p class=\"ofm-quote-author\">\u2014 Open Flow Media &nbsp;\u00b7&nbsp; Founded 2026<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-quote-right\">\r\n      <div class=\"ofm-quote-stat\">\r\n        <span class=\"ofm-quote-stat-n\">150+<\/span>\r\n        <span class=\"ofm-quote-stat-l\">Projects delivered<\/span>\r\n      <\/div>\r\n      <div class=\"ofm-quote-stat\">\r\n        <span class=\"ofm-quote-stat-n\">98%<\/span>\r\n        <span class=\"ofm-quote-stat-l\">Client satisfaction rate<\/span>\r\n      <\/div>\r\n      <div class=\"ofm-quote-stat\">\r\n        <span class=\"ofm-quote-stat-n\">12+<\/span>\r\n        <span class=\"ofm-quote-stat-l\">Industries served<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--grey\">\r\n    <div class=\"ofm-section-header center\">\r\n      <span class=\"ofm-label\">Client Stories<\/span>\r\n      <h2 class=\"ofm-section-title\">What Our<br>Clients Say<\/h2>\r\n    <\/div>\r\n    <div class=\"ofm-testimonials-grid\">\r\n      <div class=\"ofm-tcard\">\r\n        <div class=\"ofm-tcard-stars\">\r\n          <div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div>\r\n        <\/div>\r\n        <p class=\"ofm-tcard-quote\">\"Open Flow delivered a brand film that exceeded every expectation. Our investor deck now opens with it \u2014 and it never fails to impress. Worth every rupee.\"<\/p>\r\n        <div class=\"ofm-tcard-author\">\r\n          <div class=\"ofm-avatar ofm-av1\">RK<\/div>\r\n          <div>\r\n            <div class=\"ofm-tcard-name\">Rohan Kapoor<\/div>\r\n            <div class=\"ofm-tcard-role\">Founder, NovaTech Solutions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ofm-tcard\">\r\n        <div class=\"ofm-tcard-stars\">\r\n          <div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div>\r\n        <\/div>\r\n        <p class=\"ofm-tcard-quote\">\"They shot our entire product catalogue in two days. The quality was cinematic \u2014 our conversion rate on the website went up 34% after the refresh. Phenomenal team.\"<\/p>\r\n        <div class=\"ofm-tcard-author\">\r\n          <div class=\"ofm-avatar ofm-av2\">AS<\/div>\r\n          <div>\r\n            <div class=\"ofm-tcard-name\">Anika Sharma<\/div>\r\n            <div class=\"ofm-tcard-role\">Head of Marketing, Lux Timepieces<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ofm-tcard\">\r\n        <div class=\"ofm-tcard-stars\">\r\n          <div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div><div class=\"ofm-star\"><\/div>\r\n        <\/div>\r\n        <p class=\"ofm-tcard-quote\">\"From brief to delivery in 9 days. The event film they made for our summit is now used across all our corporate decks. Genuinely the best production team we've worked with.\"<\/p>\r\n        <div class=\"ofm-tcard-author\">\r\n          <div class=\"ofm-avatar ofm-av3\">PM<\/div>\r\n          <div>\r\n            <div class=\"ofm-tcard-name\">Pradeep Mehta<\/div>\r\n            <div class=\"ofm-tcard-role\">CEO, Apex Corp India<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FORMATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--dark\">\r\n    <div class=\"ofm-section-header\">\r\n      <span class=\"ofm-label\">Formats We Work In<\/span>\r\n      <h2 class=\"ofm-section-title\">Every Format.<br>Every <em>Platform.<\/em><\/h2>\r\n      <p class=\"ofm-section-desc\">We produce content that fits where your audience actually is \u2014 from broadcast to Reels.<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-formats-grid\">\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">01<\/span><h3>Brand &amp; Corporate Films<\/h3><p>Long-form storytelling for investors, internal comms, and brand awareness campaigns.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">02<\/span><h3>Social-First Content<\/h3><p>Reels, Shorts, and Stories optimised for vertical mobile viewing and platform algorithms.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">03<\/span><h3>Product &amp; E-Commerce<\/h3><p>Hero images, 360\u00b0 lookbooks, and lifestyle photography that sells on Shopify, Amazon, and beyond.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">04<\/span><h3>Testimonial &amp; Interview<\/h3><p>Polished talking-head videos with B-roll that build trust and social proof at scale.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">05<\/span><h3>Event &amp; Conference<\/h3><p>Multi-camera live coverage with same-day highlight reel delivery for launch events and summits.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">06<\/span><h3>Fashion &amp; Editorial<\/h3><p>High-fashion stills and motion portfolios for models, designers, and luxury lifestyle brands.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">07<\/span><h3>Ad &amp; Performance<\/h3><p>Direct-response ad creative \u2014 built to convert \u2014 across Meta, YouTube, and OTT platforms.<\/p><\/div>\r\n      <div class=\"ofm-format-card\"><span class=\"ofm-format-num\">08<\/span><h3>Documentary &amp; Docu-style<\/h3><p>Immersive long-form content for branded journalism, NGO storytelling, and thought leadership.<\/p><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-section ofm-section--grey\">\r\n    <div class=\"ofm-section-header center\">\r\n      <span class=\"ofm-label\">FAQ<\/span>\r\n      <h2 class=\"ofm-section-title\">Common Questions<\/h2>\r\n      <p class=\"ofm-section-desc\">Everything you need to know before starting your project with us.<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-faq\">\r\n      <div class=\"ofm-faq-item open\">\r\n        <div class=\"ofm-faq-q\">\r\n          How far in advance should I book?\r\n          <span class=\"ofm-faq-icon\">+<\/span>\r\n        <\/div>\r\n        <p class=\"ofm-faq-a\">We recommend reaching out at least 1\u20132 weeks before your ideal shoot date. For events and large productions, 3\u20134 weeks allows us to do pre-production properly. We do accommodate last-minute shoots based on availability.<\/p>\r\n      <\/div>\r\n      <div class=\"ofm-faq-item\">\r\n        <div class=\"ofm-faq-q\">\r\n          What's included in the quoted price?\r\n          <span class=\"ofm-faq-icon\">+<\/span>\r\n        <\/div>\r\n        <p class=\"ofm-faq-a\">All quotes include pre-production planning, production day crew and equipment, editing, colour grading, two rounds of revisions, and multi-format delivery. Travel costs outside Kolkata are quoted separately.<\/p>\r\n      <\/div>\r\n      <div class=\"ofm-faq-item\">\r\n        <div class=\"ofm-faq-q\">\r\n          Do you travel for shoots outside Kolkata?\r\n          <span class=\"ofm-faq-icon\">+<\/span>\r\n        <\/div>\r\n        <p class=\"ofm-faq-a\">Absolutely. We've worked across India and are open to international projects. Travel and accommodation costs are factored into the project quote transparently.<\/p>\r\n      <\/div>\r\n      <div class=\"ofm-faq-item\">\r\n        <div class=\"ofm-faq-q\">\r\n          How many revisions are included?\r\n          <span class=\"ofm-faq-icon\">+<\/span>\r\n        <\/div>\r\n        <p class=\"ofm-faq-a\">Every project includes two free revision rounds. Additional revisions are available at a small fee. We find that thorough pre-production almost always means clients love the first cut.<\/p>\r\n      <\/div>\r\n      <div class=\"ofm-faq-item\">\r\n        <div class=\"ofm-faq-q\">\r\n          Who owns the footage and final files?\r\n          <span class=\"ofm-faq-icon\">+<\/span>\r\n        <\/div>\r\n        <p class=\"ofm-faq-a\">You do. Upon final payment, full commercial usage rights transfer to you. Raw footage can be provided upon request (additional storage fee applies).<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"ofm-cta-section\">\r\n    <div class=\"ofm-cta-left\">\r\n      <span class=\"ofm-cta-eyebrow\">Let's get started<\/span>\r\n      <h2 class=\"ofm-cta-h\">Ready to Create<br>Something Powerful?<\/h2>\r\n      <p class=\"ofm-cta-sub\">Tell us about your project \u2014 we'll respond within 24 hours with a tailored approach and transparent pricing.<\/p>\r\n    <\/div>\r\n    <div class=\"ofm-cta-right\">\r\n      <a href=\"\/contact-us\" class=\"ofm-btn-white\">Start Your Project &nbsp;&#8599;<\/a>\r\n      <a href=\"\/portfolio\" class=\"ofm-btn-ghost\">See Our Work &nbsp;&#8594;<\/a>\r\n      <p class=\"ofm-cta-note\">&#10003; No commitment &nbsp;\u00b7&nbsp; Response within 24h<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  document.querySelectorAll('.ofm-faq-item').forEach(function(item){\r\n    item.addEventListener('click', function(){\r\n      var isOpen = item.classList.contains('open');\r\n      document.querySelectorAll('.ofm-faq-item').forEach(function(i){ i.classList.remove('open'); });\r\n      if(!isOpen) item.classList.add('open');\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Open Flow Media Founded 2026 &nbsp;\u00b7&nbsp; Video &amp; Photo Production We Turn Attention Into Impact. Strategic video production and photography [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","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":"disabled","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-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/openflowmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=82"}],"version-history":[{"count":23,"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/openflowmedia.com\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/openflowmedia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}