{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/wqiQrre09L5gv1xt5aQd/9ZmpqzjEMTB9dnp10koH/NWY9UK0TC.js"], "sourcesContent": ["// Generated by Framer (241a4b4)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, Container, cx, GeneratedComponentContext, getFonts, Image, Link, optimizeAppear, optimizeAppearTransformTemplate, PathVariablesContext, PropertyOverrides, removeHiddenBreakpointLayers, RichText, useHydratedBreakpointVariants, useLocaleInfo, useQueryData, useRouteElementId, withCSS, withFX } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport Header from \"https://framerusercontent.com/modules/SkHwq6Vi0MQTb7ld6dbQ/sTKKKq1c6hPoTOiuzmIP/wC3g0JpKU.js\";\nimport Footer from \"https://framerusercontent.com/modules/780nMGx92aLwcmfkNj8Q/m9EUG4TZFUNaY5iK8tg9/WKbivfrUM.js\";\nimport BuyButton from \"https://framerusercontent.com/modules/rWRHO8ca7f3dPwXjUbqx/petCrRbXB2Z536x9rA2m/zIZtkbcM7.js\";\nimport Projects from \"https://framerusercontent.com/modules/lzbeHhNXS0xZ0np1okHQ/GEJofNwXJcvFp6Jozp9s/XiTLeGk0v.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/vFJFMDhCrAatG2o7zVDm/ICc3Csl8rrzVrkP4kPwb/K99m9pcGt.js\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/OuR15c48oLqzPbS0WVxi/dBNhJBH6aaaHBhf3zwK7/s5V7c3wX9.js\";\nimport * as sharedStyle2 from \"https://framerusercontent.com/modules/X68nPTTxzU56joe4tok9/W88SqFhkFaTcitc5jwGE/ZbnpkT9XV.js\";\nimport metadataProvider from \"https://framerusercontent.com/modules/SKe5AnPUlFV8Y55FP0U8/wpzr2vG4AqgyuT2zGB5e/NWY9UK0TC.js\";\nconst HeaderFonts = getFonts(Header);\nconst MotionDivWithFX = withFX(motion.div);\nconst BuyButtonFonts = getFonts(BuyButton);\nconst FooterFonts = getFonts(Footer);\nconst cycleOrder = [\"EqhkJLs6s\", \"konJvZqfc\", \"TltKkRb6g\"];\nconst breakpoints = {\n EqhkJLs6s: \"(min-width: 1200px)\",\n konJvZqfc: \"(min-width: 810px) and (max-width: 1199px)\",\n TltKkRb6g: \"(max-width: 809px)\"\n};\nconst isBrowser = () => typeof document !== \"undefined\";\nconst variantClassNames = {\n EqhkJLs6s: \"framer-v-1i6nxlm\",\n konJvZqfc: \"framer-v-f5wc4n\",\n TltKkRb6g: \"framer-v-2qooun\"\n};\nif (isBrowser()) {\n removeHiddenBreakpointLayers(\"EqhkJLs6s\", breakpoints, variantClassNames);\n}\nconst transitions = {\n default: {\n duration: 0\n }\n};\nconst animation = {\n opacity: 0,\n rotate: 0,\n scale: 1,\n x: -200,\n y: 0\n};\nconst transition1 = {\n delay: 0,\n duration: .7,\n ease: [0, 0, 1, 1],\n type: \"tween\"\n};\nconst transformTemplate = (_, t) => `perspective(1200px) ${t}`;\nconst toResponsiveImage = value => {\n if (typeof value === \"object\" && value !== null && typeof value.src === \"string\") {\n return value;\n }\n return typeof value === \"string\" ? {\n src: value\n } : undefined;\n};\nconst QueryData = ({\n query,\n children\n}) => {\n const data = useQueryData(query);\n return children(data);\n};\nconst transition2 = {\n damping: 70,\n delay: 2,\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n};\nconst animation1 = {\n opacity: 0,\n rotate: 0,\n scale: 1,\n transition: transition2,\n x: 0,\n y: 0\n};\nconst animation2 = {\n opacity: 1,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n scale: 1,\n transition: transition2,\n x: 0,\n y: 0\n};\nconst animation3 = {\n opacity: .001,\n rotate: 0,\n scale: 1,\n x: 0,\n y: 0\n};\nconst metadata = metadataProvider();\nconst humanReadableVariantMap = {\n Desktop: \"EqhkJLs6s\",\n Phone: \"TltKkRb6g\",\n Tablet: \"konJvZqfc\"\n};\nconst getProps = ({\n height,\n id,\n width,\n ...props\n}) => {\n var _variant, ref;\n return {\n ...props,\n variant: (ref = (_variant = humanReadableVariantMap[props.variant]) !== null && _variant !== void 0 ? _variant : props.variant) !== null && ref !== void 0 ? ref : \"EqhkJLs6s\"\n };\n};\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n ipIS96bJUlmSEk1T5j,\n GBVjsVO70lmSEk1T5j,\n B2I9_zZXNlmSEk1T5j,\n MDTp1kEtdlmSEk1T5j,\n idlmSEk1T5j,\n ...restProps\n } = getProps(props);\n React.useLayoutEffect(() => {\n const metadata1 = metadataProvider();\n document.title = metadata1.title || \"\";\n if (metadata1.viewport) {\n var ref;\n (ref = document.querySelector('meta[name=\"viewport\"]')) === null || ref === void 0 ? void 0 : ref.setAttribute(\"content\", metadata1.viewport);\n }\n if (metadata1.bodyClassName) {\n Array.from(document.body.classList).filter(c => c.startsWith(\"framer-body-\")).map(c => document.body.classList.remove(c));\n document.body.classList.add(metadata1.bodyClassName);\n }\n }, []);\n const [baseVariant, hydratedBaseVariant] = useHydratedBreakpointVariants(variant, breakpoints, false);\n const gestureVariant = undefined;\n const transition = transitions.default;\n const id = useRouteElementId(\"jIxRIqnm2\");\n const ref1 = React.useRef(null);\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider, {\n value: {\n primaryVariantId: \"EqhkJLs6s\",\n variantClassNames\n },\n children: /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: cx(\"framer-pIfxC\", sharedStyle.className, sharedStyle1.className, sharedStyle2.className),\n style: {\n display: \"contents\"\n },\n children: [/*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-1i6nxlm\", className),\n ref: ref,\n style: {\n ...style\n },\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-1q2qwhb-container\",\n children: /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n konJvZqfc: {\n variant: \"MMxGoswHT\"\n },\n TltKkRb6g: {\n variant: \"xrd85fXGA\"\n }\n },\n children: /*#__PURE__*/_jsx(Header, {\n height: \"100%\",\n id: \"lka9SkAKD\",\n layoutId: \"lka9SkAKD\",\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n variant: \"gd5wzZo17\",\n width: \"100%\"\n })\n })\n }), /*#__PURE__*/_jsxs(motion.header, {\n className: \"framer-1reaq3u\",\n \"data-framer-name\": \"Hero 1\",\n name: \"Hero 1\",\n children: [/*#__PURE__*/_jsx(MotionDivWithFX, {\n __framer__animate: {\n transition: transition1\n },\n __framer__animateOnce: true,\n __framer__enter: animation,\n __framer__styleAppearEffectEnabled: true,\n __framer__threshold: .5,\n __perspectiveFX: false,\n __targetOpacity: 1,\n className: \"framer-1crd4dt\",\n \"data-framer-name\": \"divider\",\n name: \"divider\",\n transformTemplate: transformTemplate\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1af5rkv\",\n \"data-framer-name\": \"Link\",\n name: \"Link\",\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h1\", {\n className: \"framer-styles-preset-489cwy\",\n \"data-styles-preset\": \"K99m9pcGt\",\n children: \"Projects\"\n })\n }),\n className: \"framer-mp4tsu\",\n \"data-framer-name\": \"Name\",\n name: \"Name\",\n verticalAlignment: \"center\",\n withExternalLayout: true\n })\n })]\n }), /*#__PURE__*/_jsxs(motion.header, {\n className: \"framer-1j53nyl\",\n \"data-framer-name\": \"Hero 1\",\n name: \"Hero 1\",\n children: [/*#__PURE__*/_jsx(MotionDivWithFX, {\n __framer__animate: {\n transition: transition1\n },\n __framer__animateOnce: true,\n __framer__enter: animation,\n __framer__styleAppearEffectEnabled: true,\n __framer__threshold: .5,\n __perspectiveFX: false,\n __targetOpacity: 1,\n className: \"framer-2rk9u3\",\n \"data-framer-name\": \"divider\",\n name: \"divider\",\n transformTemplate: transformTemplate\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1cgyh6p\",\n children: /*#__PURE__*/_jsx(QueryData, {\n query: {\n from: {\n data: Projects,\n locale: activeLocale,\n type: \"Collection\"\n },\n select: [{\n name: \"ipIS96bJU\",\n type: \"Identifier\"\n }, {\n name: \"GBVjsVO70\",\n type: \"Identifier\"\n }, {\n name: \"B2I9_zZXN\",\n type: \"Identifier\"\n }, {\n name: \"MDTp1kEtd\",\n type: \"Identifier\"\n }, {\n name: \"id\",\n type: \"Identifier\"\n }]\n },\n children: collection => collection.map(({\n ipIS96bJU: ipIS96bJUlmSEk1T5j,\n GBVjsVO70: GBVjsVO70lmSEk1T5j,\n B2I9_zZXN: B2I9_zZXNlmSEk1T5j,\n MDTp1kEtd: MDTp1kEtdlmSEk1T5j,\n id: idlmSEk1T5j\n }, i) => /*#__PURE__*/_jsx(LayoutGroup, {\n id: `lmSEk1T5j-${idlmSEk1T5j}`,\n children: /*#__PURE__*/_jsx(PathVariablesContext.Provider, {\n value: {\n ipIS96bJU: ipIS96bJUlmSEk1T5j\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: {\n pathVariables: {\n ipIS96bJU: ipIS96bJUlmSEk1T5j\n },\n webPageId: \"PEBkiDabe\"\n },\n children: /*#__PURE__*/_jsxs(motion.a, {\n className: \"framer-q8kq8o framer-5gjw2o\",\n children: [/*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n konJvZqfc: {\n background: {\n alt: \"\",\n fit: \"fill\",\n sizes: \"calc(100vw - 80px)\",\n ...toResponsiveImage(GBVjsVO70lmSEk1T5j)\n }\n },\n TltKkRb6g: {\n background: {\n alt: \"\",\n fit: \"fill\",\n sizes: \"calc(100vw - 20px)\",\n ...toResponsiveImage(GBVjsVO70lmSEk1T5j)\n }\n }\n },\n children: /*#__PURE__*/_jsx(Image, {\n background: {\n alt: \"\",\n fit: \"fill\",\n sizes: \"max((100vw - 110px) / 2, 200px)\",\n ...toResponsiveImage(GBVjsVO70lmSEk1T5j)\n },\n className: \"framer-ajzmhf\"\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1izzhbc\",\n \"data-framer-name\": \"Post\",\n name: \"Post\",\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-5e9sry\",\n \"data-styles-preset\": \"s5V7c3wX9\",\n children: \"Project 1\"\n })\n }),\n className: \"framer-1rj13s7\",\n \"data-framer-name\": \"Title\",\n name: \"Title\",\n text: B2I9_zZXNlmSEk1T5j,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-1pjdn0r\",\n \"data-styles-preset\": \"ZbnpkT9XV\",\n style: {\n \"--framer-text-color\": \"var(--token-62779d93-535f-4c87-9e45-f1ec3a148da4, rgba(0, 0, 0, 0.5))\"\n },\n children: \"Ls Graphics\"\n })\n }),\n className: \"framer-16ok9l0\",\n \"data-framer-name\": \"Date\",\n name: \"Date\",\n text: MDTp1kEtdlmSEk1T5j,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n })]\n })\n })\n })\n }, idlmSEk1T5j))\n })\n })]\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n konJvZqfc: {\n \"data-framer-appear-id\": \"10m4vq8\",\n animate: optimizeAppear(\"animate\", \"10m4vq8\", animation2, \"f5wc4n\"),\n initial: optimizeAppear(\"initial\", \"10m4vq8\", animation3, \"f5wc4n\"),\n transformTemplate: optimizeAppearTransformTemplate(\"10m4vq8\", transformTemplate)\n },\n TltKkRb6g: {\n \"data-framer-appear-id\": \"l4fzwx\",\n animate: optimizeAppear(\"animate\", \"l4fzwx\", animation2, \"2qooun\"),\n initial: optimizeAppear(\"initial\", \"l4fzwx\", animation3, \"2qooun\"),\n transformTemplate: optimizeAppearTransformTemplate(\"l4fzwx\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(Container, {\n animate: optimizeAppear(\"animate\", \"uhngj5\", animation2, \"1i6nxlm\"),\n className: \"framer-uhngj5-container\",\n \"data-framer-appear-id\": \"uhngj5\",\n \"data-framer-name\": \"Get Button\",\n exit: animation1,\n initial: optimizeAppear(\"initial\", \"uhngj5\", animation3, \"1i6nxlm\"),\n layoutScroll: true,\n name: \"Get Button\",\n transformTemplate: optimizeAppearTransformTemplate(\"uhngj5\", transformTemplate),\n children: /*#__PURE__*/_jsx(BuyButton, {\n height: \"100%\",\n id: \"kydsuXBan\",\n layoutId: \"kydsuXBan\",\n name: \"Get Button\",\n style: {\n width: \"100%\"\n },\n width: \"100%\"\n })\n })\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-1bwseox-container\",\n id: id,\n ref: ref1,\n children: /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n konJvZqfc: {\n variant: \"ZLTbGuRcm\"\n },\n TltKkRb6g: {\n variant: \"TjCO7UPnE\"\n }\n },\n children: /*#__PURE__*/_jsx(Footer, {\n height: \"100%\",\n id: \"jIxRIqnm2\",\n layoutId: \"jIxRIqnm2\",\n style: {\n width: \"100%\"\n },\n variant: \"YMF2Z_JWy\",\n width: \"100%\"\n })\n })\n })]\n }), /*#__PURE__*/_jsx(\"div\", {\n id: \"overlay\"\n })]\n })\n })\n });\n});\nconst css = ['.framer-pIfxC [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", `.${metadata.bodyClassName} { background: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, rgb(255, 255, 255)) /* {\"name\":\"Background\"} */; }`, \".framer-pIfxC .framer-5gjw2o { display: block; }\", \".framer-pIfxC .framer-1i6nxlm { align-content: center; align-items: center; background-color: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, #ffffff); display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1200px; }\", \".framer-pIfxC .framer-1q2qwhb-container { flex: none; height: 270px; position: relative; width: 100%; z-index: 1; }\", \".framer-pIfxC .framer-1reaq3u { align-content: center; align-items: center; background-color: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, #ffffff); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 270px; justify-content: flex-start; overflow: visible; padding: 0px 40px 0px 40px; position: relative; width: 100%; z-index: 1; }\", \".framer-pIfxC .framer-1crd4dt, .framer-pIfxC .framer-2rk9u3 { background-color: var(--token-111daf7e-9bf3-449c-9c97-4f36b0aae83c, rgba(0, 0, 0, 0.15)); flex: none; height: 1px; position: relative; transform: perspective(1200px); width: 100%; }\", \".framer-pIfxC .framer-1af5rkv { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-pIfxC .framer-mp4tsu { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; z-index: 1; }\", \".framer-pIfxC .framer-1j53nyl { align-content: center; align-items: center; background-color: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, #ffffff); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 40px 20px 40px; position: relative; width: 100%; z-index: 1; }\", \".framer-pIfxC .framer-1cgyh6p { display: grid; flex: none; gap: 30px; grid-auto-rows: min-content; grid-template-columns: repeat(2, minmax(200px, 1fr)); height: min-content; justify-content: start; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-pIfxC .framer-q8kq8o { align-content: center; align-items: center; align-self: start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 499px; justify-content: flex-start; justify-self: start; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: 100%; z-index: 1; }\", \".framer-pIfxC .framer-ajzmhf { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; flex: none; height: 450px; position: relative; width: 100%; }\", \".framer-pIfxC .framer-1izzhbc { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; min-width: 200px; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-pIfxC .framer-1rj13s7, .framer-pIfxC .framer-16ok9l0 { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-pIfxC .framer-uhngj5-container { bottom: 64px; flex: none; height: auto; position: fixed; right: 20px; transform: perspective(1200px); width: 142px; z-index: 3; }\", \".framer-pIfxC .framer-1bwseox-container { flex: none; height: auto; position: sticky; top: 0px; width: 100%; will-change: transform; z-index: 1; }\", \"@supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-pIfxC .framer-1i6nxlm, .framer-pIfxC .framer-1reaq3u, .framer-pIfxC .framer-1af5rkv, .framer-pIfxC .framer-1j53nyl, .framer-pIfxC .framer-q8kq8o, .framer-pIfxC .framer-1izzhbc { gap: 0px; } .framer-pIfxC .framer-1i6nxlm > *, .framer-pIfxC .framer-1af5rkv > *, .framer-pIfxC .framer-1izzhbc > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-pIfxC .framer-1i6nxlm > :first-child, .framer-pIfxC .framer-1reaq3u > :first-child, .framer-pIfxC .framer-1af5rkv > :first-child, .framer-pIfxC .framer-1j53nyl > :first-child, .framer-pIfxC .framer-q8kq8o > :first-child, .framer-pIfxC .framer-1izzhbc > :first-child { margin-top: 0px; } .framer-pIfxC .framer-1i6nxlm > :last-child, .framer-pIfxC .framer-1reaq3u > :last-child, .framer-pIfxC .framer-1af5rkv > :last-child, .framer-pIfxC .framer-1j53nyl > :last-child, .framer-pIfxC .framer-q8kq8o > :last-child, .framer-pIfxC .framer-1izzhbc > :last-child { margin-bottom: 0px; } .framer-pIfxC .framer-1reaq3u > *, .framer-pIfxC .framer-q8kq8o > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-pIfxC .framer-1j53nyl > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } }\", \"@media (min-width: 1200px) { .framer-pIfxC .hidden-1i6nxlm { display: none !important; } }\", `@media (min-width: 810px) and (max-width: 1199px) { .framer-pIfxC .hidden-f5wc4n { display: none !important; } .${metadata.bodyClassName} { background: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, rgb(255, 255, 255)) /* {\"name\":\"Background\"} */; } .framer-pIfxC .framer-1i6nxlm { width: 810px; } .framer-pIfxC .framer-1reaq3u { height: min-content; } .framer-pIfxC .framer-1j53nyl { padding: 0px 40px 40px 40px; } .framer-pIfxC .framer-1cgyh6p { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; } .framer-pIfxC .framer-q8kq8o { align-self: unset; } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-pIfxC .framer-1cgyh6p { gap: 0px; } .framer-pIfxC .framer-1cgyh6p > * { margin: 0px; margin-bottom: calc(30px / 2); margin-top: calc(30px / 2); } .framer-pIfxC .framer-1cgyh6p > :first-child { margin-top: 0px; } .framer-pIfxC .framer-1cgyh6p > :last-child { margin-bottom: 0px; } }}`, `@media (max-width: 809px) { .framer-pIfxC .hidden-2qooun { display: none !important; } .${metadata.bodyClassName} { background: var(--token-33e61112-f7ec-4e29-9e2e-804bd9133c2b, rgb(255, 255, 255)) /* {\"name\":\"Background\"} */; } .framer-pIfxC .framer-1i6nxlm { width: 390px; } .framer-pIfxC .framer-1reaq3u { height: min-content; padding: 10px 10px 10px 10px; } .framer-pIfxC .framer-1j53nyl { padding: 0px 10px 20px 10px; } .framer-pIfxC .framer-1cgyh6p { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; } .framer-pIfxC .framer-q8kq8o { align-self: unset; height: min-content; } .framer-pIfxC .framer-ajzmhf { height: 250px; } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-pIfxC .framer-1cgyh6p { gap: 0px; } .framer-pIfxC .framer-1cgyh6p > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-pIfxC .framer-1cgyh6p > :first-child { margin-top: 0px; } .framer-pIfxC .framer-1cgyh6p > :last-child { margin-bottom: 0px; } }}`, ...sharedStyle.css, ...sharedStyle1.css, ...sharedStyle2.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 2409\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"konJvZqfc\":{\"layout\":[\"fixed\",\"auto\"]},\"TltKkRb6g\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerResponsiveScreen\n */\nconst FramerNWY9UK0TC = withCSS(Component, css, \"framer-pIfxC\");\nexport default FramerNWY9UK0TC;\nFramerNWY9UK0TC.displayName = \"Projects\";\nFramerNWY9UK0TC.defaultProps = {\n height: 2409,\n width: 1200\n};\naddFonts(FramerNWY9UK0TC, [...HeaderFonts, ...BuyButtonFonts, ...FooterFonts, ...sharedStyle.fonts, ...sharedStyle1.fonts, ...sharedStyle2.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerNWY9UK0TC\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"konJvZqfc\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"TltKkRb6g\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerResponsiveScreen\": \"\",\n \"framerIntrinsicHeight\": \"2409\",\n \"framerIntrinsicWidth\": \"1200\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["HeaderFonts", "getFonts", "wC3g0JpKU_default", "MotionDivWithFX", "withFX", "motion", "BuyButtonFonts", "zIZtkbcM7_default", "FooterFonts", "WKbivfrUM_default", "breakpoints", "isBrowser", "variantClassNames", "removeHiddenBreakpointLayers", "transitions", "animation", "transition1", "transformTemplate", "_", "t", "toResponsiveImage", "value", "QueryData", "query", "children", "data", "useQueryData", "transition2", "animation1", "animation2", "animation3", "metadata", "NWY9UK0TC_default", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_variant", "ref", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "ipIS96bJUlmSEk1T5j", "GBVjsVO70lmSEk1T5j", "B2I9_zZXNlmSEk1T5j", "MDTp1kEtdlmSEk1T5j", "idlmSEk1T5j", "restProps", "fe", "metadata1", "c", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "gestureVariant", "transition", "useRouteElementId", "ref1", "pe", "defaultLayoutId", "ae", "p", "GeneratedComponentContext", "LayoutGroup", "u", "motion", "cx", "Container", "PropertyOverrides", "wC3g0JpKU_default", "MotionDivWithFX", "RichText", "x", "XiTLeGk0v_default", "collection", "i", "PathVariablesContext", "Link", "Image2", "optimizeAppear", "optimizeAppearTransformTemplate", "zIZtkbcM7_default", "WKbivfrUM_default", "css", "FramerNWY9UK0TC", "withCSS", "addFonts", "HeaderFonts", "BuyButtonFonts", "FooterFonts", "fonts", "__FramerMetadata__"] }