{"version":3,"file":"BlogCard.Dyu9QKfo.mjs","names":["__esmMin","init_npm_react_18_3_1","init_jsx_runtime","c","p","ce","addPropertyControls","ControlType","init_framer_BWFVvmND","init_MaterioSystem","ensureSystemStyles","BlogCard","props","CSS","link","image","title","category","date","excerpt","init_BlogCard"],"sources":["https:/framerusercontent.com/modules/vzir5hRClpDpzeuADsCa/HUKpDSop2K1DbMZkkK7t/BlogCard.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{ensureSystemStyles}from\"https://framerusercontent.com/modules/0RsQzRrrJtVzWQGKVWY4/DwHnXPg9KS3TNSJiwgU5/MaterioSystem.js\";/**\n * Blog Card — one article tile for the Blog CMS list (the /blog overview).\n * A sibling of CustomerStoryCard: same surface/hover language, but the meta slot is\n * DATE (not location) and it carries a 2-line excerpt (Introduction). Drop into the\n * Blog collection list and bind: image ← Image, category ← Category, date ← Date,\n * title ← Title, excerpt ← Introduction. The Framer list provides the per-item link.\n *\n * All type/color/spacing come from the system via .materio; the blogc classes add\n * layout only (Rule 6: named tokens, no raw values).\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function BlogCard(props){const{image,category,date,title,excerpt,link}=props;React.useEffect(()=>{ensureSystemStyles();},[]);return /*#__PURE__*/_jsxs(\"div\",{className:\"materio blogc\",style:{width:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:CSS}),/*#__PURE__*/_jsxs(\"a\",{className:\"blogc-card\",href:link||undefined,children:[/*#__PURE__*/_jsx(\"div\",{className:\"blogc-media\",children:image?.src?/*#__PURE__*/_jsx(\"img\",{src:image.src,srcSet:image.srcSet,alt:image.alt||title}):null}),/*#__PURE__*/_jsxs(\"div\",{className:\"blogc-body\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"blogc-meta\",children:[category?/*#__PURE__*/_jsx(\"span\",{className:\"eyebrow blogc-cat\",children:category}):null,date?/*#__PURE__*/_jsx(\"span\",{className:\"fine blogc-date\",children:date}):null]}),/*#__PURE__*/_jsx(\"h3\",{className:\"title blogc-title\",children:title}),excerpt?/*#__PURE__*/_jsx(\"p\",{className:\"body-copy dense blogc-excerpt\",children:excerpt}):null,/*#__PURE__*/_jsx(\"span\",{className:\"caption blogc-cta\",children:\"Read more\"})]})]})]});}BlogCard.defaultProps={category:\"Operations & Workflow Optimization\",date:\"Jul 1, 2026\",title:\"Project Management vs. Project Delivery: The Shift Design Firms Need to Make\",excerpt:\"“Manage” doesn’t mean the work is getting clearer, cleaner, or closer to done. It means the mess is being kept alive.\"};addPropertyControls(BlogCard,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},category:{type:ControlType.String,title:\"Category\"},date:{type:ControlType.String,title:\"Date\"},title:{type:ControlType.String,title:\"Title\",displayTextArea:true},excerpt:{type:ControlType.String,title:\"Excerpt\",displayTextArea:true},link:{type:ControlType.Link,title:\"Link\"}});const CSS=`\n/* Blog CARD layout only. Surface, type, tokens come from the system via .materio. */\n.blogc .blogc-card { display:flex; flex-direction:column; height:100%; background:var(--card); border:var(--border-hairline) solid var(--border); border-radius:var(--radius-card); overflow:hidden; text-decoration:none; color:inherit; transition:transform var(--transition-hover) var(--ease), box-shadow var(--transition-hover) var(--ease), border-color var(--transition-hover) var(--ease); }\n.blogc .blogc-card:hover { transform:translateY(-3px); border-color:var(--teal); box-shadow:var(--shadow-card); }\n.blogc .blogc-media { aspect-ratio:16/9; background:var(--warmer-greige); overflow:hidden; }\n.blogc .blogc-media img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:transform var(--transition-surface) var(--ease); }\n.blogc .blogc-card:hover .blogc-media img { transform:scale(1.03); }\n.blogc .blogc-body { padding:var(--space-5); display:flex; flex-direction:column; flex:1; }\n.blogc .blogc-meta { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); }\n.blogc .blogc-cat { margin-bottom:0; }\n.blogc .blogc-date { text-transform:uppercase; letter-spacing:.12em; white-space:nowrap; }\n.blogc .blogc-title { margin-top:var(--space-3); }\n.blogc .blogc-excerpt { margin-top:var(--space-3); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }\n.blogc .blogc-cta { margin-top:var(--space-4); display:inline-flex; align-items:center; gap:var(--space-2); font-weight:700; color:var(--midnight); transition:color var(--transition-hover) var(--ease); }\n.blogc .blogc-cta::after { content:\"→\"; }\n.blogc .blogc-card:hover .blogc-cta { color:var(--teal); }\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogCard\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"A,0OAYG,SAAwBW,EAAS,EAAM,CAAC,GAAK,CAAC,QAAM,WAAS,OAAK,QAAM,UAAQ,QAAMC,EAAsD,OAAhDP,MAAoB,CAACK,EAAmB,CAAE,EAAE,CAAC,CAAC,EAAsB,gBAAM,MAAM,CAAC,UAAU,gBAAgB,MAAM,CAAC,MAAM,MAAM,EAAE,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAASG,CAAG,CAAC,EAAe,gBAAM,IAAI,CAAC,UAAU,aAAa,KAAKC,GAAM,IAAA,GAAU,SAAS,CAAc,gBAAK,MAAM,CAAC,UAAU,cAAc,SAASC,GAAO,IAAiB,gBAAK,MAAM,CAAC,IAAIA,EAAM,IAAI,OAAOA,EAAM,OAAO,IAAIA,EAAM,KAAKC,CAAK,CAAC,EAAE,IAAI,CAAC,EAAe,gBAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAAc,gBAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAACC,EAAsB,gBAAK,OAAO,CAAC,UAAU,oBAAoB,SAASA,CAAQ,CAAC,EAAE,KAAKC,EAAkB,gBAAK,OAAO,CAAC,UAAU,kBAAkB,SAASA,CAAI,CAAC,EAAE,IAAI,CAAC,CAAC,EAAe,gBAAK,KAAK,CAAC,UAAU,oBAAoB,SAASF,CAAK,CAAC,EAAEG,EAAqB,gBAAK,IAAI,CAAC,UAAU,gCAAgC,SAASA,CAAO,CAAC,EAAE,KAAkB,gBAAK,OAAO,CAAC,UAAU,oBAAoB,SAAS,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,oDAAC,EAAS,aAAa,CAAC,SAAS,qCAAqC,KAAK,cAAc,MAAM,+EAA+E,QAAQ,uHAAuH,EAAEb,EAAoBK,EAAS,CAAC,MAAM,CAAC,KAAKJ,EAAY,gBAAgB,MAAM,OAAO,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,gBAAgB,EAAI,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,gBAAgB,EAAI,EAAE,KAAK,CAAC,KAAKA,EAAY,KAAK,MAAM,MAAM,CAAC,CAAC,EAAQ,EAAI"}