{"version":3,"file":"CaseSection.x1fSDweh.mjs","names":["__esmMin","p","c","init_jsx_runtime","init_framer_B6PCHH0A","addPropertyControls","ControlType","paragraphs","text","CaseSection","props","paras","body","img","srcSet","quote","cream","divider","line","klein","ink","muted","label","caption","i","init_CaseSection"],"sources":["https:/framerusercontent.com/modules/WmJukVo7IQCXMNGzVwJc/wIcKvpPwNDAK8N5osu42/CaseSection.js"],"sourcesContent":["// Case study text section. Label on the left, one readable column on the\n// right. Paragraph breaks: use a blank line or \"||\" in the text.\n// Quote mode sets the text large as a pull quote. Optional image sits\n// above the body text (upload or URL); with an image the label column\n// narrows so the image and text sit closer to the label.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";function paragraphs(text){return(text||\"\").split(/\\|\\||\\n\\s*\\n|\\\\n\\\\n/).map(p=>p.trim()).filter(Boolean);}/**\n * Case Section\n *\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function CaseSection(props){const{label=\"\",body=\"\",quote=false,divider=true,caption=\"\",cream=\"#F2EDE3\",ink=\"#12100C\",klein=\"#0022DD\",muted=\"#6E675A\",line=\"rgba(18,16,12,0.16)\"}=props;const paras=paragraphs(body);const img=props.imageFile?.src||props.image||\"\";const srcSet=props.imageFile?.src?props.imageFile?.srcSet:undefined;return /*#__PURE__*/_jsxs(\"section\",{className:`cs-block${quote?\" cs-quote\":\"\"}${img?\" cs-img\":\"\"}`,style:{...props.style,width:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n.cs-block { background: ${cream}; box-sizing: border-box; padding: clamp(36px, 6vh, 72px) clamp(20px, 4vw, 56px); ${divider?`border-top: 1px solid ${line};`:\"\"} display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(20px, 4vw, 64px); }\n.cs-block.cs-img { grid-template-columns: minmax(0, 160px) minmax(0, 1fr); gap: clamp(16px, 2.5vw, 32px); }\n.cs-label { margin: 0; padding-top: 6px; font-family: \"Geist Mono\", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: ${klein}; }\n.cs-body { max-width: 680px; display: flex; flex-direction: column; gap: 1em; }\n.cs-img .cs-body { max-width: none; }\n.cs-img .cs-body p { max-width: 760px; }\n.cs-body p { margin: 0; font-family: \"Instrument Serif\", Georgia, serif; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.5; color: ${ink}; }\n.cs-fig { margin: 0 0 0.6em; }\n.cs-fig img { width: 100%; display: block; border-radius: 10px; }\n.cs-fig figcaption { margin-top: 8px; font-family: \"Geist Mono\", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: ${muted}; }\n.cs-quote .cs-body { max-width: 900px; }\n.cs-quote .cs-body p { font-family: \"Instrument Serif\", Georgia, serif; font-style: italic; font-size: clamp(30px, 4vw, 56px); line-height: 1.12; letter-spacing: -0.01em; color: ${klein}; }\n.cs-muted { color: ${muted}; }\n@media (max-width: 760px) { .cs-block, .cs-block.cs-img { grid-template-columns: 1fr; gap: 12px; } }\n`}),/*#__PURE__*/_jsx(\"h4\",{className:\"cs-label\",children:label}),/*#__PURE__*/_jsxs(\"div\",{className:\"cs-body\",children:[img&&/*#__PURE__*/_jsxs(\"figure\",{className:\"cs-fig\",children:[/*#__PURE__*/_jsx(\"img\",{src:img,srcSet:srcSet,alt:label,loading:\"lazy\"}),caption&&/*#__PURE__*/_jsx(\"figcaption\",{children:caption})]}),paras.map((p,i)=>/*#__PURE__*/_jsx(\"p\",{children:p},i))]})]});}addPropertyControls(CaseSection,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"\"},body:{type:ControlType.String,title:\"Body\",displayTextArea:true,defaultValue:\"\",description:\"Blank line or || starts a new paragraph.\"},imageFile:{type:ControlType.ResponsiveImage,title:\"Image File\"},image:{type:ControlType.String,title:\"Image URL\",defaultValue:\"\"},caption:{type:ControlType.String,title:\"Image Caption\",defaultValue:\"\"},quote:{type:ControlType.Boolean,title:\"Pull Quote\",defaultValue:false},divider:{type:ControlType.Boolean,title:\"Top Line\",defaultValue:true},cream:{type:ControlType.Color,title:\"Cream\",defaultValue:\"#F2EDE3\"},ink:{type:ControlType.Color,title:\"Ink\",defaultValue:\"#12100C\"},klein:{type:ControlType.Color,title:\"Klein\",defaultValue:\"#0022DD\"},muted:{type:ControlType.Color,title:\"Muted\",defaultValue:\"#6E675A\"},line:{type:ControlType.Color,title:\"Line\",defaultValue:\"rgba(18,16,12,0.16)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CaseSection\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"300\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicWidth\":\"1200\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CaseSection.map"],"mappings":"A,mKAK6G,SAASO,EAAW,EAAK,CAAC,OAAOC,GAAM,GAAA,CAAI,MAAM,qBAAqB,CAAC,CAAC,IAAI,GAAGP,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO,CAAE,CAQnN,SAAwBQ,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,GAAG,OAAK,GAAG,QAAM,GAAM,UAAQ,GAAK,UAAQ,GAAG,QAAM,UAAU,MAAI,UAAU,QAAM,UAAU,QAAM,UAAU,OAAK,uBAAuBC,EAAYC,EAAMJ,EAAWK,CAAI,EAAQC,EAAIH,EAAM,WAAW,KAAKA,EAAM,OAAO,GAASI,EAAOJ,EAAM,WAAW,IAAIA,EAAM,WAAW,OAAO,IAAA,GAAU,MAAoB,gBAAM,UAAU,CAAC,UAAU,WAAWK,EAAM,YAAY,KAAKF,EAAI,UAAU,KAAK,MAAM,CAAC,GAAGH,EAAM,MAAM,MAAM,MAAM,EAAE,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAAS;0BACtfM,EAAM,oFAAoFC,EAAQ,yBAAyBC,EAAK,GAAG,GAAG;;0KAEUC,EAAM;;;;yIAIvCC,EAAI;;;uKAG0BC,EAAM;;oLAEOF,EAAM;qBACrKE,EAAM;;CAE1B,CAAC,EAAe,gBAAK,KAAK,CAAC,UAAU,WAAW,SAASC,CAAK,CAAC,EAAe,gBAAM,MAAM,CAAC,UAAU,UAAU,SAAS,CAACT,GAAkB,gBAAM,SAAS,CAAC,UAAU,SAAS,SAAS,CAAc,gBAAK,MAAM,CAAC,IAAIA,EAAW,SAAO,IAAIS,EAAM,QAAQ,MAAM,CAAC,EAAEC,GAAsB,gBAAK,aAAa,CAAC,SAASA,CAAO,CAAC,CAAC,CAAC,CAAC,EAAEZ,EAAM,KAAK,EAAE,IAAiB,gBAAK,IAAI,CAAC,SAASV,CAAC,EAAEuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,sCAACnB,EAAoBI,EAAY,CAAC,MAAM,CAAC,KAAKH,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,gBAAgB,GAAK,aAAa,GAAG,YAAY,0CAA0C,EAAE,UAAU,CAAC,KAAKA,EAAY,gBAAgB,MAAM,YAAY,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,EAAE,MAAM,CAAC,KAAKA,EAAY,QAAQ,MAAM,aAAa,aAAa,EAAK,EAAE,QAAQ,CAAC,KAAKA,EAAY,QAAQ,MAAM,WAAW,aAAa,EAAI,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,IAAI,CAAC,KAAKA,EAAY,MAAM,MAAM,MAAM,aAAa,SAAS,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,KAAK,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,qBAAqB,CAAC,CAAC,C"}