{"version":3,"file":"shared-lib.DPzc4iLu.mjs","names":["mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","useRef","_Fragment","createStore","useState","useCallback","useRef","createStore","fonts","css","className","fonts","css","className","fonts","css","className","ArrowUpRightFonts","ArrowUpRight","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","addPropertyOverrides","RichText","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","SVG","mask","SVG","getProps","Icon","React.forwardRef","mask","SVG","getProps","Icon","React.forwardRef","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","SVG","React.useSyncExternalStore","React.useRef","React.useState","Icon","useRef","useState","_Fragment","mask","SVG","getProps","Icon","React.forwardRef","mask","SVG","getProps","Icon","React.forwardRef","mask","SVG","getProps","Icon","React.forwardRef","getProps","React.forwardRef","fonts","css","className","fonts","css","className","Menu","RichText","Instagram","Soundcloud","Youtube","Spotify","Tiktok","ArrowUpRight","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","SVG","Image1","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","__FramerMetadata__","fonts","css","className","fonts","css","className","fonts","css","className","metadata","metadata","siteMetadata","metadataVersion","__FramerMetadata__"],"sources":["https:/framerusercontent.com/modules/CiGGjrw5dYpN4NHDE2Gg/oCG5ewYxDu1Xmf4RdqTv/P3MA2yYun.js","https:/ga.jspm.io/npm:@studio-freight/lenis@1.0.42/dist/lenis.mjs","https:/framerusercontent.com/modules/Yppqt3Cs3Y8TZqvASnXl/ALzPzo9ZL7qsyNt6jnNi/Smooth_Scroll.js","https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js","https:/framer.com/m/framer/utils.js@^0.9.0","https:/framerusercontent.com/modules/dkXYn9PmRhuJGM7WaPWD/QsVgCz9ap8hgTG5Uoj8g/Examples.js","https:/framerusercontent.com/modules/yvk7c8j3C2HXonJYz6RF/lRo8TOBJEiqtxqp7uQKY/s_qOFTHTu.js","https:/framerusercontent.com/modules/v4brK5V0AJXjLMMyDh9d/IxRz4vPdWyFO0zjJteIv/X0JGVcNVI.js","https:/framerusercontent.com/modules/reYITLHWua4gSgwGYcWm/likQo8aYVqjx2SCs6dPD/XRkTyd8BM.js","https:/framerusercontent.com/modules/0l5SKF23iRVy8UF2x8UH/zrQ8H6m5K8Vyxpc3xvxL/b12engyJl.js","https:/framerusercontent.com/modules/ZWgvknNK8qxK96OGv0Cd/Y17sQPSNKDusnjTeeTmf/JKZJ5yeU6.js","https:/framerusercontent.com/modules/GsTPYsOIKn2i0fPOQf2h/V2fh6549bZ4X6EtSPElO/EHBcv5Hmi.js","https:/framerusercontent.com/modules/ldw1xC7PYDp1OQU95BaS/xHTOC6KvKOWy4ofZyCiz/swwyMoXfG.js","https:/framerusercontent.com/modules/2H5c55mpCv9wwpqmmPyd/jO0kHVU4R8BuNdhc1yWw/h2W_Lr9F_.js","https:/framerusercontent.com/modules/IKit2IWtHMobjUeYOeE8/StksWgiEGxqPUGVHJjdp/t7g1ymkID.js","https:/framerusercontent.com/modules/P14hTI9AIsnSIm3JfUJG/EI9dG8tDTmtYoTPNyZrI/AudioPlayButton.js","https:/framerusercontent.com/modules/6gX2Qqn4SUwvBKHccBIp/db1n1qvEPOcfuNUhj8Fx/EywCwzWWE.js","https:/framerusercontent.com/modules/nu3sY1BsyWCH7GFcChqc/FPbjpuBegYdfrUD8CQ32/R1QLZ1bUE.js","https:/framerusercontent.com/modules/nW28P7k6zS9mddbwEi9t/eJZbsb780olVJmyBoSe8/Vsaktx242.js","https:/framerusercontent.com/modules/vsH0QGVBZadWqDpdnEpF/hsfulrhKnqwy5V18bb8B/Knbgtva3g.js","https:/framerusercontent.com/modules/1tPpVhXsLHdulSd3kgvn/LUcWymTCs32CgdQH0SZm/JaJzbvb6E.js","https:/framerusercontent.com/modules/kjmy8sil7pauoBNhvChQ/BoBOTtl7ic7QQXeLsgUP/Wz28kdfq4.js","https:/framerusercontent.com/modules/RFRenoSPg0LiTICRt3vE/OBaVmYy0bJSzdJ1MUbfq/zEHYlQzjU.js","https:/framerusercontent.com/modules/wCzhCMSYTuHCewuP1fFR/BhA4ZxJKDP1m5i4RtA6G/ptr_5CQxM.js","https:/framerusercontent.com/modules/0bYJKLnU5tyCyoi9tmjo/L4p67GDMv9xE8PC605zl/t9xvnH5aI.js","https:/framerusercontent.com/modules/kIvybJuRxHRUwDFka0Y3/P0OHcs1Mtru4AGt1ld2D/TWuV0t98u.js","https:/framerusercontent.com/modules/FPllRU7ffYuqVX38l2s6/PbMRZQHvJNALS1pGH2AD/XjJ_65ojI.js","https:/framerusercontent.com/modules/hGWQ6DoocusTRlKjXbzF/itczqvbEqpED3jEVlLGI/siteMetadata.js","https:/framerusercontent.com/modules/o8fE6rKYnatRxq1seSGq/SEbS2P9ybNtxklR9KSph/augiA20Il.js","https:/framerusercontent.com/modules/5JP1mcCqOliJ4mMbYImx/MPKVn4mf1XAPeBTGpr4M/FkAfGuSn6.js"],"sourcesContent":["// Generated by Framer (85eaff3)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({color,height,id,width,width1,...props})=>{return{...props,JEeZYcamG:width1??props.JEeZYcamG??2,P_DcoRcrY:color??props.P_DcoRcrY??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,P_DcoRcrY,JEeZYcamG,...restProps}=getProps(props);const href=useSVGTemplate(\"1475982494\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-HfmfX\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m973uw\":P_DcoRcrY,\"--js9iwy\":JEeZYcamG,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-HfmfX { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"P_DcoRcrY\":\"color\",\"JEeZYcamG\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Arrow Up Right\",\"color\":{\"type\":\"variable\",\"value\":\"1m973uw\"},\"set\":{\"localId\":\"vectorSet/ZsiCCGPvG\",\"id\":\"ZsiCCGPvG\",\"moduleId\":\"Y7SpbVH16cWqMhj75z1M\"}}\n */const Icon=withCSS(Component,css,\"framer-HfmfX\");Icon.displayName=\"Arrow Up Right\";export default Icon;addPropertyControls(Icon,{P_DcoRcrY:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},JEeZYcamG:{defaultValue:2,displayStepper:true,hidden:false,max:16,min:1,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Arrow Up Right\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1m973uw\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/ZsiCCGPvG\\\",\\\"id\\\":\\\"ZsiCCGPvG\\\",\\\"moduleId\\\":\\\"Y7SpbVH16cWqMhj75z1M\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"P_DcoRcrY\\\":\\\"color\\\",\\\"JEeZYcamG\\\":\\\"width1\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","function t(e,i,s){return Math.max(e,Math.min(i,s))}class Animate{advance(e){if(!this.isRunning)return;let i=!1;if(this.lerp)this.value=(s=this.value,o=this.to,n=60*this.lerp,r=e,function(e,i,s){return(1-s)*e+s*i}(s,o,1-Math.exp(-n*r))),Math.round(this.value)===this.to&&(this.value=this.to,i=!0);else{this.currentTime+=e;const s=t(0,this.currentTime/this.duration,1);i=s>=1;const o=i?1:this.easing(s);this.value=this.from+(this.to-this.from)*o}var s,o,n,r;this.onUpdate?.(this.value,i),i&&this.stop()}stop(){this.isRunning=!1}fromTo(e,i,{lerp:s=.1,duration:o=1,easing:n=(e=>e),onStart:r,onUpdate:l}){this.from=this.value=e,this.to=i,this.lerp=s,this.duration=o,this.easing=n,this.currentTime=0,this.isRunning=!0,r?.(),this.onUpdate=l}}class Dimensions{constructor({wrapper:e,content:i,autoResize:s=!0,debounce:o=250}={}){this.wrapper=e,this.content=i,s&&(this.debouncedResize=function(e,i){let s;return function(){let o=arguments,n=this;clearTimeout(s),s=setTimeout((function(){e.apply(n,o)}),i)}}(this.resize,o),this.wrapper===window?window.addEventListener(\"resize\",this.debouncedResize,!1):(this.wrapperResizeObserver=new ResizeObserver(this.debouncedResize),this.wrapperResizeObserver.observe(this.wrapper)),this.contentResizeObserver=new ResizeObserver(this.debouncedResize),this.contentResizeObserver.observe(this.content)),this.resize()}destroy(){this.wrapperResizeObserver?.disconnect(),this.contentResizeObserver?.disconnect(),window.removeEventListener(\"resize\",this.debouncedResize,!1)}resize=()=>{this.onWrapperResize(),this.onContentResize()};onWrapperResize=()=>{this.wrapper===window?(this.width=window.innerWidth,this.height=window.innerHeight):(this.width=this.wrapper.clientWidth,this.height=this.wrapper.clientHeight)};onContentResize=()=>{this.wrapper===window?(this.scrollHeight=this.content.scrollHeight,this.scrollWidth=this.content.scrollWidth):(this.scrollHeight=this.wrapper.scrollHeight,this.scrollWidth=this.wrapper.scrollWidth)};get limit(){return{x:this.scrollWidth-this.width,y:this.scrollHeight-this.height}}}class Emitter{constructor(){this.events={}}emit(e,...i){let s=this.events[e]||[];for(let e=0,o=s.length;e{this.events[e]=this.events[e]?.filter((e=>i!==e))}}off(e,i){this.events[e]=this.events[e]?.filter((e=>i!==e))}destroy(){this.events={}}}const e=100/6;class VirtualScroll{constructor(e,{wheelMultiplier:i=1,touchMultiplier:s=1}){this.element=e,this.wheelMultiplier=i,this.touchMultiplier=s,this.touchStart={x:null,y:null},this.emitter=new Emitter,window.addEventListener(\"resize\",this.onWindowResize,!1),this.onWindowResize(),this.element.addEventListener(\"wheel\",this.onWheel,{passive:!1}),this.element.addEventListener(\"touchstart\",this.onTouchStart,{passive:!1}),this.element.addEventListener(\"touchmove\",this.onTouchMove,{passive:!1}),this.element.addEventListener(\"touchend\",this.onTouchEnd,{passive:!1})}on(e,i){return this.emitter.on(e,i)}destroy(){this.emitter.destroy(),window.removeEventListener(\"resize\",this.onWindowResize,!1),this.element.removeEventListener(\"wheel\",this.onWheel,{passive:!1}),this.element.removeEventListener(\"touchstart\",this.onTouchStart,{passive:!1}),this.element.removeEventListener(\"touchmove\",this.onTouchMove,{passive:!1}),this.element.removeEventListener(\"touchend\",this.onTouchEnd,{passive:!1})}onTouchStart=e=>{const{clientX:i,clientY:s}=e.targetTouches?e.targetTouches[0]:e;this.touchStart.x=i,this.touchStart.y=s,this.lastDelta={x:0,y:0},this.emitter.emit(\"scroll\",{deltaX:0,deltaY:0,event:e})};onTouchMove=e=>{const{clientX:i,clientY:s}=e.targetTouches?e.targetTouches[0]:e,o=-(i-this.touchStart.x)*this.touchMultiplier,n=-(s-this.touchStart.y)*this.touchMultiplier;this.touchStart.x=i,this.touchStart.y=s,this.lastDelta={x:o,y:n},this.emitter.emit(\"scroll\",{deltaX:o,deltaY:n,event:e})};onTouchEnd=e=>{this.emitter.emit(\"scroll\",{deltaX:this.lastDelta.x,deltaY:this.lastDelta.y,event:e})};onWheel=i=>{let{deltaX:s,deltaY:o,deltaMode:n}=i;s*=1===n?e:2===n?this.windowWidth:1,o*=1===n?e:2===n?this.windowHeight:1,s*=this.wheelMultiplier,o*=this.wheelMultiplier,this.emitter.emit(\"scroll\",{deltaX:s,deltaY:o,event:i})};onWindowResize=()=>{this.windowWidth=window.innerWidth,this.windowHeight=window.innerHeight}}class Lenis{constructor({wrapper:e=window,content:i=document.documentElement,wheelEventsTarget:s=e,eventsTarget:o=s,smoothWheel:n=!0,syncTouch:r=!1,syncTouchLerp:l=.075,touchInertiaMultiplier:h=35,duration:a,easing:c=(e=>Math.min(1,1.001-Math.pow(2,-10*e))),lerp:d=!a&&.1,infinite:p=!1,orientation:u=\"vertical\",gestureOrientation:m=\"vertical\",touchMultiplier:v=1,wheelMultiplier:g=1,autoResize:S=!0,__experimental__naiveDimensions:w=!1}={}){this.__isSmooth=!1,this.__isScrolling=!1,this.__isStopped=!1,this.__isLocked=!1,this.onVirtualScroll=({deltaX:e,deltaY:i,event:s})=>{if(s.ctrlKey)return;const o=s.type.includes(\"touch\"),n=s.type.includes(\"wheel\");if(this.options.syncTouch&&o&&\"touchstart\"===s.type&&!this.isStopped&&!this.isLocked)return void this.reset();const r=0===e&&0===i,l=\"vertical\"===this.options.gestureOrientation&&0===i||\"horizontal\"===this.options.gestureOrientation&&0===e;if(r||l)return;let h=s.composedPath();if(h=h.slice(0,h.indexOf(this.rootElement)),h.find((e=>{var i,s,r,l,h;return(null===(i=e.hasAttribute)||void 0===i?void 0:i.call(e,\"data-lenis-prevent\"))||o&&(null===(s=e.hasAttribute)||void 0===s?void 0:s.call(e,\"data-lenis-prevent-touch\"))||n&&(null===(r=e.hasAttribute)||void 0===r?void 0:r.call(e,\"data-lenis-prevent-wheel\"))||(null===(l=e.classList)||void 0===l?void 0:l.contains(\"lenis\"))&&!(null===(h=e.classList)||void 0===h?void 0:h.contains(\"lenis-stopped\"))})))return;if(this.isStopped||this.isLocked)return void s.preventDefault();if(this.isSmooth=this.options.syncTouch&&o||this.options.smoothWheel&&n,!this.isSmooth)return this.isScrolling=!1,void this.animate.stop();s.preventDefault();let a=i;\"both\"===this.options.gestureOrientation?a=Math.abs(i)>Math.abs(e)?i:e:\"horizontal\"===this.options.gestureOrientation&&(a=e);const c=o&&this.options.syncTouch,d=o&&\"touchend\"===s.type&&Math.abs(a)>5;d&&(a=this.velocity*this.options.touchInertiaMultiplier),this.scrollTo(this.targetScroll+a,Object.assign({programmatic:!1},c?{lerp:d?this.options.syncTouchLerp:1}:{lerp:this.options.lerp,duration:this.options.duration,easing:this.options.easing}))},this.onNativeScroll=()=>{if(!this.__preventNextScrollEvent&&!this.isScrolling){const e=this.animatedScroll;this.animatedScroll=this.targetScroll=this.actualScroll,this.velocity=0,this.direction=Math.sign(this.animatedScroll-e),this.emit()}},window.lenisVersion=\"1.0.42\",e!==document.documentElement&&e!==document.body||(e=window),this.options={wrapper:e,content:i,wheelEventsTarget:s,eventsTarget:o,smoothWheel:n,syncTouch:r,syncTouchLerp:l,touchInertiaMultiplier:h,duration:a,easing:c,lerp:d,infinite:p,gestureOrientation:m,orientation:u,touchMultiplier:v,wheelMultiplier:g,autoResize:S,__experimental__naiveDimensions:w},this.animate=new Animate,this.emitter=new Emitter,this.dimensions=new Dimensions({wrapper:e,content:i,autoResize:S}),this.toggleClassName(\"lenis\",!0),this.velocity=0,this.isLocked=!1,this.isStopped=!1,this.isSmooth=r||n,this.isScrolling=!1,this.targetScroll=this.animatedScroll=this.actualScroll,this.options.wrapper.addEventListener(\"scroll\",this.onNativeScroll,!1),this.virtualScroll=new VirtualScroll(o,{touchMultiplier:v,wheelMultiplier:g}),this.virtualScroll.on(\"scroll\",this.onVirtualScroll)}destroy(){this.emitter.destroy(),this.options.wrapper.removeEventListener(\"scroll\",this.onNativeScroll,!1),this.virtualScroll.destroy(),this.dimensions.destroy(),this.toggleClassName(\"lenis\",!1),this.toggleClassName(\"lenis-smooth\",!1),this.toggleClassName(\"lenis-scrolling\",!1),this.toggleClassName(\"lenis-stopped\",!1),this.toggleClassName(\"lenis-locked\",!1)}on(e,i){return this.emitter.on(e,i)}off(e,i){return this.emitter.off(e,i)}setScroll(e){this.isHorizontal?this.rootElement.scrollLeft=e:this.rootElement.scrollTop=e}resize(){this.dimensions.resize()}emit(){this.emitter.emit(\"scroll\",this)}reset(){this.isLocked=!1,this.isScrolling=!1,this.animatedScroll=this.targetScroll=this.actualScroll,this.velocity=0,this.animate.stop()}start(){this.isStopped&&(this.isStopped=!1,this.reset())}stop(){this.isStopped||(this.isStopped=!0,this.animate.stop(),this.reset())}raf(e){const i=e-(this.time||e);this.time=e,this.animate.advance(.001*i)}scrollTo(e,{offset:i=0,immediate:s=!1,lock:o=!1,duration:n=this.options.duration,easing:r=this.options.easing,lerp:l=!n&&this.options.lerp,onComplete:h,force:a=!1,programmatic:c=!0}={}){if(!this.isStopped&&!this.isLocked||a){if([\"top\",\"left\",\"start\"].includes(e))e=0;else if([\"bottom\",\"right\",\"end\"].includes(e))e=this.limit;else{let s;if(\"string\"==typeof e?s=document.querySelector(e):(null==e?void 0:e.nodeType)&&(s=e),s){if(this.options.wrapper!==window){const e=this.options.wrapper.getBoundingClientRect();i-=this.isHorizontal?e.left:e.top}const o=s.getBoundingClientRect();e=(this.isHorizontal?o.left:o.top)+this.animatedScroll}}if(\"number\"==typeof e){if(e+=i,e=Math.round(e),this.options.infinite?c&&(this.targetScroll=this.animatedScroll=this.scroll):e=t(0,e,this.limit),s)return this.animatedScroll=this.targetScroll=e,this.setScroll(this.scroll),this.reset(),void(null==h||h(this));if(!c){if(e===this.targetScroll)return;this.targetScroll=e}this.animate.fromTo(this.animatedScroll,e,{duration:n,easing:r,lerp:l,onStart:()=>{o&&(this.isLocked=!0),this.isScrolling=!0},onUpdate:(e,i)=>{this.isScrolling=!0,this.velocity=e-this.animatedScroll,this.direction=Math.sign(this.velocity),this.animatedScroll=e,this.setScroll(this.scroll),c&&(this.targetScroll=e),i||this.emit(),i&&(this.reset(),this.emit(),null==h||h(this),this.__preventNextScrollEvent=!0,requestAnimationFrame((()=>{delete this.__preventNextScrollEvent})))}})}}}get rootElement(){return this.options.wrapper===window?document.documentElement:this.options.wrapper}get limit(){return this.options.__experimental__naiveDimensions?this.isHorizontal?this.rootElement.scrollWidth-this.rootElement.clientWidth:this.rootElement.scrollHeight-this.rootElement.clientHeight:this.dimensions.limit[this.isHorizontal?\"x\":\"y\"]}get isHorizontal(){return\"horizontal\"===this.options.orientation}get actualScroll(){return this.isHorizontal?this.rootElement.scrollLeft:this.rootElement.scrollTop}get scroll(){return this.options.infinite?(e=this.animatedScroll,i=this.limit,(e%i+i)%i):this.animatedScroll;var e,i}get progress(){return 0===this.limit?1:this.scroll/this.limit}get isSmooth(){return this.__isSmooth}set isSmooth(e){this.__isSmooth!==e&&(this.__isSmooth=e,this.toggleClassName(\"lenis-smooth\",e))}get isScrolling(){return this.__isScrolling}set isScrolling(e){this.__isScrolling!==e&&(this.__isScrolling=e,this.toggleClassName(\"lenis-scrolling\",e))}get isStopped(){return this.__isStopped}set isStopped(e){this.__isStopped!==e&&(this.__isStopped=e,this.toggleClassName(\"lenis-stopped\",e))}get isLocked(){return this.__isLocked}set isLocked(e){this.__isLocked!==e&&(this.__isLocked=e,this.toggleClassName(\"lenis-locked\",e))}get className(){let e=\"lenis\";return this.isStopped&&(e+=\" lenis-stopped\"),this.isLocked&&(e+=\" lenis-locked\"),this.isScrolling&&(e+=\" lenis-scrolling\"),this.isSmooth&&(e+=\" lenis-smooth\"),e}toggleClassName(e,i){this.rootElement.classList.toggle(e,i),this.emitter.emit(\"className change\",this)}}export{Lenis as default};\n//# sourceMappingURL=lenis.mjs.map\n","import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import Lenis from\"@studio-freight/lenis\";import{useEffect,useRef}from\"react\";/**\n * @framerDisableUnlink\n */export default function SmoothScroll(props){const{intensity}=props;const lenis=useRef(null);useEffect(()=>{if(lenis.current)lenis.current.scrollTo(0,{immediate:true});},[lenis]);useEffect(()=>{const overlayElement=document.getElementById(\"overlay\");if(overlayElement){const handleMutation=(mutationsList,observer)=>{for(const mutation of mutationsList){if(mutation.type===\"childList\"){const hasChildren=overlayElement.children.length>0;if(hasChildren){// Check if the html tag has the style \"overflow: hidden;\"\nconst htmlElement=document.documentElement;const computedStyle=window.getComputedStyle(htmlElement);const isOverflowHidden=computedStyle.getPropertyValue(\"overflow\")===\"hidden\";if(isOverflowHidden){lenis.current.stop();}else{lenis.current.start();}}else{lenis.current.start();}}}};const observer=new MutationObserver(handleMutation);const config={childList:true};observer.observe(overlayElement,config);return()=>observer.disconnect();}},[]);useEffect(()=>{lenis.current=new Lenis({duration:intensity/10});const raf=time=>{lenis.current.raf(time);requestAnimationFrame(raf);};requestAnimationFrame(raf);return()=>{lenis.current.destroy();lenis.current=null;};},[]);return /*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(\"style\",{children:`\n html.lenis {\n height: auto;\n }\n\n .lenis.lenis-smooth {\n scroll-behavior: auto !important;\n }\n\n .lenis.lenis-smooth [data-lenis-prevent] {\n overscroll-behavior: contain;\n }\n\n .lenis.lenis-stopped {\n overflow: hidden;\n }\n\n .lenis.lenis-scrolling iframe {\n pointer-events: none;\n }\n `})});}SmoothScroll.displayName=\"Smooth Scroll\";addPropertyControls(SmoothScroll,{intensity:{title:\"Intensity\",type:ControlType.Number,defaultValue:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SmoothScroll\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Smooth_Scroll.map","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","export const centerContent = {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const autoSizingText = {\n width: \"max-content\",\n wordBreak: \"break-word\",\n overflowWrap: \"break-word\",\n overflow: \"hidden\",\n whiteSpace: \"pre-wrap\",\n flexShrink: 0\n};\nexport const defaultContainerStyles = {\n ...centerContent,\n overflow: \"hidden\"\n};\nexport const containerStyles = defaultContainerStyles;\nexport const randomColor = ()=>\"#\" + Math.floor(Math.random() * 16777215).toString(16)\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"centerContent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"autoSizingText\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultContainerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomColor\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./Utils.map","/*\n * Utils (framer/utils@0.9.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useCallback,useEffect,useLayoutEffect,useRef}from\"react\";import{useIsStaticRenderer}from\"framer\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";import{useReducedMotion}from\"framer-motion\";// Master switch for every animation/hover/scroll motion override in this file.\n// Set to true to bring the page's motion back.\nconst MOTION_ENABLED=true;// The header collapses to a compact bar on scroll (explicitly requested), so it\n// has its own switch independent of the master motion flag above.\nconst HEADER_SHRINK_ENABLED=true;// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withRotate(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{rotate:90},transition:{duration:2}});});}export function withHover(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,whileHover:{scale:1.05}});});}export function withRandomColor(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});});}export function withWordmarkReveal(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{const hostRef=useRef(null);const prefersReducedMotion=useReducedMotion();const isStaticRenderer=useIsStaticRenderer();const setRefs=useCallback(instance=>{hostRef.current=instance;if(typeof ref===\"function\"){ref(instance);}else if(ref&&\"current\"in ref){ref.current=instance;}},[ref]);useEffect(()=>{const host=hostRef.current;console.log(\"[wordmarkReveal] effect ran\",{hasHost:!!host,isStaticRenderer,prefersReducedMotion,hostTag:host?.tagName,hostHTML:host?.outerHTML?.slice(0,300)});if(!host)return;let cancelled=false;let cleanupFns=[];let rafId=null;// The SVG content can mount a tick after this effect runs, so\n// poll briefly instead of assuming it's already in the DOM.\nconst start=attemptsLeft=>{if(cancelled)return;const svg=host.querySelector(\"svg\");const elements=svg?Array.from(svg.children).filter(el=>el.tagName===\"g\"||el.tagName===\"path\"):[];console.log(\"[wordmarkReveal] scan\",{attemptsLeft,foundSvg:!!svg,svgChildCount:svg?.children.length??0,matchedElements:elements.length});if(elements.length===0){if(attemptsLeft>0){rafId=requestAnimationFrame(()=>start(attemptsLeft-1));}else{console.warn(\"[wordmarkReveal] gave up: no svg g/path children found under host\",host);}return;}// Some of these elements already carry their own SVG\n// `transform=\"translate(x y)\"` attribute for positioning\n// (e.g. the second line of the wordmark). Setting a CSS\n// `transform` style replaces that attribute entirely rather\n// than composing with it, so it must be captured and\n// reapplied inside every keyframe or the element jumps to\n// the wrong position.\nconst basePrefix=el=>{const attr=el.getAttribute(\"transform\");if(!attr)return\"\";const match=attr.match(/translate\\(\\s*(-?[\\d.]+)[ ,]+(-?[\\d.]+)\\s*\\)/);if(match)return`translate(${match[1]}px, ${match[2]}px) `;return`${attr} `;};const shouldRenderStatic=isStaticRenderer||prefersReducedMotion||typeof window!==\"undefined\"&&window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;if(shouldRenderStatic){console.log(\"[wordmarkReveal] rendering static (no animation)\",{isStaticRenderer,prefersReducedMotion});elements.forEach(el=>{el.style.opacity=\"1\";el.style.transform=`${basePrefix(el)}translateY(0px)`;});return;}console.log(\"[wordmarkReveal] animating\",elements.length,\"elements\");const durationMs=640;const staggerMs=220;const easing=\"cubic-bezier(0.22, 1, 0.36, 1)\";elements.forEach((el,index)=>{const prefix=basePrefix(el);const fromTransform=`${prefix}translateY(18px)`;const toTransform=`${prefix}translateY(0px)`;el.style.opacity=\"0\";el.style.transform=fromTransform;el.style.willChange=\"transform, opacity\";const animation=el.animate([{opacity:0,transform:fromTransform},{opacity:1,transform:toTransform}],{duration:durationMs,delay:index*staggerMs,easing,fill:\"forwards\"});const onFinish=()=>{el.style.opacity=\"1\";el.style.transform=toTransform;el.style.willChange=\"auto\";};animation.addEventListener(\"finish\",onFinish);cleanupFns.push(()=>{animation.removeEventListener(\"finish\",onFinish);animation.cancel();el.style.willChange=\"auto\";});});};start(10);return()=>{cancelled=true;if(rafId!==null)cancelAnimationFrame(rafId);cleanupFns.forEach(fn=>fn());};},[isStaticRenderer,prefersReducedMotion]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props});});}function injectNavLinkHoverStyle(doc){if(!doc||doc.querySelector(\"style[data-nav-link-hover]\"))return;const style=doc.createElement(\"style\");style.setAttribute(\"data-nav-link-hover\",\"true\");style.textContent=`\n .nav-link-hover {\n position: relative;\n display: inline-block;\n transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .nav-link-hover::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -3px;\n width: 100%;\n height: 1px;\n background: currentColor;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .nav-link-hover:hover::after {\n transform: scaleX(1);\n transform-origin: left;\n }\n .nav-link-hover:hover {\n font-weight: 700;\n transform: translateX(4px);\n }\n `;doc.head.appendChild(style);}// Bold text + a left-to-right underline reveal on hover, using real CSS\n// `:hover` so it works reliably without any JS mouseenter/leave tracking.\nexport function withNavLinkHover(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{// Inject into the document the link renders in (an iframe inside\n// Framer's preview), not the window this module runs in.\nconst setRef=useCallback(el=>{if(el)injectNavLinkHoverStyle(el.ownerDocument);if(typeof ref===\"function\")ref(el);else if(ref&&\"current\"in ref)ref.current=el;},[ref]);return /*#__PURE__*/_jsx(Component,{ref:setRef,...props,className:[props.className,\"nav-link-hover\"].filter(Boolean).join(\" \")});});}export function withLogoSwapWrapper(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,className:[props.className,\"logo-swap-wrapper\"].filter(Boolean).join(\" \")});});}let cardTitleHoverStyleInjected=false;// Uses a real CSS `:hover` + `!important` rule rather than toggling an\n// inline style from withCardImageZoom's mouseenter/leave handlers, because\n// the title's own font-weight is already set as an inline style by the rich\n// text renderer — an inline style set from JS on the same element would tie\n// (or lose) against that existing inline value, while an `!important`\n// stylesheet rule reliably wins over any inline style.\nfunction injectCardTitleHoverStyle(){if(cardTitleHoverStyleInjected||typeof document===\"undefined\")return;cardTitleHoverStyleInjected=true;const style=document.createElement(\"style\");style.setAttribute(\"data-card-title-hover\",\"true\");style.textContent=`\n .card-hover-scope:hover .card-title-hover-target,\n .card-hover-scope:hover .card-title-hover-target * {\n font-weight: 700 !important;\n }\n `;document.head.appendChild(style);}// Tags its host with a stable class name so withCardImageZoom's `:hover`\n// rule can bold the title from the outside, regardless of how deeply nested\n// the rich text renderer's own inner elements end up being.\nexport function withCardTitleTag(Component){return /*#__PURE__*/forwardRef((props,ref)=>{useEffect(()=>{injectCardTitleHoverStyle();},[]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,className:[props.className,\"card-title-hover-target\"].filter(Boolean).join(\" \")});});}// Framer's built-in scroll-driven variant switching snaps instantly instead\n// of easing (unlike hover/click-triggered variant changes), which reads as a\n// jarring layout jump for a sticky header. This drives the same shrink\n// directly with a real CSS transition instead, and uses an absolute scroll\n// position (not direction) so it only re-expands back at the true top of the\n// page rather than on any small scroll-up.\nexport function withHeaderScrollShrink(Component){if(!HEADER_SHRINK_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{const hostRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const setRefs=useCallback(instance=>{hostRef.current=instance;if(typeof ref===\"function\"){ref(instance);}else if(ref&&\"current\"in ref){ref.current=instance;}},[ref]);useEffect(()=>{if(isStaticRenderer)return;const host=hostRef.current;if(!host)return;const doc=host.ownerDocument;const win=doc.defaultView??window;let cancelled=false;let rafId=null;let dateline=null;let nav=null;let logoDefault=null;let logoCompact=null;let shrunk=false;// Reserve the expanded header height on the host so collapsing the\n// utility bar never reflows the page underneath (that reflow is what\n// made the scroll feel jumpy, and it could even bounce the scroll\n// position back across the shrink threshold). Only the visible bar\n// shrinks; the freed strip is click-through.\n// The variant root is driven by framer-motion (it re-writes its own\n// background/pointer-events), so the reservation lives on the\n// static wrapper around it instead.\nconst lockEl=()=>{// Skip the `display: contents` SSR variant wrapper and land on\n// the sticky container that actually owns the layout box.\nlet el=host.parentElement;while(el&&win.getComputedStyle(el).display===\"contents\"){el=el.parentElement;}return el??host;};const reserveHeight=()=>{if(shrunk)return;const el=lockEl();el.style.removeProperty(\"min-height\");const h=host.getBoundingClientRect().height;if(h>0)el.style.setProperty(\"min-height\",h+\"px\",\"important\");};const onResize=()=>{reserveHeight();if(!shrunk&&dateline)datelineH=dateline.getBoundingClientRect().height;};const prefersReducedMotion=typeof window!==\"undefined\"&&win.matchMedia&&win.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;const easing=prefersReducedMotion?\"step-end\":\"cubic-bezier(0.4, 0, 0.2, 1)\";const duration=prefersReducedMotion?\"0s\":\"0.4s\";// `height: auto` cannot be transitioned, so the utility bar used to snap\n// to its collapsed height on the first frame and only then ease its\n// padding away (the \"jump\"). Animate between explicit pixel values\n// instead.\nlet datelineH=0;let clearHeightTimer=null;const settleHeight=()=>{if(clearHeightTimer!==null)win.clearTimeout(clearHeightTimer);clearHeightTimer=null;};const applyShrunk=()=>{if(!nav||shrunk)return;settleHeight();// Measure the expanded bar and pin it in px as the start value.\ndatelineH=(dateline?dateline.getBoundingClientRect().height:0)||datelineH;if(dateline)dateline.style.height=datelineH+\"px\";void dateline?.offsetHeight// commit the start value\n;shrunk=true;if(dateline)dateline.style.height=\"0px\";if(dateline)dateline.style.paddingTop=\"0px\";if(dateline)dateline.style.paddingBottom=\"0px\";if(dateline)dateline.style.opacity=\"0\";nav.style.paddingTop=\"14px\";nav.style.paddingBottom=\"14px\";// The mark fades out first, then the wordmark wipes in from the left.\nif(logoDefault){logoDefault.style.transition=`opacity 0.2s ease, transform ${duration} ${easing}`;logoDefault.style.opacity=\"0\";logoDefault.style.transform=\"translateX(-6px)\";}if(logoCompact){logoCompact.style.transition=`clip-path 0.5s ${easing} 0.12s, opacity 0.25s ease 0.12s`;logoCompact.style.opacity=\"1\";logoCompact.style.clipPath=\"inset(-12px -12px -12px -12px)\";}};const applyExpanded=()=>{if(!nav||!shrunk)return;shrunk=false;// Ease back out to the measured px height, then hand control\n// back to the layout (auto) once it has arrived.\nif(dateline)dateline.style.height=datelineH+\"px\";if(dateline)dateline.style.paddingTop=\"\";if(dateline)dateline.style.paddingBottom=\"\";if(dateline)dateline.style.opacity=\"1\";nav.style.paddingTop=\"\";nav.style.paddingBottom=\"\";// Reverse: the wordmark wipes back out, then the mark fades in.\nif(logoCompact){logoCompact.style.transition=`clip-path 0.35s ${easing}, opacity 0.2s ease 0.15s`;logoCompact.style.opacity=\"0\";logoCompact.style.clipPath=\"inset(-12px 100% -12px -12px)\";}if(logoDefault){logoDefault.style.transition=`opacity 0.25s ease 0.2s, transform ${duration} ${easing} 0.2s`;logoDefault.style.opacity=\"1\";logoDefault.style.transform=\"translateX(0)\";}settleHeight();clearHeightTimer=win.setTimeout(()=>{if(!shrunk&&dateline)dateline.style.height=\"\";},450);};const SHRINK_AT=60;// The page content starts below the full-height header, so the bar has\n// to be back at full height before the content reaches the shrunk\n// bar's bottom edge. Otherwise a strip of bare background shows.\nconst EXPAND_AT=40;const onScroll=()=>{const y=win.scrollY||win.pageYOffset||0;if(y>SHRINK_AT)applyShrunk();else if(y<=EXPAND_AT)applyExpanded();};const findParts=attemptsLeft=>{if(cancelled)return;const children=Array.from(host.children).filter(el=>el instanceof HTMLElement);if(children.length<1){if(attemptsLeft>0){rafId=requestAnimationFrame(()=>findParts(attemptsLeft-1));}return;}// The utility bar was removed, so the header may be just the nav. Find the\n// parts by name and treat the dateline as optional.\ndateline=children.find(el=>el.getAttribute(\"data-framer-name\")===\"Dateline\")??null;nav=children.find(el=>el.getAttribute(\"data-framer-name\")===\"Nav\")??children[children.length>1?1:0];datelineH=dateline?dateline.getBoundingClientRect().height:0;reserveHeight();if(!doc.getElementById(\"header-reserve-style\")){const st=doc.createElement(\"style\");st.id=\"header-reserve-style\";st.textContent=\".header-reserve{pointer-events:none!important;align-items:flex-start!important}\"+\".header-reserve *{pointer-events:auto!important}\";doc.head.appendChild(st);}lockEl().classList.add(\"header-reserve\");win.addEventListener(\"resize\",onResize);if(dateline)dateline.style.transition=`height ${duration} ${easing}, padding ${duration} ${easing}, opacity ${duration} ${easing}`;if(dateline)dateline.style.overflow=\"hidden\";nav.style.transition=`padding ${duration} ${easing}`;const logoWrapper=host.querySelector(\".logo-swap-wrapper\");const logoChildren=logoWrapper?Array.from(logoWrapper.children).filter(el=>el instanceof HTMLElement):[];// The wrapper can contain an empty vector container before the\n// real mark, so pair the last two children (mark, wordmark)\n// rather than the first two.\nif(logoChildren.length>=2){logoDefault=logoChildren[logoChildren.length-2];logoCompact=logoChildren[logoChildren.length-1];logoCompact.style.clipPath=\"inset(-12px 100% -12px -12px)\";logoCompact.style.willChange=\"clip-path, opacity\";}onScroll();win.addEventListener(\"scroll\",onScroll,{passive:true});};findParts(10);return()=>{cancelled=true;if(rafId!==null)cancelAnimationFrame(rafId);win.removeEventListener(\"scroll\",onScroll);win.removeEventListener(\"resize\",onResize);settleHeight();lockEl().style.removeProperty(\"min-height\");lockEl().classList.remove(\"header-reserve\");};},[isStaticRenderer]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props});});}// A left-to-right reveal for images (echoing the same direction as the nav\n// link underline elsewhere on the site), combined with a slight zoom-out as\n// it settles. Pure CSS (clip-path + transform), so it stays smooth even\n// under scroll and needs no extra DOM elements.\nexport function withShutterReveal(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{const hostRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const setRefs=useCallback(instance=>{hostRef.current=instance;if(typeof ref===\"function\"){ref(instance);}else if(ref&&\"current\"in ref){ref.current=instance;}},[ref]);useEffect(()=>{const host=hostRef.current;if(!host)return;const prefersReducedMotion=typeof window!==\"undefined\"&&window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;if(isStaticRenderer||prefersReducedMotion){host.style.clipPath=\"inset(-12px -12px -12px -12px)\";host.style.transform=\"scale(1)\";return;}let revealed=false;const reveal=()=>{if(revealed)return;revealed=true;// Double rAF: guarantees the browser has actually painted the\n// hidden starting state before we flip to the end state, or\n// the transition can get collapsed into a single instant\n// jump with no visible animation.\nrequestAnimationFrame(()=>{requestAnimationFrame(()=>{host.style.clipPath=\"inset(0 0% 0 0)\";host.style.transform=\"scale(1)\";});});};// The image must never be able to get stuck hidden: if anything\n// below throws, or IntersectionObserver never reports back for\n// any reason, this guarantees it becomes visible anyway.\nconst safetyTimer=window.setTimeout(reveal,2500);let io=null;try{const duration=1.1;const easing=\"cubic-bezier(0.16, 1, 0.3, 1)\";host.style.transition=`clip-path ${duration}s ${easing}, transform ${duration+.2}s ${easing}`;host.style.clipPath=\"inset(-12px 100% -12px -12px)\";host.style.transform=\"scale(1.12)\";if(typeof IntersectionObserver===\"undefined\"){reveal();}else{io=new IntersectionObserver(entries=>{for(const entry of entries){if(entry.isIntersecting)reveal();}},{threshold:.15});io.observe(host);}}catch(err){reveal();}return()=>{window.clearTimeout(safetyTimer);io?.disconnect();};},[isStaticRenderer]);return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props});});}// A subtle zoom on a card's artwork when the whole card is hovered, plus the\n// same arrow-nudge used by the Underline Arrow Button elsewhere on the site\n// (applied here to the CTA row's arrow so hovering anywhere on the card, not\n// just the tiny arrow icon, moves it). Targets both via inline transform\n// rather than CSS :hover, because the artwork already gets its transform set\n// once by withShutterReveal on scroll entrance — inline styles beat\n// stylesheet rules, so a CSS-only hover would silently lose to that. Once\n// withShutterReveal's one-time reveal has run, this safely owns the\n// transform from then on.\nexport function withCardImageZoom(Component){if(!MOTION_ENABLED)return Component;return /*#__PURE__*/forwardRef((props,ref)=>{const hostRef=useRef(null);const isStaticRenderer=useIsStaticRenderer();const setRefs=useCallback(instance=>{hostRef.current=instance;if(typeof ref===\"function\"){ref(instance);}else if(ref&&\"current\"in ref){ref.current=instance;}},[ref]);useEffect(()=>{if(isStaticRenderer)return;const host=hostRef.current;if(!host)return;const prefersReducedMotion=typeof window!==\"undefined\"&&window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;if(prefersReducedMotion)return;const artwork=host.firstElementChild;const ctaRow=host.lastElementChild;// Find a genuine arrow icon rather than assuming the CTA row's\n// last child is one: some cards' CTA area is now a custom\n// component (e.g. the audio play button) whose last child isn't\n// an arrow at all - grabbing it positionally was rotating the\n// whole button 45deg on hover. A bare arrow icon is never\n// nested inside a