{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/cPQmlwbWcctucHyzhEPi/Smn0d3OJVaEEHTCqjyB8/VideoScrollProgress.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useScroll,useTransform,motion}from\"framer-motion\";export function videoScrollProgress(Component){const SCROLL_START=0// Scroll position when animation starts\n;const SCROLL_DISTANCE=6500// Scroll distance after which animation ends\n;const SCROLL_END=SCROLL_START+SCROLL_DISTANCE;return props=>{// useScroll() returns the current scroll position\nconst{scrollY}=useScroll();// Calculate the scroll progress from 0 to 1\nconst progress=useTransform(scrollY,[SCROLL_START,SCROLL_END],[0,1]);// Pass the progress as a prop to the original component\nreturn /*#__PURE__*/_jsx(Component,{...props,progress:progress});};}const sections=[{id:0,headline:\"Profit and Purpose\",subheadline:\"Two sides of the same coin\"},{id:1,text:\"For too long, we've been told they're opposing forces.\"},{id:2,text:\"But what if they're actually perfect partners in progress?\"},{id:3,bold:\"Markets hold extraordinary power\",supportingText:\"Not just to generate wealth, but to solve our world's most pressing challenges. When conscious leadership meets market intelligence, transformation isn't just possible\u2014it's inevitable.\"},{id:4,text:\"In today's complex world, true market leadership means more than maximizing returns.\"},{id:5,bold:\"Building systems that serve all stakeholders:\",listItems:[\"Customers\",\"Communities\",\"Employees\",\"Environment\"]},{id:6,bold:\"This isn't about choosing between doing well and doing good\"},{id:7,text:\"It's about understanding, you can't have one without the other.\"},{id:8,bold:\"We are The Marketism\",supportingText:\"Transforming Markets. Creating Value. Driving Change.\"},{id:9,text:\"Ready to transform markets with purpose?\",button:\"Join the Movement \u2192\"}];// Video URL\nconst videoURL=\"https://framer.com/m/Video-YCfq.js@MAJQJkgIMY0OGxitjmqg\";export function withScrollAnimations(){const{scrollYProgress}=useScroll();return{children:/*#__PURE__*/_jsxs(\"div\",{style:{height:\"100vh\",width:\"100%\",overflow:\"scroll\",position:\"relative\"},children:[/*#__PURE__*/_jsx(motion.video,{src:videoURL,autoPlay:true,loop:true,muted:true,playsInline:true,style:{position:\"fixed\",top:0,left:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",zIndex:-1}}),/*#__PURE__*/_jsx(\"div\",{style:{height:`${sections.length*100}vh`,position:\"relative\"},children:sections.map((section,index)=>{const sectionStart=index/sections.length;const sectionEnd=(index+1)/sections.length;// Animations for each section\nconst opacity=useTransform(scrollYProgress,[sectionStart,sectionEnd],[1,0]);const translateY=useTransform(scrollYProgress,[sectionStart,sectionEnd],[\"0%\",\"-50%\"]);return /*#__PURE__*/_jsxs(motion.div,{style:{position:\"absolute\",top:`${index*100}vh`,height:\"100vh\",width:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",color:\"#F4EBDC\",opacity,transform:translateY,padding:\"20px\"},children:[section.headline&&/*#__PURE__*/_jsx(\"h1\",{style:{fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"bold\",fontSize:\"76px\",letterSpacing:\"-3px\",marginBottom:\"10px\"},children:section.headline}),section.subheadline&&/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"400\",fontSize:\"40px\",letterSpacing:\"0px\"},children:section.subheadline}),section.bold&&/*#__PURE__*/_jsx(\"h2\",{style:{fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"bold\",fontSize:\"62px\",letterSpacing:\"0px\",marginBottom:\"10px\"},children:section.bold}),section.supportingText&&/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"'Open Sans', sans-serif\",fontWeight:\"400\",fontSize:\"20px\",letterSpacing:\"0px\",margin:\"10px 0\"},children:section.supportingText}),section.text&&/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"600\",fontSize:\"50px\",letterSpacing:\"-3px\"},children:section.text}),section.listItems&&/*#__PURE__*/_jsx(\"ul\",{style:{fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"400\",fontSize:\"32px\",marginTop:\"20px\",listStyle:\"none\"},children:section.listItems.map((item,i)=>/*#__PURE__*/_jsx(\"li\",{children:item},i))}),section.button&&/*#__PURE__*/_jsx(\"button\",{style:{padding:\"10px 20px\",fontSize:\"32px\",fontFamily:\"'Open Sans Condensed', sans-serif\",fontWeight:\"500\",backgroundColor:\"transparent\",color:\"#F4EBDC\",border:\"2px solid #F4EBDC\",cursor:\"pointer\"},children:section.button})]},section.id);})})]})};}// export function withScrollAnimations(Component): ComponentType {\n//     return function AnimatedComponent(props) {\n//         const { scrollYProgress } = useScroll()\n//         // Header animation transformations\n//         const headerScale = useTransform(scrollYProgress, [0, 0.1], [1, 0.8])\n//         const headerOpacity = useTransform(scrollYProgress, [0, 0.1], [1, 0])\n//         // Sections data\n//         const sections = [\n//             {\n//                 content:\n//                     \"For too long, we've been told they're opposing forces.\",\n//             },\n//             {\n//                 content:\n//                     \"But what if they're actually perfect partners in progress?\",\n//             },\n//             {\n//                 boldContent: \"Markets hold extraordinary power\",\n//                 supportingText:\n//                     \"Not just to generate wealth, but to solve our world's most pressing challenges. When conscious leadership meets market intelligence, transformation isn't just possible\u2014it's inevitable.\",\n//             },\n//             {\n//                 content:\n//                     \"In today's complex world, true market leadership means more than maximizing returns.\",\n//             },\n//             {\n//                 boldContent: \"Building systems that serve all stakeholders:\",\n//                 listItems: [\n//                     \"Customers\",\n//                     \"Communities\",\n//                     \"Employees\",\n//                     \"Environment\",\n//                 ],\n//             },\n//             {\n//                 boldContent:\n//                     \"This isn't about choosing between doing well and doing good\",\n//             },\n//             {\n//                 content:\n//                     \"It's about understanding, you can't have one without the other.\",\n//             },\n//             {\n//                 boldContent: \"We are The Marketism\",\n//                 supportingText:\n//                     \"Transforming Markets. Creating Value. Driving Change.\",\n//             },\n//             {\n//                 content: \"Ready to transform markets with purpose?\",\n//                 button: \"Join the Movement \u2192\",\n//             },\n//         ]\n//         return (\n//             <div\n//                 style={{\n//                     height: `${(sections.length + 1) * 100}vh`,\n//                     overflowY: \"scroll\",\n//                     scrollSnapType: \"y mandatory\",\n//                     scrollSnapAlign: \"start\",\n//                 }}\n//             >\n//                 {/* Header Section */}\n//                 <motion.div\n//                     style={{\n//                         position: \"sticky\",\n//                         top: 0,\n//                         height: \"100vh\",\n//                         display: \"flex\",\n//                         flexDirection: \"column\",\n//                         justifyContent: \"center\",\n//                         alignItems: \"center\",\n//                         color: \"#F4EBDC\",\n//                         scale: headerScale,\n//                         opacity: headerOpacity,\n//                         zIndex: 10,\n//                     }}\n//                 >\n//                     <h1\n//                         style={{\n//                             fontFamily: \"'Open Sans Condensed', sans-serif\",\n//                             fontWeight: \"bold\",\n//                             fontSize: \"76px\",\n//                             letterSpacing: \"-3px\",\n//                             textTransform: \"uppercase\",\n//                             margin: 0,\n//                         }}\n//                     >\n//                         Profit and Purpose\n//                     </h1>\n//                     <p\n//                         style={{\n//                             fontFamily: \"'Open Sans Condensed', sans-serif\",\n//                             fontWeight: \"400\",\n//                             fontSize: \"40px\",\n//                             letterSpacing: \"0px\",\n//                             textTransform: \"uppercase\",\n//                             margin: 0,\n//                         }}\n//                     >\n//                         Two sides of the same coin\n//                     </p>\n//                 </motion.div>\n//                 {/* Scrollable Sections */}\n//                 {sections.map((section, index) => {\n//                     const sectionStart = index / sections.length\n//                     const sectionEnd = (index + 1) / sections.length\n//                     const opacity = useTransform(\n//                         scrollYProgress,\n//                         [sectionStart, sectionEnd],\n//                         [0, 1]\n//                     )\n//                     const translateY = useTransform(\n//                         scrollYProgress,\n//                         [sectionStart, sectionEnd],\n//                         [\"50px\", \"0px\"]\n//                     )\n//                     return (\n//                         <motion.div\n//                             key={index}\n//                             style={{\n//                                 position: \"relative\",\n//                                 height: \"100vh\",\n//                                 display: \"flex\",\n//                                 flexDirection: \"column\",\n//                                 justifyContent: \"center\",\n//                                 alignItems: \"center\",\n//                                 opacity,\n//                                 transform: translateY,\n//                                 textAlign: \"center\",\n//                                 padding: \"20px\",\n//                                 color: \"#F4EBDC\",\n//                             }}\n//                         >\n//                             {section.boldContent && (\n//                                 <h2\n//                                     style={{\n//                                         fontFamily:\n//                                             \"'Open Sans Condensed', sans-serif\",\n//                                         fontWeight: \"bold\",\n//                                         fontSize: \"62px\",\n//                                         letterSpacing: \"0px\",\n//                                         textTransform: \"uppercase\",\n//                                         marginBottom: \"10px\",\n//                                     }}\n//                                 >\n//                                     {section.boldContent}\n//                                 </h2>\n//                             )}\n//                             {section.supportingText && (\n//                                 <p\n//                                     style={{\n//                                         fontFamily: \"'Open Sans', sans-serif\",\n//                                         fontWeight: \"400\",\n//                                         fontSize: \"20px\",\n//                                         letterSpacing: \"0px\",\n//                                         margin: \"10px 0\",\n//                                     }}\n//                                 >\n//                                     {section.supportingText}\n//                                 </p>\n//                             )}\n//                             {section.content && (\n//                                 <p\n//                                     style={{\n//                                         fontFamily:\n//                                             \"'Open Sans Condensed', sans-serif\",\n//                                         fontWeight: \"600\",\n//                                         fontSize: \"50px\",\n//                                         letterSpacing: \"-3px\",\n//                                         textTransform: \"uppercase\",\n//                                         margin: 0,\n//                                     }}\n//                                 >\n//                                     {section.content}\n//                                 </p>\n//                             )}\n//                             {section.listItems && (\n//                                 <ul\n//                                     style={{\n//                                         fontFamily:\n//                                             \"'Open Sans Condensed', sans-serif\",\n//                                         fontWeight: \"400\",\n//                                         fontSize: \"32px\",\n//                                         letterSpacing: \"0px\",\n//                                         marginTop: \"20px\",\n//                                         listStyle: \"none\",\n//                                     }}\n//                                 >\n//                                     {section.listItems.map((item, i) => (\n//                                         <li key={i} style={{ margin: \"5px 0\" }}>\n//                                             {item}\n//                                         </li>\n//                                     ))}\n//                                 </ul>\n//                             )}\n//                             {section.button && (\n//                                 <button\n//                                     style={{\n//                                         padding: \"10px 20px\",\n//                                         fontSize: \"32px\",\n//                                         fontFamily:\n//                                             \"'Open Sans Condensed', sans-serif\",\n//                                         fontWeight: \"500\",\n//                                         letterSpacing: \"0px\",\n//                                         backgroundColor: \"#F4EBDC\",\n//                                         color: \"#000000\",\n//                                         border: \"none\",\n//                                         cursor: \"pointer\",\n//                                         textTransform: \"uppercase\",\n//                                     }}\n//                                 >\n//                                     {section.button}\n//                                 </button>\n//                             )}\n//                         </motion.div>\n//                     )\n//                 })}\n//             </div>\n//         )\n//     }\n// }\n// const sections = [\n//     {\n//         id: 0,\n//         headline: \"Profit and Purpose\",\n//         subheadline: \"Two sides of the same coin\",\n//         video: \"https://framer.com/m/Video-YCfq.js@MAJQJkgIMY0OGxitjmqg\",\n//     },\n//     {\n//         id: 1,\n//         content: \"For too long, we've been told they're opposing forces.\",\n//     },\n//     {\n//         id: 2,\n//         content: \"But what if they're actually perfect partners in progress?\",\n//     },\n//     {\n//         id: 3,\n//         bold: \"Markets hold extraordinary power\",\n//         supportingText:\n//             \"Not just to generate wealth, but to solve our world's most pressing challenges. When conscious leadership meets market intelligence, transformation isn't just possible\u2014it's inevitable.\",\n//     },\n//     {\n//         id: 4,\n//         content:\n//             \"In today's complex world, true market leadership means more than maximizing returns.\",\n//     },\n//     {\n//         id: 5,\n//         bold: \"Building systems that serve all stakeholders:\",\n//         listItems: [\"Customers\", \"Communities\", \"Employees\", \"Environment\"],\n//     },\n//     {\n//         id: 6,\n//         bold: \"This isn't about choosing between doing well and doing good\",\n//     },\n//     {\n//         id: 7,\n//         content:\n//             \"It's about understanding, you can't have one without the other.\",\n//     },\n//     {\n//         id: 8,\n//         bold: \"We are The Marketism\",\n//         supportingText: \"Transforming Markets. Creating Value. Driving Change.\",\n//     },\n//     {\n//         id: 9,\n//         content: \"Ready to transform markets with purpose?\",\n//         button: \"Join the Movement \u2192\",\n//     },\n// ]\n// export function withScrollAnimations(): Override {\n//     const { scrollYProgress } = useScroll()\n//     const [currentVideo, setCurrentVideo] = useState(sections[0].video)\n//     return {\n//         children: (\n//             <div\n//                 style={{\n//                     height: \"100vh\",\n//                     width: \"100%\",\n//                     overflowY: \"scroll\",\n//                     position: \"relative\",\n//                 }}\n//             >\n//                 {/* Background Video */}\n//                 <motion.video\n//                     src={currentVideo}\n//                     autoPlay\n//                     loop\n//                     muted\n//                     playsInline\n//                     style={{\n//                         position: \"fixed\",\n//                         top: 0,\n//                         left: 0,\n//                         width: \"100%\",\n//                         height: \"100%\",\n//                         objectFit: \"cover\",\n//                         zIndex: -1,\n//                     }}\n//                 />\n//                 {/* Scrollable Content */}\n//                 <div\n//                     style={{\n//                         height: `${sections.length * 100}vh`,\n//                         position: \"relative\",\n//                     }}\n//                 >\n//                     {sections.map((section, index) => {\n//                         const sectionStart = index / sections.length\n//                         const sectionEnd = (index + 1) / sections.length\n//                         // Animations\n//                         const opacity = useTransform(\n//                             scrollYProgress,\n//                             [sectionStart, sectionEnd],\n//                             [1, 0]\n//                         )\n//                         const translateY = useTransform(\n//                             scrollYProgress,\n//                             [sectionStart, sectionEnd],\n//                             [\"0%\", \"-50%\"]\n//                         )\n//                         return (\n//                             <motion.div\n//                                 key={index}\n//                                 style={{\n//                                     position: \"absolute\",\n//                                     top: `${index * 100}vh`,\n//                                     height: \"100vh\",\n//                                     width: \"100%\",\n//                                     display: \"flex\",\n//                                     flexDirection: \"column\",\n//                                     justifyContent: \"center\",\n//                                     alignItems: \"center\",\n//                                     textAlign: \"center\",\n//                                     opacity,\n//                                     transform: translateY,\n//                                     padding: \"20px\",\n//                                     color: \"#F4EBDC\",\n//                                 }}\n//                                 onViewportEnter={() =>\n//                                     setCurrentVideo(\n//                                         section.video || currentVideo\n//                                     )\n//                                 }\n//                             >\n//                                 {section.headline && (\n//                                     <h1\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"bold\",\n//                                             fontSize: \"76px\",\n//                                             letterSpacing: \"-3px\",\n//                                             marginBottom: \"10px\",\n//                                         }}\n//                                     >\n//                                         {section.headline}\n//                                     </h1>\n//                                 )}\n//                                 {section.subheadline && (\n//                                     <p\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"400\",\n//                                             fontSize: \"40px\",\n//                                             letterSpacing: \"0px\",\n//                                         }}\n//                                     >\n//                                         {section.subheadline}\n//                                     </p>\n//                                 )}\n//                                 {section.bold && (\n//                                     <h2\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"bold\",\n//                                             fontSize: \"62px\",\n//                                             letterSpacing: \"0px\",\n//                                             marginBottom: \"10px\",\n//                                         }}\n//                                     >\n//                                         {section.bold}\n//                                     </h2>\n//                                 )}\n//                                 {section.supportingText && (\n//                                     <p\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans', sans-serif\",\n//                                             fontWeight: \"400\",\n//                                             fontSize: \"20px\",\n//                                             letterSpacing: \"0px\",\n//                                             margin: \"10px 0\",\n//                                         }}\n//                                     >\n//                                         {section.supportingText}\n//                                     </p>\n//                                 )}\n//                                 {section.content && (\n//                                     <p\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"600\",\n//                                             fontSize: \"50px\",\n//                                             letterSpacing: \"-3px\",\n//                                         }}\n//                                     >\n//                                         {section.content}\n//                                     </p>\n//                                 )}\n//                                 {section.listItems && (\n//                                     <ul\n//                                         style={{\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"400\",\n//                                             fontSize: \"32px\",\n//                                             marginTop: \"20px\",\n//                                             listStyle: \"none\",\n//                                         }}\n//                                     >\n//                                         {section.listItems.map((item, i) => (\n//                                             <li key={i}>{item}</li>\n//                                         ))}\n//                                     </ul>\n//                                 )}\n//                                 {section.button && (\n//                                     <button\n//                                         style={{\n//                                             padding: \"10px 20px\",\n//                                             fontSize: \"32px\",\n//                                             fontFamily:\n//                                                 \"'Open Sans Condensed', sans-serif\",\n//                                             fontWeight: \"500\",\n//                                             backgroundColor: \"#F4EBDC\",\n//                                             color: \"#000000\",\n//                                             border: \"none\",\n//                                             cursor: \"pointer\",\n//                                         }}\n//                                     >\n//                                         {section.button}\n//                                     </button>\n//                                 )}\n//                             </motion.div>\n//                         )\n//                     })}\n//                 </div>\n//             </div>\n//         ),\n//     }\n// }\n// export function FrameScrollProgress(Component): ComponentType {\n//     return (props) => {\n//         const { scrollY } = useScroll() // Track scroll position\n//         const scrollFramesRef = useRef<HTMLDivElement>(null) // Reference to SCROLL FRAMES container\n//         useEffect(() => {\n//             // Dynamically set the height of the scrollable container\n//             if (scrollFramesRef.current) {\n//                 const totalHeight =\n//                     scrollFramesRef.current.children.length * window.innerHeight\n//                 scrollFramesRef.current.style.height = `${totalHeight}px`\n//             }\n//         }, [])\n//         return (\n//             <div\n//                 ref={scrollFramesRef} // Reference for SCROLL FRAMES\n//                 style={{\n//                     position: \"relative\",\n//                     width: \"100%\",\n//                     height: \"100vh\", // Fixed viewport height\n//                     overflow: \"hidden\", // Prevent default scrolling behavior\n//                 }}\n//             >\n//                 {/* Apply animations to each child dynamically */}\n//                 {Array.from(scrollFramesRef.current?.children || []).map(\n//                     (child, index) => {\n//                         // Scale and opacity logic for each frame\n//                         const frameOpacity = useTransform(\n//                             scrollY,\n//                             [\n//                                 index * window.innerHeight, // Start of the frame\n//                                 (index + 0.5) * window.innerHeight, // Fully visible\n//                                 (index + 1) * window.innerHeight, // End of the frame\n//                             ],\n//                             [1, 1, 0] // Fade out effect\n//                         )\n//                         const frameScale = useTransform(\n//                             scrollY,\n//                             [\n//                                 index * window.innerHeight, // Start of the frame\n//                                 (index + 0.5) * window.innerHeight, // Fully visible\n//                                 (index + 1) * window.innerHeight, // End of the frame\n//                             ],\n//                             [1, 0.8, 0.8] // Shrink effect\n//                         )\n//                         // Wrap the DOM element with a React-friendly wrapper\n//                         const childContent = (\n//                             <div\n//                                 dangerouslySetInnerHTML={{\n//                                     __html: (child as HTMLElement).outerHTML,\n//                                 }}\n//                             />\n//                         )\n//                         return (\n//                             <motion.div\n//                                 key={index}\n//                                 style={{\n//                                     position: \"absolute\",\n//                                     top: 0,\n//                                     left: 0,\n//                                     width: \"100%\",\n//                                     height: \"100vh\", // Full viewport height\n//                                     scale: frameScale, // Apply shrinking\n//                                     opacity: frameOpacity, // Apply fading\n//                                     zIndex: 9 - index, // Stack order\n//                                     pointerEvents: \"none\", // Avoid interaction issues\n//                                 }}\n//                             >\n//                                 {childContent} {/* Render the child content */}\n//                             </motion.div>\n//                         )\n//                     }\n//                 )}\n//                 {/* Render the Wrapped Component */}\n//                 <Component {...props} />\n//             </div>\n//         )\n//     }\n// }\nimport{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withwithScrollAnimations(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...withScrollAnimations(props)});};}withwithScrollAnimations.displayName=\"withScrollAnimations\";\nexport const __FramerMetadata__ = {\"exports\":{\"videoScrollProgress\":{\"type\":\"reactHoc\",\"name\":\"videoScrollProgress\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withwithScrollAnimations\":{\"type\":\"reactHoc\",\"name\":\"withwithScrollAnimations\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withScrollAnimations\":{\"type\":\"override\",\"name\":\"withScrollAnimations\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoScrollProgress.map"],
  "mappings": "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",
  "names": ["videoScrollProgress", "Component", "props", "scrollY", "useScroll", "progress", "useTransform", "p", "sections", "videoURL", "withScrollAnimations", "scrollYProgress", "u", "motion", "section", "index", "sectionStart", "sectionEnd", "opacity", "translateY", "item", "i", "withwithScrollAnimations", "C", "re", "DataObserverContext"]
}