{"version":3,"file":"CapFeatures.CiIpygBe.mjs","names":["useRef","useState","p"],"sources":["https:/framerusercontent.com/modules/n9HilgQw26LuOffgwzQI/5BIEStvOqtEWBpcms8GB/CapFeatures.js"],"sourcesContent":["// Core service pages: what we design / create / cover, as numbered cards (and one large lead card when the page has\n// a flagship item). Same language as the homepage: thin display type, hairlines, a light that follows the pointer.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";// ---- shared by every homepage section (kept identical in each file by hp/gen.js)\nconst FONT=\"Poppins, Poppins Placeholder, sans-serif\";const DISPLAY=\"'AE Outfit', Poppins, Poppins Placeholder, sans-serif\";const OUTFIT=\"https://framerusercontent.com/assets/2KMW98v6RuaYdskl5Ye3wavw0.woff2\";const EASE=\"cubic-bezier(.2,.75,.2,1)\";const PAD=\"clamp(20px,4.2vw,60px)\";// radius of the \"sheets\" (each section slides over the one before it with rounded top corners)\nconst RAD=\"clamp(22px,3vw,44px)\";// height of the hero; the section after it is pulled up by the same amount on wide screens so that it covers the pinned hero\nconst HH=\"clamp(600px,calc(100svh - 80px),1040px)\";const GRAIN=\"url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMDAnIGhlaWdodD0nMjAwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAuNiAwJy8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI24pJy8+PC9zdmc+)\";const sized=(u,n)=>u?u+(/^https:\\/\\/framerusercontent\\.com\\/images\\//.test(u)?\"?scale-down-to=\"+n:\"\"):\"\";const BASE_CSS=[\"@font-face{font-family:'AE Outfit';src:url(\"+OUTFIT+\") format('woff2');font-weight:100 900;font-style:normal;font-display:swap}\",\".hm{position:relative;width:100%;font-family:\"+FONT+\";color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\",\".hm *{box-sizing:border-box}\",\".hm a{color:inherit;text-decoration:none}\",\".hm button{font-family:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:left}\",\".hm-wrap{position:relative;width:100%;max-width:1320px;margin:0 auto;padding:0 \"+PAD+\"}\",\".hm-kick{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}\",\".hm-kick b{color:#4d94ff;font-weight:600;letter-spacing:.1em}\",\".hm-kick i{display:block;width:44px;height:1px;background:linear-gradient(90deg,#0066FF,rgba(0,102,255,0))}\",\".hm-h2{margin:0;font-family:\"+DISPLAY+\";font-weight:300;font-size:clamp(34px,4.6vw,72px);line-height:1.02;letter-spacing:-.034em;color:#fff}\",\".hm-h2 em{font-style:normal;color:#6aa3ff}\",\".hm-h2 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}\",\".hm-h2 .w>span{display:inline-block}\",\".hm-lead{margin:0;font-size:clamp(15px,1.12vw,17px);line-height:1.72;color:rgba(255,255,255,.62)}\",\".hm .hm-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 8px 0 26px;border-radius:999px;background:#fff;color:#07080a;font-size:14.5px;font-weight:600;white-space:nowrap;transform:translate3d(var(--bx,0px),var(--by,0px),0);transition:color .4s,transform .45s \"+EASE+\"}\",\".hm .hm-btn::before{content:'';position:absolute;right:8px;top:8px;z-index:-1;width:38px;height:38px;border-radius:50%;background:#0066FF;transition:transform .65s \"+EASE+\"}\",\".hm .hm-btn i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;transition:transform .45s \"+EASE+\"}\",\".hm .hm-btn:hover{color:#fff}\",\".hm .hm-btn:hover::before{transform:scale(16)}\",\".hm .hm-btn:hover i{transform:translateX(3px)}\",\".hm .hm-btn2{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font-size:14.5px;font-weight:600;color:#fff;white-space:nowrap;transition:border-color .3s,background .3s}\",\".hm .hm-btn2:hover{border-color:#fff;background:rgba(255,255,255,.07)}\",\".hm .hm-more{display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.3);font-size:14px;font-weight:600;color:#fff;white-space:nowrap;transition:border-color .25s,color .25s}\",\".hm .hm-more:hover{border-color:#3388FF;color:#9cc3ff}\",\".hm .hm-more svg{transition:transform .35s \"+EASE+\"}\",\".hm .hm-more:hover svg{transform:translateX(4px)}\",\".hm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:22px 64px;align-items:end;margin-bottom:clamp(38px,4.8vw,72px)}\",\".hm-head .hm-lead{padding-bottom:10px}\",\"@media (max-width:900px){.hm-head{grid-template-columns:minmax(0,1fr)}.hm-head .hm-lead{padding-bottom:0;max-width:560px}}\",\".hm-rule{display:block;height:1px;background:rgba(255,255,255,.13);transform-origin:0 50%}\",// sheets\n\".hm-sheet{border-radius:\"+RAD+\" \"+RAD+\" 0 0;margin-top:calc(\"+RAD+\" * -1);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -34px 70px -30px rgba(0,0,0,.75)}\",\"@media (min-width:1101px){.hm-sheet.hm-over{margin-top:calc(\"+HH+\" * -1)}}\",// film grain over pictures\n\".hm-grain{display:block;position:absolute;inset:0;background-image:\"+GRAIN+\";background-size:200px 200px;opacity:.09;mix-blend-mode:overlay;pointer-events:none}\",// a light that follows the pointer over a card (the card sets --x and --y)\n\".hm-gl{display:block;position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s}\",\".hm-gl::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%),rgba(77,148,255,.2),transparent 62%)}\",\".hm-gl::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(160,200,255,.95),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}\",\".hm :hover>.hm-gl{opacity:1}\",\"@media (hover:none){.hm-gl{display:none}}\",\".hm a:focus-visible,.hm button:focus-visible{outline:2px solid #6aa3ff;outline-offset:3px}\",// reveal: content is visible as rendered; it is only hidden once the script knows the section is still below the screen\n\".hm.is-pre .hm-h2 .w>span{transform:translate3d(0,112%,0)}\",\".hm.is-pre .hm-r{opacity:0;transform:translate3d(0,26px,0)}\",\".hm.is-pre .hm-rule{transform:scaleX(0)}\",\".hm.is-in .hm-h2 .w>span{transition:transform 1.1s cubic-bezier(.16,.84,.24,1);transition-delay:calc(var(--i,0) * 42ms)}\",\".hm.is-in .hm-r{transition:opacity .9s ease,transform 1s \"+EASE+\";transition-delay:calc(var(--i,0) * 80ms + 120ms)}\",\".hm.is-in .hm-rule{transition:transform 1.3s \"+EASE+\";transition-delay:calc(var(--i,0) * 80ms)}\",\"@media (prefers-reduced-motion:reduce){.hm.is-pre .hm-h2 .w>span,.hm.is-pre .hm-r,.hm.is-pre .hm-rule{opacity:1;transform:none}.hm *{animation-duration:.01s !important;animation-iteration-count:1 !important}}\"].join(\"\\n\");function useReveal(isStatic){const ref=useRef(null);const[state,setState]=useState(\"\");const[seen,setSeen]=useState(false);useEffect(()=>{const el=ref.current;if(!el||isStatic||typeof window===\"undefined\"||typeof IntersectionObserver===\"undefined\"){setSeen(true);return;}// images and other heavy parts start a little before the section arrives\nconst near=new IntersectionObserver(es=>{if(es[0]&&es[0].isIntersecting){setSeen(true);near.disconnect();}},{rootMargin:\"700px 0px 700px 0px\"});near.observe(el);let io=null;let done=0;if(el.getBoundingClientRect().top>=window.innerHeight*.92){setState(\"is-pre\");io=new IntersectionObserver(es=>{if(es[0]&&es[0].isIntersecting){setState(\"is-in\");if(io)io.disconnect();done=window.setTimeout(()=>setState(\"\"),2800);}},{rootMargin:\"0px 0px -9% 0px\"});io.observe(el);}return()=>{near.disconnect();if(io)io.disconnect();clearTimeout(done);};},[isStatic]);return{ref,state,seen};}// pointer helpers: a light inside a card, a button that leans toward the pointer, a card that tilts\nconst glow=e=>{const el=e.currentTarget,r=el.getBoundingClientRect();el.style.setProperty(\"--x\",Math.round(e.clientX-r.left)+\"px\");el.style.setProperty(\"--y\",Math.round(e.clientY-r.top)+\"px\");};const mag=e=>{if(e.pointerType!==\"mouse\")return;const el=e.currentTarget,r=el.getBoundingClientRect();el.style.setProperty(\"--bx\",((e.clientX-r.left-r.width/2)*.16).toFixed(1)+\"px\");el.style.setProperty(\"--by\",((e.clientY-r.top-r.height/2)*.3).toFixed(1)+\"px\");};const unmag=e=>{const el=e.currentTarget;el.style.setProperty(\"--bx\",\"0px\");el.style.setProperty(\"--by\",\"0px\");};const tilt=e=>{glow(e);if(e.pointerType!==\"mouse\")return;const el=e.currentTarget,r=el.getBoundingClientRect();el.style.setProperty(\"--rx\",(((e.clientY-r.top)/r.height-.5)*-5).toFixed(2)+\"deg\");el.style.setProperty(\"--ry\",(((e.clientX-r.left)/r.width-.5)*6).toFixed(2)+\"deg\");};const untilt=e=>{const el=e.currentTarget;el.style.setProperty(\"--rx\",\"0deg\");el.style.setProperty(\"--ry\",\"0deg\");};// 0..1 as an element travels up the screen: 0 when its top is at `from` of the viewport height, 1 at `to`\nfunction useTravel(isStatic,from,to,steps){const ref=useRef(null);const[n,setN]=useState(steps);useEffect(()=>{const el=ref.current;if(!el||isStatic||typeof window===\"undefined\")return;if(window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches)return;let raf=0;const measure=()=>{raf=0;const r=el.getBoundingClientRect(),vh=window.innerHeight;const p=Math.min(1,Math.max(0,(vh*from-r.top)/(vh*(from-to))));el.style.setProperty(\"--p\",p.toFixed(3));setN(Math.round(p*steps));};const on=()=>{if(!raf)raf=requestAnimationFrame(measure);};window.addEventListener(\"scroll\",on,{passive:true});window.addEventListener(\"resize\",on);measure();return()=>{cancelAnimationFrame(raf);window.removeEventListener(\"scroll\",on);window.removeEventListener(\"resize\",on);};},[isStatic,from,to,steps]);return{ref,n};}const Arrow=p=>/*#__PURE__*/_jsx(\"svg\",{width:p.s||16,height:p.s||16,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14M13 6l6 6-6 6\"})});const ArrowUp=p=>/*#__PURE__*/_jsx(\"svg\",{width:p.s||16,height:p.s||16,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 17L17 7M8 7h9v9\"})});// headline with a word-by-word reveal; the words of `accent` (a phrase inside `text`) are tinted\nfunction Title(p){const words=String(p.text||\"\").split(\" \").filter(Boolean);const acc=String(p.accent||\"\").split(\" \").filter(Boolean);let from=-1;if(acc.length){for(let i=0;i+acc.length<=words.length;i++)if(acc.every((a,k)=>words[i+k]===a))from=i;}const T=p.tag||\"h2\";return /*#__PURE__*/_jsx(T,{className:\"hm-h2\"+(p.cls?\" \"+p.cls:\"\"),children:words.map((w,i)=>{const on=from>=0&&i>=from&&i<from+acc.length;return /*#__PURE__*/_jsxs(\"span\",{children:[/*#__PURE__*/_jsx(\"span\",{className:\"w\",children:/*#__PURE__*/_jsx(\"span\",{style:{\"--i\":i},children:on?/*#__PURE__*/_jsx(\"em\",{children:w}):w})}),\" \"]},i);})});}const Kick=p=>/*#__PURE__*/_jsxs(\"div\",{className:\"hm-kick hm-r\",children:[/*#__PURE__*/_jsx(\"b\",{children:p.n}),/*#__PURE__*/_jsx(\"i\",{}),p.t]});const ext=href=>/^https?:\\/\\//.test(href)?{target:\"_blank\",rel:\"noopener\"}:{};const CSS=BASE_CSS+\"\\n\"+[\".cpf{padding:clamp(88px,10.5vw,160px) 0 calc(\"+RAD+\" + clamp(64px,8vw,120px));background:radial-gradient(110% 46% at 50% 0%,rgba(51,136,255,.1),transparent 60%),#0a0c11;overflow:hidden}\",\".cpf-head{margin-bottom:clamp(38px,4.8vw,68px)}\",\".cpf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}\",\".cpf-grid.has-lead{grid-template-columns:repeat(4,minmax(0,1fr))}\",\".cpf-card{position:relative;display:flex;flex-direction:column;min-height:clamp(150px,13vw,196px);padding:clamp(20px,1.9vw,28px);border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s \"+EASE+\",border-color .4s,background .4s}\",\".cpf-card:hover{border-color:rgba(106,163,255,.38);background:linear-gradient(160deg,rgba(51,136,255,.12),rgba(255,255,255,.02))}\",\".cpf-card b{display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.14em;color:#4d94ff}\",\".cpf-card b::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(77,148,255,.55),rgba(77,148,255,0));transform:scaleX(.18);transform-origin:0 50%;transition:transform .7s \"+EASE+\"}\",\".cpf-card:hover b::after{transform:scaleX(1)}\",\".cpf-card h3{margin:auto 0 0;padding-top:28px;font-family:\"+DISPLAY+\";font-weight:400;font-size:clamp(18px,1.55vw,23px);line-height:1.2;letter-spacing:-.018em;color:#fff}\",\".cpf-card p{margin:10px 0 0;font-size:14px;line-height:1.66;color:rgba(255,255,255,.6)}\",// cards that carry a description (and sometimes a line of tags)\n\".cpf-grid.is-rich .cpf-card{min-height:clamp(236px,19vw,290px)}\",\".cpf-grid.is-rich .cpf-card h3{margin-top:clamp(34px,4.4vw,70px);padding-top:0;font-weight:300;font-size:clamp(23px,2.05vw,31px);line-height:1.1;letter-spacing:-.028em}\",\".cpf-grid.is-rich .cpf-card p{margin-top:12px}\",\".cpf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:20px 0 0;list-style:none}\",\".cpf-chips li{padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);font-size:11.5px;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.76);white-space:nowrap}\",// the lead card\n\".cpf-lead{grid-column:span 2;grid-row:span 2;min-height:clamp(320px,28vw,420px);padding:clamp(26px,2.6vw,40px);background:radial-gradient(120% 90% at 0% 0%,rgba(0,102,255,.34),rgba(0,102,255,.06) 58%,rgba(255,255,255,.02)),#0b1020;border-color:rgba(106,163,255,.28);overflow:hidden}\",\".cpf-lead:hover{background:radial-gradient(120% 90% at 0% 0%,rgba(0,102,255,.4),rgba(0,102,255,.08) 58%,rgba(255,255,255,.02)),#0b1020}\",\".cpf-lead small{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9cc3ff}\",\".cpf-lead small::before{content:'';width:6px;height:6px;border-radius:50%;background:#6aa3ff;box-shadow:0 0 12px #6aa3ff}\",\".cpf-card.cpf-lead h3{position:relative;margin:auto 0 0;padding-top:120px;font-weight:300;font-size:clamp(26px,2.9vw,44px);line-height:1.06;letter-spacing:-.03em;max-width:13em}\",\".cpf-card.cpf-lead p{position:relative;margin-top:16px;max-width:34em;font-size:15px;line-height:1.7;color:rgba(255,255,255,.74)}\",// a quiet drawing in the lead card: a tilted sheet of tiles that light up in turn\n\".cpf-art{position:absolute;right:-6%;top:-10%;width:66%;aspect-ratio:1.15;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;transform:perspective(900px) rotateX(56deg) rotateZ(-30deg);transform-origin:70% 30%;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent 78%);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent 78%);pointer-events:none}\",\".cpf-art i{display:block;border-radius:7px;border:1px solid rgba(156,195,255,.26);background:rgba(106,163,255,.06);animation:cpf-lit 5.6s ease-in-out infinite}\",\"@keyframes cpf-lit{0%,72%,100%{background:rgba(106,163,255,.06);border-color:rgba(156,195,255,.26)}80%{background:rgba(51,136,255,.75);border-color:#9cc3ff}}\",\".cpf:not(.is-live) .cpf-art i{animation-play-state:paused}\",\"@media (max-width:1100px){.cpf-grid,.cpf-grid.has-lead{grid-template-columns:repeat(2,minmax(0,1fr))}.cpf-lead{grid-row:auto}}\",\"@media (max-width:640px){.cpf-grid,.cpf-grid.has-lead{grid-template-columns:minmax(0,1fr);gap:10px}.cpf-lead{grid-column:auto;min-height:300px}.cpf-card.cpf-lead h3{padding-top:96px}.cpf-card,.cpf-grid.is-rich .cpf-card{min-height:0}.cpf-card h3{padding-top:22px}.cpf-grid.is-rich .cpf-card h3{margin-top:30px}.cpf-art{width:84%}}\",\"@media (prefers-reduced-motion:reduce){.cpf-art i{animation:none}}\"].join(\"\\n\");// \"Title: description — tag, tag, tag\" (description and tags are optional)\nconst cpfParse=s=>String(s||\"\").split(\"\\xb7\").map(x=>x.trim()).filter(Boolean).map(x=>{const i=x.indexOf(\": \");const title=i>0&&i<60?x.slice(0,i):x;let desc=i>0&&i<60?x.slice(i+2):\"\";let tags=[];const d=desc.lastIndexOf(\" — \");if(d>0){const t=desc.slice(d+3).split(\",\").map(y=>y.trim()).filter(Boolean);if(t.length>=2&&t.every(y=>y.length<=30)){tags=t;desc=desc.slice(0,d);}}return{title,desc,tags};});/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function CapFeatures(props){const{num=\"01\",kicker=\"What We Design\",heading=\"A System,\",accent=\"Not Just Screens\",flagshipTitle=\"\",flagshipDesc=\"\",items=\"Enterprise SaaS dashboards and admin panels\\xb7Mobile-first responsive web applications\\xb7Complex data visualization interfaces\"}=props;const isStatic=useIsStaticRenderer();const{ref,state}=useReveal(isStatic);const[live,setLive]=useState(false);useEffect(()=>{const el=ref.current;if(!el||isStatic||typeof IntersectionObserver===\"undefined\")return;const io=new IntersectionObserver(es=>setLive(!!(es[0]&&es[0].isIntersecting)));io.observe(el);return()=>io.disconnect();},[isStatic]);const list=cpfParse(items);const lead=String(flagshipTitle||\"\").trim();const rich=list.some(x=>x.desc);return /*#__PURE__*/_jsxs(\"div\",{ref:ref,className:\"hm cpf hm-sheet \"+(live?\"is-live \":\"\")+state,style:{position:\"relative\"},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:CSS}}),/*#__PURE__*/_jsxs(\"div\",{className:\"hm-wrap\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"cpf-head\",children:[/*#__PURE__*/_jsx(Kick,{n:num,t:kicker}),/*#__PURE__*/_jsx(Title,{text:(heading+\" \"+accent).trim(),accent:accent})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"cpf-grid\"+(lead?\" has-lead\":\"\")+(rich?\" is-rich\":\"\"),children:[lead?/*#__PURE__*/_jsxs(\"div\",{className:\"cpf-card cpf-lead hm-r\",onPointerMove:glow,style:{\"--i\":1},children:[/*#__PURE__*/_jsx(\"div\",{className:\"cpf-art\",\"aria-hidden\":\"true\",children:Array.from({length:30}).map((_,i)=>/*#__PURE__*/_jsx(\"i\",{style:{animationDelay:i*7%30*.19+\"s\"}},i))}),/*#__PURE__*/_jsx(\"small\",{children:\"Flagship\"}),/*#__PURE__*/_jsx(\"h3\",{children:lead}),flagshipDesc?/*#__PURE__*/_jsx(\"p\",{children:flagshipDesc}):null,/*#__PURE__*/_jsx(\"i\",{className:\"hm-gl\"})]}):null,list.map((x,i)=>/*#__PURE__*/_jsxs(\"div\",{className:\"cpf-card hm-r\",onPointerMove:tilt,onPointerLeave:untilt,style:{\"--i\":(lead?2:1)+i%6},children:[/*#__PURE__*/_jsx(\"b\",{children:(\"0\"+(i+1)).slice(-2)}),/*#__PURE__*/_jsx(\"h3\",{children:x.title}),x.desc?/*#__PURE__*/_jsx(\"p\",{children:x.desc}):null,x.tags.length?/*#__PURE__*/_jsx(\"ul\",{className:\"cpf-chips\",children:x.tags.map(t=>/*#__PURE__*/_jsx(\"li\",{children:t},t))}):null,/*#__PURE__*/_jsx(\"i\",{className:\"hm-gl\"})]},x.title))]})]})]});}addPropertyControls(CapFeatures,{num:{type:ControlType.String,title:\"Number\",defaultValue:\"01\"},kicker:{type:ControlType.String,title:\"Kicker\",defaultValue:\"What We Design\"},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"A System,\"},accent:{type:ControlType.String,title:\"Accent\",defaultValue:\"Not Just Screens\"},flagshipTitle:{type:ControlType.String,title:\"Flagship title\",defaultValue:\"\"},flagshipDesc:{type:ControlType.String,title:\"Flagship desc\",displayTextArea:true,defaultValue:\"\"},items:{type:ControlType.String,title:\"Items\",description:\"Separated by \\xb7  (a description may follow the title after a colon, and tags after a dash)\",displayTextArea:true,defaultValue:\"Enterprise SaaS dashboards and admin panels\\xb7Mobile-first responsive web applications\\xb7Complex data visualization interfaces\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CapFeatures\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CapFeatures.map"],"mappings":"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"}