{"version":3,"file":"BlogCallout.Cs59pLP8.mjs","names":["__esmMin","p","c","init_jsx_runtime","addPropertyControls","init_framer_BWFVvmND","ControlType","BlogCallout","props","variant","label","panelLine","style","link","panelColor","LOGO_WHITE","title","cta","arrow","words","half","line1","line2","endsWithDot","LOGO_COLOR","accent","meta","description","init_BlogCallout"],"sources":["https:/framerusercontent.com/modules/TDFHdIMnmIwVFfSlmV7V/zQZXRLmPAJiOHebgeMDS/BlogCallout.js"],"sourcesContent":["// Request: \"For any interactivity or animation use React components.\" Blog callout\n// for /binance-heist. Two variants:\n// - card: green panel (wordmark top-left, line aligned with the article title) and a\n//   claw badge on the seam. Stacks when narrow.\n// - compact: a slim link row (small claw tile, panel line as a label, title, link), so\n//   the article supports the page instead of interrupting it (team feedback, 4 Nov 2026).\n// Container queries keep the Framer canvas breakpoints in step with the live site.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Crops of the existing Ossprey logo SVGs already on the Framer CDN.\nconst LOGO_WHITE=\"https://framerusercontent.com/images/quQlm2BklXPFTgt4o2x5LZRwmgg.svg\";const LOGO_COLOR=\"https://framerusercontent.com/images/fAXxhDlYFVf0c2lOhBbOuQOWec.svg\";const arrow=/*#__PURE__*/_jsxs(\"svg\",{\"aria-hidden\":\"true\",width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{flex:\"none\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M13 6l6 6-6 6\"})]});/**\n * Blog callout\n *\n * @framerIntrinsicWidth 1224\n * @framerIntrinsicHeight 260\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function BlogCallout(props){const{variant=\"card\",link=\"/blog/why-attackers-target-engineers\",panelLine=\"Ossprey's take on the Binance heist.\",meta=\"From the Ossprey blog \\xb7 Updated 4 November 2026\",title=\"The engineer's laptop is the new front door\",description=\"What Binance's report means for security leaders, and three questions to ask your team this week.\",cta=\"Read our analysis\",panelColor=\"#242E21\",accent=\"#FF8A00\",style}=props;if(variant===\"compact\"){const label=panelLine.replace(/\\.\\s*$/,\"\");return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",containerType:\"inline-size\",containerName:\"bcc\",...style,height:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                    .bcc-row{display:flex;align-items:center;gap:18px;padding:14px 22px 14px 14px;border-radius:20px;background:rgba(255,255,255,0.6);border:1px solid rgba(22,22,22,0.08);color:#161616;text-decoration:none;font-family:'Hanken Grotesk',system-ui,sans-serif;box-sizing:border-box;width:100%;transition:background-color 250ms ease-out,border-color 250ms ease-out}\n                    .bcc-row:hover{background:#FFFFFF;border-color:rgba(22,22,22,0.14)}\n                    .bcc-row:hover .bcc-go{gap:12px}\n                    .bcc-row:focus-visible{outline:3px solid #934500;outline-offset:3px}\n                    .bcc-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}\n                    .bcc-go{display:inline-flex;align-items:center;gap:8px;color:#934500;font-weight:600;font-size:15px;white-space:nowrap;transition:gap 250ms cubic-bezier(0.16,1,0.3,1)}\n                    @container bcc (max-width: 560px){.bcc-row{flex-wrap:wrap;align-items:flex-start;padding:14px 16px 16px 14px}.bcc-go{flex-basis:100%;padding-left:66px}}\n                `}),/*#__PURE__*/_jsxs(\"a\",{href:link,className:\"bcc-row\",children:[/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{flex:\"none\",width:48,height:48,borderRadius:14,background:panelColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"span\",{style:{width:26,height:26,backgroundImage:`url(${LOGO_WHITE})`,backgroundRepeat:\"no-repeat\",backgroundSize:\"124px 34px\",backgroundPosition:\"-4px -4px\"}})}),/*#__PURE__*/_jsxs(\"span\",{className:\"bcc-text\",children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:13,fontWeight:600,color:\"#4A453E\"},children:label}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:17,fontWeight:700,lineHeight:1.3,letterSpacing:\"-0.01em\"},children:title})]}),/*#__PURE__*/_jsxs(\"span\",{className:\"bcc-go\",children:[cta,arrow]})]})]});}const trimmed=panelLine.replace(/\\.\\s*$/,\"\");const words=trimmed.split(\" \");const half=Math.ceil(words.length/2);const line1=words.slice(0,half).join(\" \");const line2=words.slice(half).join(\" \");const endsWithDot=/\\.\\s*$/.test(panelLine);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",containerType:\"inline-size\",containerName:\"bc\",...style,height:\"auto\"},children:/*#__PURE__*/_jsxs(\"a\",{href:link,className:\"bc-card\",style:{position:\"relative\",background:\"#FFFFFF\",color:\"#161616\",textDecoration:\"none\",borderRadius:24,overflow:\"hidden\",boxShadow:\"0 18px 40px -32px rgba(22,22,22,0.45)\",fontFamily:\"'Hanken Grotesk', system-ui, sans-serif\",width:\"100%\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .bc-card{display:grid;grid-template-columns:40% minmax(0,1fr);grid-template-rows:minmax(44px,1fr) auto auto auto auto minmax(44px,1fr);row-gap:12px;min-height:244px;transition:transform 300ms cubic-bezier(0.16,1,0.3,1),box-shadow 300ms cubic-bezier(0.16,1,0.3,1)}\n                .bc-card:hover{transform:translateY(-3px);box-shadow:0 28px 50px -30px rgba(22,22,22,0.5)!important}\n                .bc-card:focus-visible{outline:3px solid #934500;outline-offset:4px}\n                .bc-card:hover .bc-go{gap:12px}\n                .bc-panel{grid-column:1;grid-row:1 / -1}\n                .bc-word{top:28px;left:32px}\n                .bc-badge{right:-38px;top:50%;transform:translateY(-50%)}\n                .bc-line{grid-column:1;grid-row:3 / span 3;align-self:start;padding:0 32px}\n                .bc-col2{grid-column:2;margin-left:72px!important;margin-right:40px!important}\n                .bc-meta{grid-row:2}.bc-title{grid-row:3}.bc-desc{grid-row:4}.bc-go{grid-row:5;justify-self:start}\n                @container bc (max-width: 640px){.bc-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;min-height:0}.bc-panel{grid-row:1;min-height:220px}.bc-line{grid-row:1;align-self:center;padding:40px 24px 24px}.bc-badge{right:auto;top:auto;left:50%;bottom:-38px;transform:translateX(-50%)}.bc-col2{grid-column:1;margin-left:24px!important;margin-right:24px!important}.bc-meta{grid-row:2;margin-top:48px!important}.bc-title{grid-row:3}.bc-desc{grid-row:4}.bc-go{grid-row:5;margin-bottom:28px!important}}\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"bc-panel\",style:{position:\"relative\",zIndex:1,background:panelColor},children:[/*#__PURE__*/_jsx(\"span\",{role:\"img\",\"aria-label\":\"Ossprey\",className:\"bc-word\",style:{position:\"absolute\",width:117,height:16,backgroundImage:`url(${LOGO_WHITE})`,backgroundRepeat:\"no-repeat\",backgroundSize:\"173px 48px\",backgroundPosition:\"-57px -16px\"}}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",className:\"bc-badge\",style:{position:\"absolute\",width:76,height:76,borderRadius:\"50%\",background:\"#FFFFFF\",border:`3px solid ${panelColor}`,boxShadow:\"0 10px 24px -12px rgba(22,22,22,0.5)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(\"span\",{style:{width:40,height:41,backgroundImage:`url(${LOGO_COLOR})`,backgroundRepeat:\"no-repeat\",backgroundSize:\"187px 52px\",backgroundPosition:\"-6px -5px\"}})})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"bc-line\",style:{position:\"relative\",zIndex:2,margin:0,color:\"#FFFFFF\",fontSize:\"clamp(26px, 2.8cqi, 34px)\",lineHeight:1.12,letterSpacing:\"-0.02em\",fontWeight:700},children:[line1,/*#__PURE__*/_jsx(\"br\",{}),line2,endsWithDot&&/*#__PURE__*/_jsx(\"span\",{style:{color:accent},children:\".\"})]}),/*#__PURE__*/_jsx(\"p\",{className:\"bc-col2 bc-meta\",style:{margin:0,fontSize:14,color:\"#4A453E\"},children:meta}),/*#__PURE__*/_jsx(\"h2\",{className:\"bc-col2 bc-title\",style:{margin:0,fontSize:\"clamp(24px, 2.6cqi, 30px)\",lineHeight:1.15,letterSpacing:\"-0.02em\",fontWeight:700},children:title}),/*#__PURE__*/_jsx(\"p\",{className:\"bc-col2 bc-desc\",style:{margin:0,fontSize:17,lineHeight:1.5,color:\"#3C3832\",maxWidth:\"60ch\"},children:description}),/*#__PURE__*/_jsxs(\"span\",{className:\"bc-col2 bc-go\",style:{display:\"inline-flex\",alignItems:\"center\",gap:8,marginTop:4,color:\"#934500\",fontWeight:600,fontSize:16,transition:\"gap 300ms cubic-bezier(0.16,1,0.3,1)\"},children:[cta,arrow]})]})});}addPropertyControls(BlogCallout,{variant:{type:ControlType.Enum,title:\"Variant\",options:[\"card\",\"compact\"],optionTitles:[\"Card\",\"Compact\"],defaultValue:\"card\"},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"/blog/why-attackers-target-engineers\"},panelLine:{type:ControlType.String,title:\"Panel line\",defaultValue:\"Ossprey's take on the Binance heist.\"},meta:{type:ControlType.String,title:\"Meta\",defaultValue:\"From the Ossprey blog \\xb7 Updated 4 November 2026\",hidden:p=>p.variant===\"compact\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"The engineer's laptop is the new front door\"},description:{type:ControlType.String,title:\"Description\",displayTextArea:true,defaultValue:\"What Binance's report means for security leaders, and three questions to ask your team this week.\",hidden:p=>p.variant===\"compact\"},cta:{type:ControlType.String,title:\"Link label\",defaultValue:\"Read our analysis\"},panelColor:{type:ControlType.Color,title:\"Panel colour\",defaultValue:\"#242E21\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#FF8A00\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogCallout\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1224\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicHeight\":\"260\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogCallout.map"],"mappings":"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"}