{"version":3,"file":"TeramokWorkVideoUS.B-RijW-B.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/Y410JmRioB1lVyuEpWZS/sh1Ia3uf1K4NSBEU5ThG/TeramokWorkVideoUS.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * TeramokWorkVideoUS: a work-proof video band.\n * Vertical client-work reel + the story of what was built and what it produced.\n * Autoplays muted only while on screen (scroll-throttled, no IntersectionObserver),\n * pauses off screen to save battery, respects prefers-reduced-motion, and ships\n * VideoObject schema so Google and AI systems can read what the work is.\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 1200\n */const FONT=\"Poppins, Avenir Next, Helvetica Neue, Arial, sans-serif\";const INK=\"#0A0A0A\";const PAMPA=\"#EFEBE5\";export default function TeramokWorkVideoUS(props){const{src=\"\",poster=\"\",kicker=\"The work\",heading=\"Built by TERAMOK.\",body=\"\",points=\"\",ctaHref=\"/book-a-call\",ctaLabel=\"Book a strategy call\",ghostHref=\"/results\",ghostLabel=\"See documented results\",caption=\"\",schemaName=\"TERAMOK client work\",schemaDescription=\"\",uploadDate=\"2026-09-02\",align=\"right\"}=props;const vidRef=useRef(null);useEffect(()=>{const el=vidRef.current;if(!el)return;let reduced=false;try{reduced=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;}catch(e){}if(reduced)return;let last=0;const check=()=>{const now=Date.now();if(now-last<200)return;last=now;try{const r=el.getBoundingClientRect();const vh=window.innerHeight||0;const onScreen=r.top<vh*.9&&r.bottom>vh*.1;if(onScreen&&el.paused){const p=el.play();if(p&&p.catch)p.catch(()=>{});}else if(!onScreen&&!el.paused){el.pause();}}catch(e){}};check();window.addEventListener(\"scroll\",check,{passive:true});const timer=window.setInterval(check,1200);return()=>{window.removeEventListener(\"scroll\",check);window.clearInterval(timer);};},[]);const list=points.split(\"|\").map(s=>s.trim()).filter(Boolean);const schema={\"@context\":\"https://schema.org\",\"@type\":\"VideoObject\",name:schemaName,description:schemaDescription||body,thumbnailUrl:poster?[poster]:undefined,uploadDate:uploadDate,contentUrl:src,creator:{\"@type\":\"Organization\",\"@id\":\"https://www.teramok.us/#organization\"},publisher:{\"@id\":\"https://www.teramok.us/#organization\"}};return /*#__PURE__*/_jsxs(\"section\",{className:\"tkwv tkwv-\"+align,\"aria-label\":schemaName,children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:css}}),src?/*#__PURE__*/_jsx(\"script\",{type:\"application/ld+json\",dangerouslySetInnerHTML:{__html:JSON.stringify(schema)}}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"tkwv-wrap\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tkwv-copy\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"tkwv-kicker\",children:kicker}),/*#__PURE__*/_jsx(\"h2\",{className:\"tkwv-h2\",children:heading}),body?/*#__PURE__*/_jsx(\"p\",{className:\"tkwv-p\",children:body}):null,list.length?/*#__PURE__*/_jsx(\"ul\",{className:\"tkwv-points\",children:list.map(p=>/*#__PURE__*/_jsx(\"li\",{children:p},p))}):null,/*#__PURE__*/_jsxs(\"div\",{className:\"tkwv-actions\",children:[/*#__PURE__*/_jsx(\"a\",{className:\"tkwv-btn\",href:ctaHref,children:ctaLabel}),ghostLabel?/*#__PURE__*/_jsx(\"a\",{className:\"tkwv-ghost\",href:ghostHref,children:ghostLabel}):null]})]}),/*#__PURE__*/_jsxs(\"figure\",{className:\"tkwv-media\",children:[src?/*#__PURE__*/_jsx(\"video\",{ref:vidRef,className:\"tkwv-video\",src:src,poster:poster||undefined,muted:true,loop:true,playsInline:true,preload:\"metadata\",controls:false,\"aria-label\":schemaName}):/*#__PURE__*/_jsx(\"div\",{className:\"tkwv-placeholder\",children:\"Video source not set\"}),caption?/*#__PURE__*/_jsx(\"figcaption\",{children:caption}):null]})]})]});}const css=`\n.tkwv { font-family: ${FONT}; color: ${INK}; background: ${PAMPA}; width: 100%; container-type: inline-size; }\n.tkwv-wrap { max-width: 1140px; margin: 0 auto; padding: clamp(52px, 7vw, 92px) clamp(20px, 4vw, 48px); display: grid; grid-template-columns: 7fr 5fr; gap: clamp(28px, 5vw, 64px); align-items: center; }\n.tkwv-left .tkwv-wrap { grid-template-columns: 5fr 7fr; }\n.tkwv-left .tkwv-copy { order: 2; }\n.tkwv-left .tkwv-media { order: 1; }\n.tkwv-kicker { font-size: 13px; font-weight: 600; text-transform: uppercase; color: rgba(10,10,10,0.55); margin-bottom: 16px; }\n.tkwv-h2 { font-size: clamp(28px, 3.8vw, 44px); line-height: 1.1; letter-spacing: -0.03em; font-weight: 500; margin: 0 0 16px; max-width: 20ch; }\n.tkwv-p { font-size: 16.5px; line-height: 1.65; color: rgba(10,10,10,0.72); margin: 0 0 16px; max-width: 56ch; }\n.tkwv-points { list-style: none; padding: 0; margin: 0 0 24px; }\n.tkwv-points li { font-size: 15px; line-height: 1.55; color: rgba(10,10,10,0.72); padding: 9px 0 9px 20px; border-top: 1px solid rgba(10,10,10,0.1); position: relative; }\n.tkwv-points li:last-child { border-bottom: 1px solid rgba(10,10,10,0.1); }\n.tkwv-points li::before { content: \"\"; position: absolute; left: 0; top: 17px; width: 7px; height: 7px; border-radius: 2px; background: ${INK}; }\n.tkwv-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }\n.tkwv-btn { display: inline-block; background: ${INK}; color: #fff !important; font-size: 14.5px; font-weight: 600; padding: 13px 24px; border-radius: 999px; text-decoration: none; transition: transform .18s ease; }\n.tkwv-btn:hover { transform: translateY(-2px); }\n.tkwv-ghost { font-size: 14.5px; font-weight: 600; color: ${INK}; text-decoration: none; border-bottom: 1.5px solid rgba(10,10,10,0.25); padding-bottom: 2px; }\n.tkwv-ghost { position: relative; } .tkwv-ghost::after { content: \"\"; position: absolute; left: -4px; right: -4px; top: -12px; bottom: -12px; }\n.tkwv-ghost:hover { border-color: ${INK}; }\n.tkwv-media { margin: 0; }\n.tkwv-video { width: 100%; max-width: 340px; aspect-ratio: 9 / 16; height: auto; display: block; border-radius: 20px; background: #0A0A0A; object-fit: cover; box-shadow: 0 18px 50px rgba(10,10,10,0.16); }\n.tkwv-media figcaption { font-size: 12.5px; line-height: 1.55; color: rgba(10,10,10,0.55); margin-top: 12px; max-width: 340px; }\n.tkwv-placeholder { width: 100%; max-width: 340px; aspect-ratio: 9/16; border-radius: 20px; border: 1px dashed rgba(10,10,10,0.25); display: flex; align-items: center; justify-content: center; font-size: 13px; color: rgba(10,10,10,0.45); }\n@container (max-width: 860px) {\n  .tkwv-wrap, .tkwv-left .tkwv-wrap { grid-template-columns: 1fr; }\n  .tkwv-left .tkwv-copy, .tkwv-left .tkwv-media { order: initial; }\n  .tkwv-video, .tkwv-media figcaption, .tkwv-placeholder { max-width: 100%; }\n  .tkwv-video { max-width: 420px; margin: 0 auto; }\n}\n`;addPropertyControls(TeramokWorkVideoUS,{src:{type:ControlType.String,title:\"Video URL\",defaultValue:\"\"},poster:{type:ControlType.String,title:\"Poster URL\",defaultValue:\"\"},kicker:{type:ControlType.String,title:\"Kicker\",defaultValue:\"The work\"},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Built by TERAMOK.\"},body:{type:ControlType.String,title:\"Body\",displayTextArea:true,defaultValue:\"\"},points:{type:ControlType.String,title:\"Points (| separated)\",displayTextArea:true,defaultValue:\"\"},caption:{type:ControlType.String,title:\"Caption\",displayTextArea:true,defaultValue:\"\"},ctaHref:{type:ControlType.String,title:\"CTA link\",defaultValue:\"/book-a-call\"},ctaLabel:{type:ControlType.String,title:\"CTA label\",defaultValue:\"Book a strategy call\"},ghostHref:{type:ControlType.String,title:\"Ghost link\",defaultValue:\"/results\"},ghostLabel:{type:ControlType.String,title:\"Ghost label\",defaultValue:\"See documented results\"},schemaName:{type:ControlType.String,title:\"Schema name\",defaultValue:\"TERAMOK client work\"},schemaDescription:{type:ControlType.String,title:\"Schema description\",displayTextArea:true,defaultValue:\"\"},uploadDate:{type:ControlType.String,title:\"Upload date\",defaultValue:\"2026-09-02\"},align:{type:ControlType.Enum,title:\"Video side\",options:[\"right\",\"left\"],optionTitles:[\"Right\",\"Left\"],defaultValue:\"right\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TeramokWorkVideoUS\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TeramokWorkVideoUS.map"],"mappings":"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"}