1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/p5.min.CY04lA9S.js","../chunks/_commonjsHelpers.Cpj98o6Y.js"])))=>i.map(i=>d[i]); 2var wt=a=>{throw TypeError(a)};var He=(a,e,t)=>e.has(a)||wt("Cannot "+t);var x=(a,e,t)=>(He(a,e,"read from private field"),t?t.call(a):e.get(a)),V=(a,e,t)=>e.has(a)?wt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),G=(a,e,t,n)=>(He(a,e,"write to private field"),n?n.call(a,t):e.set(a,t),t),bt=(a,e,t)=>(He(a,e,"access private method"),t);import{a as k,t as M,f as Ke,s as Ze}from"../chunks/disclose-version.Bo63V7N2.js";import{p as W,_ as qe,G as ie,v as o,f as se,s as u,a as H,x as C,o as Ie,m as E,w as te,c as h,r as g,A as et,t as oe,C as Ht,aY as Nt,D as Te,X as Zt,aZ as $t,n as Jt,a0 as Qt}from"../chunks/index-client.CzjFbwQr.js";import{a as K,i as Ee,p as L}from"../chunks/props.CQL4iuRC.js";import{p as F,g as S,s as je,a as D,t as Kt,c as ke,o as De,f as en,h as Q}from"../chunks/variants.BUOZfrqx.js";import{S as tn}from"../chunks/ScrollTrigger.iMyMuYiy.js";import"../chunks/legacy.CjiWlCLm.js";import{i as Pt}from"../chunks/lifecycle.BW1i0vMx.js";import{b as Ue}from"../chunks/this.e0-ijgtQ.js";import{b as Ct,a as zt,I as Ve,R as It,d as ge,v as nn,A as rn}from"../chunks/index.D7TNWhr_.js";import{C as yt,S as St,G as _t,A as an,a as sn,i as Ft,T as tt,q as on}from"../chunks/tweened.6iLrB_Q6.js";import{M as Ae}from"../chunks/media-query.t3uddte-.js";import{F as nt}from"../chunks/Filter.DpzjBFji.js";import{a as q,c as ln,s as $,e as _e,b as he,i as Fe,w as $e,p as cn,F as un}from"../chunks/Footer.C2uVBPDs.js";import{_ as dn}from"../chunks/preload-helper.C1FmrZbK.js";import{C as Pe,g as pn}from"../chunks/contexts.CaxIifwA.js";import{c as vn}from"../chunks/entry.D8Cwoe0i.js";import{b as fn,c as mn}from"../chunks/common.DY4uUl1q.js";import{r as gn,l as hn}from"../chunks/loop.BGGTUj09.js";import{S as xn}from"../chunks/SlideElement.D5FJQ-zF.js";import{u as wn}from"../chunks/useIntroAnimation.svelte.BhrFEE9d.js";const Ot={5:[.153388,.221461,.250301],7:[.071303,.131514,.189879,.214607],9:[.028532,.067234,.124009,.179044,.20236],11:[.0093,.028002,.065984,.121703,.175713,.198596],13:[.002406,.009255,.027867,.065666,.121117,.174868,.197641],15:[489e-6,.002403,.009246,.02784,.065602,.120999,.174697,.197448]},bn=["in vec2 vBlurTexCoords[%size%];","uniform sampler2D uTexture;","out vec4 finalColor;","void main(void)","{"," finalColor = vec4(0.0);"," %blur%","}"].join(` 3`);function yn(a){const e=Ot[a],t=e.length;let n=bn,i="";const r="finalColor += texture(uTexture, vBlurTexCoords[%index%]) * %value%;";let l;for(let d=0;d<a;d++){let f=r.replace("%index%",d.toString());l=d,d>=t&&(l=a-d-1),f=f.replace("%value%",e[l].toString()),i+=f,i+=` 4`}return n=n.replace("%blur%",i),n=n.replace("%size%",a.toString()),n}const Sn=` 5 in vec2 aPosition; 6 7 uniform float uStrength; 8 9 out vec2 vBlurTexCoords[%size%]; 10 11 uniform vec4 uInputSize; 12 uniform vec4 uOutputFrame; 13 uniform vec4 uOutputTexture; 14 15 vec4 filterVertexPosition( void ) 16{ 17 vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy; 18 19 position.x = position.x * (2.0 / uOutputTexture.x) - 1.0; 20 position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z; 21 22 return vec4(position, 0.0, 1.0); 23} 24 25 vec2 filterTextureCoord( void ) 26 { 27 return aPosition * (uOutputFrame.zw * uInputSize.zw); 28 } 29 30 void main(void) 31 { 32 gl_Position = filterVertexPosition(); 33 34 float pixelStrength = uInputSize.%dimension% * uStrength; 35 36 vec2 textureCoord = filterTextureCoord(); 37 %blur% 38 }`;function _n(a,e){const t=Math.ceil(a/2);let n=Sn,i="",r;e?r="vBlurTexCoords[%index%] = textureCoord + vec2(%sampleIndex% * pixelStrength, 0.0);":r="vBlurTexCoords[%index%] = textureCoord + vec2(0.0, %sampleIndex% * pixelStrength);";for(let l=0;l<a;l++){let d=r.replace("%index%",l.toString());d=d.replace("%sampleIndex%",`${l-(t-1)}.0`),i+=d,i+=` 39`}return n=n.replace("%blur%",i),n=n.replace("%size%",a.toString()),n=n.replace("%dimension%",e?"z":"w"),n}function Fn(a,e){const t=_n(e,a),n=yn(e);return Ct.from({vertex:t,fragment:n,name:`blur-${a?"horizontal":"vertical"}-pass-filter`})}var Pn=` 40 41struct GlobalFilterUniforms { 42 uInputSize:vec4<f32>, 43 uInputPixel:vec4<f32>, 44 uInputClamp:vec4<f32>, 45 uOutputFrame:vec4<f32>, 46 uGlobalFrame:vec4<f32>, 47 uOutputTexture:vec4<f32>, 48}; 49 50struct BlurUniforms { 51 uStrength:f32, 52}; 53 54@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms; 55@group(0) @binding(1) var uTexture: texture_2d<f32>; 56@group(0) @binding(2) var uSampler : sampler; 57 58@group(1) @binding(0) var<uniform> blurUniforms : BlurUniforms; 59 60 61struct VSOutput { 62 @builtin(position) position: vec4<f32>, 63 %blur-struct% 64 }; 65 66fn filterVertexPosition(aPosition:vec2<f32>) -> vec4<f32> 67{ 68 var position = aPosition * gfu.uOutputFrame.zw + gfu.uOutputFrame.xy; 69 70 position.x = position.x * (2.0 / gfu.uOutputTexture.x) - 1.0; 71 position.y = position.y * (2.0*gfu.uOutputTexture.z / gfu.uOutputTexture.y) - gfu.uOutputTexture.z; 72 73 return vec4(position, 0.0, 1.0); 74} 75 76fn filterTextureCoord( aPosition:vec2<f32> ) -> vec2<f32> 77{ 78 return aPosition * (gfu.uOutputFrame.zw * gfu.uInputSize.zw); 79} 80 81fn globalTextureCoord( aPosition:vec2<f32> ) -> vec2<f32> 82{ 83 return (aPosition.xy / gfu.uGlobalFrame.zw) + (gfu.uGlobalFrame.xy / gfu.uGlobalFrame.zw); 84} 85 86fn getSize() -> vec2<f32> 87{ 88 return gfu.uGlobalFrame.zw; 89} 90 91 92@vertex 93fn mainVertex( 94 @location(0) aPosition : vec2<f32>, 95) -> VSOutput { 96 97 let filteredCord = filterTextureCoord(aPosition); 98 99 let pixelStrength = gfu.uInputSize.%dimension% * blurUniforms.uStrength; 100 101 return VSOutput( 102 filterVertexPosition(aPosition), 103 %blur-vertex-out% 104 ); 105} 106 107@fragment 108fn mainFragment( 109 @builtin(position) position: vec4<f32>, 110 %blur-fragment-in% 111) -> @location(0) vec4<f32> { 112 113 var finalColor = vec4(0.0); 114 115 %blur-sampling% 116 117 return finalColor; 118}`;function Cn(a,e){const t=Ot[e],n=t.length,i=[],r=[],l=[];for(let s=0;s<e;s++){i[s]=`@location(${s}) offset${s}: vec2<f32>,`,a?r[s]=`filteredCord + vec2(${s-n+1} * pixelStrength, 0.0),`:r[s]=`filteredCord + vec2(0.0, ${s-n+1} * pixelStrength),`;const p=s<n?s:e-s-1,c=t[p].toString();l[s]=`finalColor += textureSample(uTexture, uSampler, offset${s}) * ${c};`}const d=i.join(` 119`),f=r.join(` 120`),v=l.join(` 121`),b=Pn.replace("%blur-struct%",d).replace("%blur-vertex-out%",f).replace("%blur-fragment-in%",d).replace("%blur-sampling%",v).replace("%dimension%",a?"z":"w");return zt.from({vertex:{source:b,entryPoint:"mainVertex"},fragment:{source:b,entryPoint:"mainFragment"}})}const Tt=class Et extends nt{constructor(e){e={...Et.defaultOptions,...e};const t=Fn(e.horizontal,e.kernelSize),n=Cn(e.horizontal,e.kernelSize);super({glProgram:t,gpuProgram:n,resources:{blurUniforms:{uStrength:{value:0,type:"f32"}}},...e}
121),this.horizontal=e.horizontal,this._quality=0,this.quality=e.quality,this.blur=e.strength,this._uniforms=this.resources.blurUniforms.uniforms}apply(e,t,n,i){if(this._uniforms.uStrength=this.strength/this.passes,this.passes===1)e.applyFilter(this,t,n,i);else{const r=Ve.getSameSizeTexture(t);let l=t,d=r;this._state.blend=!1;const f=e.renderer.type===It.WEBGPU;for(let v=0;v<this.passes-1;v++){e.applyFilter(this,l,d,v===0?!0:f);const b=d;d=l,l=b}this._state.blend=!0,e.applyFilter(this,l,n,i),Ve.returnTexture(r)}}get blur(){return this.strength}set blur(e){this.padding=1+Math.abs(e)*2,this.strength=e}get quality(){return this._quality}set quality(e){this._quality=e,this.passes=e}};Tt.defaultOptions={strength:8,quality:4,kernelSize:5};let Ne=Tt;class jt extends nt{constructor(...e){let t=e[0]??{};typeof t=="number"&&(ge(nn,"BlurFilter constructor params are now options object. See params: { strength, quality, resolution, kernelSize }"),t={strength:t},e[1]!==void 0&&(t.quality=e[1]),e[2]!==void 0&&(t.resolution=e[2]||"inherit"),e[3]!==void 0&&(t.kernelSize=e[3])),t={...Ne.defaultOptions,...t};const{strength:n,strengthX:i,strengthY:r,quality:l,...d}=t;super({...d,compatibleRenderers:It.BOTH,resources:{}}),this._repeatEdgePixels=!1,this.blurXFilter=new Ne({horizontal:!0,...t}),this.blurYFilter=new Ne({horizontal:!1,...t}),this.quality=l,this.strengthX=i??n,this.strengthY=r??n,this.repeatEdgePixels=!1}apply(e,t,n,i){const r=Math.abs(this.blurXFilter.strength),l=Math.abs(this.blurYFilter.strength);if(r&&l){const d=Ve.getSameSizeTexture(t);this.blurXFilter.blendMode="normal",this.blurXFilter.apply(e,t,d,!0),this.blurYFilter.blendMode=this.blendMode,this.blurYFilter.apply(e,d,n,i),Ve.returnTexture(d)}else l?(this.blurYFilter.blendMode=this.blendMode,this.blurYFilter.apply(e,t,n,i)):(this.blurXFilter.blendMode=this.blendMode,this.blurXFilter.apply(e,t,n,i))}updatePadding(){this._repeatEdgePixels?this.padding=0:this.padding=Math.max(Math.abs(this.blurXFilter.blur),Math.abs(this.blurYFilter.blur))*2}get strength(){if(this.strengthX!==this.strengthY)throw new Error("BlurFilter's strengthX and strengthY are different");return this.strengthX}set strength(e){this.blurXFilter.blur=this.blurYFilter.blur=e,this.updatePadding()}get quality(){return this.blurXFilter.quality}set quality(e){this.blurXFilter.quality=this.blurYFilter.quality=e}get strengthX(){return this.blurXFilter.blur}set strengthX(e){this.blurXFilter.blur=e,this.updatePadding()}get strengthY(){return this.blurYFilter.blur}set strengthY(e){this.blurYFilter.blur=e,this.updatePadding()}get blur(){return ge("8.3.0","BlurFilter.blur is deprecated, please use BlurFilter.strength instead."),this.strength}set blur(e){ge("8.3.0","BlurFilter.blur is deprecated, please use BlurFilter.strength instead."),this.strength=e}get blurX(){return ge("8.3.0","BlurFilter.blurX is deprecated, please use BlurFilter.strengthX instead."),this.strengthX}set blurX(e){ge("8.3.0","BlurFilter.blurX is deprecated, please use BlurFilter.strengthX instead."),this.strengthX=e}get blurY(){return ge("8.3.0","BlurFilter.blurY is deprecated, please use BlurFilter.strengthY instead."),this.strengthY}set blurY(e){ge("8.3.0","BlurFilter.blurY is deprecated, please use BlurFilter.strengthY instead."),this.strengthY=e}get repeatEdgePixels(){return this._repeatEdgePixels}set repeatEdgePixels(e){this._repeatEdgePixels=e,this.updatePadding()}}jt.defaultOptions={strength:8,quality:4,kernelSize:5};var zn=`in vec2 aPosition; 122out vec2 vTextureCoord; 123 124uniform vec4 uInputSize; 125uniform vec4 uOutputFrame; 126uniform vec4 uOutputTexture; 127 128vec4 filterVertexPosition( void ) 129{ 130 vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy; 131 132 position.x = position.x * (2.0 / uOutputTexture.x) - 1.0; 133 position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z; 134 135 return vec4(position, 0.0, 1.0); 136} 137 138vec2 filterTextureCoord( void ) 139{ 140 return aPosition * (uOutputFrame.zw * uInputSize.zw); 141} 142 143void main(void) 144{ 145 gl_Position = filterVertexPosition(); 146 vTextureCoord = filterTextureCoord(); 147} 148`,In=`struct GlobalFilterUniforms { 149 uInputSize:vec4<f32>, 150 uInputPixel:vec4<f32>, 151 uInputClamp:vec4<f32>, 152 uOutputFrame:vec4<f32>, 153 uGlobalFrame:vec4<f32>, 154 uOutputTexture:vec4<f32>, 155}; 156 157@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms; 158 159struct VSOutput { 160 @builtin(position) position: vec4<f32>, 161 @location(0) uv : vec2<f32> 162 }; 163 164fn filterVertexPosition(aPosition:vec2<f32>) -> vec4<f32> 165{ 166 var position = aPosition * gfu.uOutputFrame.zw + gfu.uOutputFrame.xy; 167 168 position.x = position.x * (2.0 / gfu.uOutputTexture.x) - 1.0; 169 position.y = position.y * (2.0*gfu.uOutputTexture.z / gfu.uOutputTexture.y) - gfu.uOutputTexture.z; 170 171 return vec4(position, 0.0, 1.0); 172} 173 174fn filterTextureCoord( aPosition:vec2<f32> ) -> vec2<f32> 175{ 176 return aPosition * (gfu.uOutputFrame.zw * gfu.uInputSize.zw); 177} 178 179fn globalTextureCoord( aPosition:vec2<f32> ) -> vec2<f32> 180{ 181 return (aPosition.xy / gfu.uGlobalFrame.zw) + (gfu.uGlobalFrame.xy / gfu.uGlobalFrame.zw); 182} 183 184fn getSize() -> vec2<f32> 185{ 186 return gfu.uGlobalFrame.zw; 187} 188 189@vertex 190fn mainVertex( 191 @location(0) aPosition : vec2<f32>, 192) -> VSOutput { 193 return VSOutput( 194 filterVertexPosition(aPosition), 195 filterTextureCoord(aPosition) 196 ); 197}`,On=`precision highp float; 198in vec2 vTextureCoord; 199out vec4 finalColor; 200 201uniform sampler2D uTexture; 202uniform vec2 uDimensions; 203uniform vec2 uCenter; 204uniform float uRadius; 205uniform float uStrength; 206 207uniform vec4 uInputSize; 208uniform vec4 uInputClamp; 209 210void main() 211{ 212 vec2 coord = vTextureCoord * uInputSize.xy; 213 coord -= uCenter * uDimensions.xy; 214 float distance = length(coord); 215 216 if (distance < uRadius) { 217 float percent = distance / uRadius; 218 if (uStrength > 0.0) { 219 coord *= mix(1.0, smoothstep(0.0, uRadius / distance, percent), uStrength * 0.75); 220 } else { 221 coord *= mix(1.0, pow(percent, 1.0 + uStrength * 0.75) * uRadius / distance, 1.0 - percent); 222 } 223 } 224 225 coord += uCenter * uDimensions.xy; 226 coord /= uInputSize.xy; 227 vec2 clampedCoord = clamp(coord, uInputClamp.xy, uInputClamp.zw); 228 vec4 color = texture(uTexture, clampedCoord); 229 230 if (coord != clampedCoord) { 231 color *= max(0.0, 1.0 - length(coord - clampedCoord)); 232 } 233 234 finalColor = color; 235} 236`,Tn=`struct BulgePinchUniforms { 237 uDimensions: vec2<f32>, 238 uCenter: vec2<f32>, 239 uRadius: f32, 240 uStrength: f32, 241}; 242 243struct GlobalFilterUniforms { 244 uInputSize:vec4<f32>, 245 uInputPixel:vec4<f32>, 246 uInputClamp:vec4<f32>, 247 uOutputFrame:vec4<f32>, 248 uGlobalFrame:vec4<f32>, 249 uOutputTexture:vec4<f32>, 250}; 251 252@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms; 253 254@group(0) @binding(1) var uTexture: texture_2d<f32>; 255@group(0) @binding(2) var uSampler: sampler; 256@group(1) @binding(0) var<uniform> bulgePinchUniforms : BulgePinchUniforms; 257 258@fragment 259fn mainFragment( 260 @builtin(position) position: vec4<f32>, 261 @location(0) uv : vec2<f32> 262) -> @location(0) vec4<f32> { 263 let dimensions: vec2<f32> = bulgePinchUniforms.uDimensions; 264 let center: vec2<f32> = bulgePinchUniforms.uCenter; 265 let radius: f32 = bulgePinchUniforms.uRadius; 266 let strength: f32 = bulgePinchUniforms.uStrength; 267 var coord: vec2<f32> = (uv * gfu.uInputSize.xy) - center * dimensions.xy; 268 269 let distance: f32 = length(coord); 270
271 if (distance < radius) { 272 let percent: f32 = distance / radius; 273 if (strength > 0.0) { 274 coord *= mix(1.0, smoothstep(0.0, radius / distance, percent), strength * 0.75); 275 } else { 276 coord *= mix(1.0, pow(percent, 1.0 + strength * 0.75) * radius / distance, 1.0 - percent); 277 } 278 } 279 coord += (center * dimensions.xy); 280 coord /= gfu.uInputSize.xy; 281 282 let clampedCoord: vec2<f32> = clamp(coord, gfu.uInputClamp.xy, gfu.uInputClamp.zw); 283 var color: vec4<f32> = textureSample(uTexture, uSampler, clampedCoord); 284 if (coord.x != clampedCoord.x && coord.y != clampedCoord.y) { 285 color *= max(0.0, 1.0 - length(coord - clampedCoord)); 286 } 287 288 return color; 289} 290 291fn compareVec2(x: vec2<f32>, y: vec2<f32>) -> bool 292{ 293 if (x.x == y.x && x.y == y.y) 294 { 295 return true; 296 } 297 298 return false; 299}`,En=Object.defineProperty,jn=(a,e,t)=>e in a?En(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,kt=(a,e,t)=>(jn(a,typeof e!="symbol"?e+"":e,t),t);const Dt=class Mt extends nt{constructor(e){e={...Mt.DEFAULT_OPTIONS,...e};const t=zt.from({vertex:{source:In,entryPoint:"mainVertex"},fragment:{source:Tn,entryPoint:"mainFragment"}}),n=Ct.from({vertex:zn,fragment:On,name:"bulge-pinch-filter"});super({gpuProgram:t,glProgram:n,resources:{bulgePinchUniforms:{uDimensions:{value:[0,0],type:"vec2<f32>"},uCenter:{value:e.center,type:"vec2<f32>"},uRadius:{value:e.radius,type:"f32"},uStrength:{value:e.strength,type:"f32"}}}}),kt(this,"uniforms"),this.uniforms=this.resources.bulgePinchUniforms.uniforms,Object.assign(this,e)}apply(e,t,n,i){this.uniforms.uDimensions[0]=t.frame.width,this.uniforms.uDimensions[1]=t.frame.height,e.applyFilter(this,t,n,i)}get center(){return this.uniforms.uCenter}set center(e){typeof e=="number"&&(e={x:e,y:e}),Array.isArray(e)&&(e={x:e[0],y:e[1]}),this.uniforms.uCenter=e}get centerX(){return this.uniforms.uCenter.x}set centerX(e){this.uniforms.uCenter.x=e}get centerY(){return this.uniforms.uCenter.y}set centerY(e){this.uniforms.uCenter.y=e}get radius(){return this.uniforms.uRadius}set radius(e){this.uniforms.uRadius=e}get strength(){return this.uniforms.uStrength}set strength(e){this.uniforms.uStrength=e}};kt(Dt,"DEFAULT_OPTIONS",{center:{x:.5,y:.5},radius:100,strength:1});let kn=Dt;var Dn=M("<!> <!>",1),Mn=M("<!> <!> <!>",1);function An(a,e){W(e,!0);const t=new Ae("min-width: 768px"),n=qe("eyeCanvasProgress"),i=C(()=>F.windowSize.width/F.windowSize.height>3840/2160),r=C(()=>S.utils.clamp(0,1,S.utils.mapRange(.5,1,0,1,n.wrapperScale))),l=C(()=>o(i)?F.windowSize.width/3840:F.windowSize.height/2160);let d=C(()=>S.utils.interpolate(o(l)*1.8,o(l),o(r))),f=C(()=>S.utils.interpolate(45,0,o(r)));const v=C(()=>S.utils.mapRange(0,1,1,.1,n.lightScale)*F.windowSize.width/3840*.8),b=C(()=>n.lightScale===0?S.utils.interpolate(0,.2,n.lightOpacity):S.utils.mapRange(0,1,.2,.05,n.lightScale));let s=K(new kn({strength:1.4,radius:F.windowSize.width*.89}));ie(()=>{s.strength=S.utils.interpolate(1.2,0,Math.pow(o(r),1.7)),s.radius=F.windowSize.width*.89});let p=C(()=>S.utils.clamp(0,1,S.utils.mapRange(0,.5,0,1,n.circleScale))),c=C(()=>S.utils.clamp(0,1,S.utils.mapRange(.5,1,0,1,n.circleScale)));const y=C(()=>F.windowSize.width*(t.current?.45:.65)),P=C(()=>o(p)<1?S.utils.interpolate(Math.hypot(F.windowSize.width,F.windowSize.height)/2,o(y),o(p)):S.utils.interpolate(o(y),F.windowSize.width*.1,o(c)));let w=K(new jt({strength:120,quality:30})),I=C(()=>S.utils.mapRange(0,1,1,0,o(c))),j=C(()=>S.utils.mapRange(0,.25,1,0,o(c)));ie(()=>{w.strength=t.current?56:48,w.quality=t.current?15:11}),yt(a,{children:(A,ee)=>{var N=Mn(),R=se(N),X=C(()=>F.windowSize.width/2),T=C(()=>F.windowSize.height/2),B=C(()=>[s]);St(R,{get texture(){return e.eyeAssets.bgEye},get x(){return o(X)},get y(){return o(T)},get scale(){return o(d)},get angle(){return o(f)},get filters(){return o(B)},anchor:.5});var Y=u(R,2);yt(Y,{get alpha(){return o(I)},children:(ne,ve)=>{var re=Dn(),Z=se(re);_t(Z,{draw:m=>{m.clear().rect(0,0,F.windowSize.width,F.windowSize.height).fill(1052688)}});var ae=u(Z,2),ue=C(()=>[w]),z=C(()=>o(j)*.45);_t(ae,{get filters(){return o(ue)},get alpha(){return o(z)},draw:m=>{m.clear().circle(F.windowSize.width/2,F.windowSize.height/2,o(P)).stroke({color:16777215,width:8})}}),k(ne,re)}
299,$$slots:{default:!0}});var U=u(Y,2),le=C(()=>F.windowSize.width/2),ce=C(()=>F.windowSize.height/2);St(U,{get texture(){return e.eyeAssets.bgLight},get x(){return o(le)},get y(){return o(ce)},get scale(){return o(v)},anchor:.5,get alpha(){return o(b)}}),k(A,N)},$$slots:{default:!0}}),H()}var Yn=M('<div class="relative h-full w-full"><div class="absolute inset-0 bg-[#101010]"><!></div> <canvas data-star-canvas="" class="absolute inset-0 size-full"></canvas></div>');function Rn(a,e){W(e,!0);let t=te(void 0),n=te(null),i=te(void 0);Ie(()=>((async()=>{const v=new an;await v.init({backgroundAlpha:0,resizeTo:o(t),antialias:!0,resolution:window.devicePixelRatio||1,autoDensity:!0}),E(n,K(v)),E(i,K(await rn.loadBundle("eye")))})(),()=>{o(n)&&(o(n).resizeTo=null,E(n,null))}));var r=Yn(),l=h(r),d=h(l);{var f=v=>{sn(v,{get instance(){return o(n)},autoInit:!1,backgroundAlpha:0,children:(b,s)=>{An(b,{get eyeAssets(){return o(i)}})},$$slots:{default:!0}})};Ee(d,v=>{o(n)&&o(i)&&v(f)})}g(l),Ue(l,v=>E(t,v),()=>o(t)),et(2),g(r),k(a,r),H()}const rt={logo:"/images/logo.webp",star1:"/images/star-01.webp",star2:"/images/star-02.webp",star3:"/images/star-03.webp",star4:"/images/star-04.webp"};var Xn=M('<div><!> <div class="absolute left-5 top-[8vw] z-10 md:left-10 md:top-10"><a href="/"><img class="relative z-10 block w-[20.769vw] md:w-[130px]" width="414" height="76" alt=""></a></div> <div class="absolute right-5 top-[4vw] text-[11.795vw] uppercase leading-[0.82] md:right-10 md:top-10 md:text-[clamp(0px,6.9vw,12.3vmin)]">L00</div></div> <div><div class="relative mt-[-100vh] h-full w-full p-10 max-lg:flex max-lg:items-center max-md:px-5"><div class="mx-auto w-full pb-10 max-[1820px]:pt-32 max-md:pt-20"><div class="flex max-xl:flex-col"><div class="mr-[2.083vw] w-[14.5vw] max-xl:hidden"></div> <div class="flex-1 text-[8.205vw] font-light uppercase leading-[1] tracking-[1px] mix-blend-difference md:text-[2.865vw]"><div class="max-md:hidden"><p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">We offer brand solutions such as corporate and</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">recruitment branding likewise specialize in</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">usability and motion graphics, as well as creative</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">that reproduces interactive effects. Please</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">experience the innovation of our team of creators</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">with Laugh (freedom) and Mind (heart).</span></p></div> <div class="md:hidden"><p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">We offer brand solutions such as</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">corporate and recruitment</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">branding likewise specialize in</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">usability and motion graphics, as</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">well as creative that</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">reproduces interactive effects.</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">Please experience the innovation</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">of our team of creators with</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">Laugh (freedom) and Mind</span></p> <p class="overflow-hidden"><span class="inline-block" data-content-eyes-text="">(heart).</span></p></div></div> <div class="w-full max-xl:mt-10 max-md:mt-[6vw] xl:ml-[4.479vw] xl:w-[26.042vw]"><p data-content-eyes-text-right="" class="w-full text-[14px] font-light uppercase leading-[1.857] tracking-[2px] mix-blend-difference md:text-[14px] xl:w-[18.229vw]"><span class="inline-block w-[125%] origin-left scale-x-[0.8]">ä¼æ¥ãã©ã³ãã£ã³ã°ãæ¡ç¨ãã©ã³ãã£ã³ã°ãªã©ã®ãã©ã³ãã½ãªã¥ã¼ã·ã§ã³ã¯ãã¡ãããã¦ã¼ã¶ããªãã£ãã¢ã¼ã·ã§ã³ã°ã©ãã£ãã¯ã¹ãã¤ã³ã¿ã©ã¯ãã£ããªå¹æãåç¾ããã¯ãªã¨ã¤ãã£ããå¾æã¨ãã¦ãã¾ããLaugh(èªç±)ã¨Mind(å¿)ãæã£ãã¯ãªã¨ã¤ã¿ã¼éå£ã®ã¤ããã¼ã·ã§ã³ãä½æãã¦ãã ããã</span></p></div></div> <div class="mt-[70px] flex max-md:flex-col md:mt-[clamp(0px,10.4vw,18.5vmin)] md:items-center"><div class="mr-[2.083vw] w-[14.5vw] max-xl:hidden"></div> <div class="flex-1 text-[17.179vw] font-light uppercase leading-[0.8] mix-blend-difference md:text-[40px] xl:text-[3.333vw]"><p class="overflow-hidden max-md:hidden"><span data-content-eyes-text="" class="inline-block">See the universe in your eyes.</span></p> <div class="md:hidden"><p class="overflow-hidden"><span data-content-eyes-text="" class="inline-block">
299See the universe</span></p> <p class="overflow-hidden"><span data-content-eyes-text="" class="inline-block">in your eyes.</span></p></div></div> <p data-content-eyes-text-right="" class="origin-left scale-x-[0.75] whitespace-nowrap text-[3.755vw] leading-[18px] tracking-[1.2em] mix-blend-difference max-md:mt-[6vw] md:ml-[4.479vw] md:text-[1.467vw] xl:w-[26.042vw]">ããªãã®ç®ã«å®å®ãè¦ãã</p></div></div></div> <div class="relative h-full w-full p-10 max-lg:flex max-lg:items-center max-md:px-5"><div class="mx-auto w-full pb-10 max-[1820px]:pt-32 max-md:pt-20"><div class="flex max-xl:flex-wrap max-xl:gap-[4.167vw] max-md:gap-5"><div class="xl:mr-[2.083vw] xl:w-[14.5vw]"><p class="origin-left scale-x-[0.8] text-[8.205vw] font-light uppercase tracking-[1px] mix-blend-difference md:text-[2.5vw] xl:text-[1.563vw]">Company Information</p> <p class="font-hiragino mt-[8.205vw] origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:mt-[4.688vw] md:text-[1.3vw] xl:mt-[3.125vw] xl:text-[0.729vw]">æ ªå¼ä¼ç¤¾Laugh Mind (ã©ããã¤ã³ã)<br> ã104-0028 æ±äº¬é½ä¸å¤®åºå
«éæ´²2-8-8 <br> 大æå
«éæ´²ãã«9F</p></div> <div class="md:flex-1"><p class="origin-left scale-x-[0.8] text-[24px] font-light uppercase tracking-[1px] mix-blend-difference max-md:hidden md:text-[2.5vw] xl:text-[1.563vw]">Daisei Yaesu Building 9F, 2-8-8 Yaesu, Chuo-ku, Tokyo, Japan</p> <div class="md:hidden"><p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:text-[1.3vw] xl:text-[0.729vw]">03-6823-5258 <br> [email protected]</p></div> <div class="mt-6 flex justify-between gap-5 max-md:flex-wrap md:mt-[4.688vw] xl:mt-[3.125vw] xl:max-w-[39.583vw] xl:gap-[2.083vw]"><p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:text-[1.3vw] xl:w-[10.417vw] xl:text-[0.729vw]">è¨ç« / 2021å¹´4æ <br> è³æ¬é / Â¥3,000,000<br> å¾æ¥å¡æ° / 10å<br> *2026å¹´4ææç¹</p> <p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:text-[1.3vw] xl:w-[10.417vw] xl:text-[0.729vw]">代表åç· å½¹ / æ´ç°ç¿å¤ªé <br> åç· å½¹ / éæ¸ åªæ<br> åç· å½¹ / å
å±± ç¾ç±ç´</p> <p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:text-[1.3vw] xl:w-[10.417vw] xl:text-[0.729vw]">ãã©ã³ãæ¦ç¥ç«æ¡ <br> ~ ä¼æ¥ãã©ã³ãã£ã³ã° - ãã´<br> /VI/CI/ãã¼ãã¸ã¥ã¢ã«éçºãªã©</p></div></div> <div class="max-xl:w-full xl:ml-[4.479vw] xl:w-[26.042vw]"><p class="origin-left scale-x-[0.8] text-[24px] font-light uppercase tracking-[1px] mix-blend-difference max-md:hidden md:text-[2.5vw] xl:text-[1.563vw]">Laugh Mind Co.,Ltd.</p> <div class="mt-6 flex gap-5 max-md:flex-wrap md:mt-[4.688vw] md:gap-[4.167vw] xl:mt-[3.125vw] xl:justify-between xl:gap-[2.083vw]"><p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference max-xl:w-[22.891vw] max-md:w-full md:text-[1.3vw] xl:text-[0.729vw]">ã¯ãªã¨ã¤ãã£ãå¶ä½</p> <p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:flex-1 md:text-[1.3vw] xl:max-w-[13.542vw] xl:text-[0.729vw]">[Webãã¶ã¤ã³ã»éçº] <br> ã³ã¼ãã¬ã¼ããµã¤ã/ LP / ECãµã¤ã/ ãã£ã³ãã¼ã³ãµã¤ã/ããã¢ã¼ã·ã§ã³ãµã¤ããªã© <br> [ãããã¯ããã¶ã¤ã³ã»éçº] <br> ã¢ãã¤ã«ã¢ããªã»æ¥åã¢ããªãªã©ã®UIUX <br> [ç´åªä½] <br> åºå/ãã¹ã¿ã¼ / ä¼ç¤¾æ¡å
/ ããã±ã¼ã¸ / ååã«ã¿ãã° ãªã© <br> [åç»] <br> ããã¢ã¼ã·ã§ã³åç» / SNSåç» ãªã©</p></div></div></div> <div class="mt-16 flex items-end gap-10"><div class="flex-1 max-md:hidden"><p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:text-[1.3vw] xl:text-[0.729vw]">03-6823-5258 <br> [email protected]</p></div> <div class="md:ml-[4.479vw] xl:w-[26.042vw]"><p class="font-hiragino origin-left scale-x-[0.8] text-[3.077vw] uppercase tracking-[1px] mix-blend-difference md:flex-1 md:text-[1.3vw] xl:max-w-[13.542vw] xl:text-[0.729vw]">Webãã¼ã±ãã£ã³ã° <br> Webãµã¤ãéç¨<br> D2Cãã¡ãã·ã§ã³ãã©ã³ã<br> ~ <a href="https://flower-of-the-universe.com/promotion" target="_blank" rel="noopener noreferrer" class="underline">Flower of the Universe</a></p></div></div></div></div></div>',1);function Bn(a,e){W(e,!1),Pt();var t=Xn(),n=se(t);const i=Ht(()=>ke(De({class:"overflow-hidden"})));var r=h(n);Rn(r,{});var l=u(r,2),d=h(l),f=h(d);g(d),g(l),et(2),g(n);var v=u(n,2);oe(()=>
299{je(n,o(i),""),D(f,"src",rt.logo),Kt(v,"opacity-0",!F.isScrollEnabled)}),k(a,t),H()}var Ln=M('<div class="m-0"></div>');function Un(a,e){W(e,!1);let t=L(e,"target",12,void 0),n=L(e,"sketch",8,void 0),i=L(e,"parentDivStyle",8,"display: block;"),r=L(e,"debug",8,!1),l;const d=Nt(),f={ref(){d("ref",t())},instance(){d("instance",l)}};function v(p){return t(p),{destroy(){t(void 0)}}}function b(p,c){return c.forEach(([y,P])=>p[y]=P),p}Ie(async()=>{const p=await dn(()=>import("../chunks/p5.min.CY04lA9S.js").then(w=>w.p),__vite__mapDeps([0,1]),import.meta.url),{default:c}=p,P=Object.entries(p).filter(([w,I])=>I instanceof Function&&w[0]!=="_"&&w!=="default");r()&&console.log("available p5 native classes",P),l=new c(w=>(w=b(w,P),r()&&console.log("p5 instance",w),window._p5Instance=w,n()(w)),t()),f.ref(),f.instance()}),Pt();var s=Ln();q(s,p=>v==null?void 0:v(p)),oe(()=>D(s,"style",i())),k(a,s),H()}var Vn=M('<p style="display:none;" id="p5_loading"></p> <!>',1);function Gn(a,e){W(e,!0);let t=30,n=8,i=0,r=0;const l=10,d=s=>{let p=[],c=[],y=0,P=[],w=0;s.preload=()=>{Object.values(me.cursors).forEach((j,A)=>{p[A]=s.loadImage(j)})},s.setup=()=>{s.createCanvas(s.windowWidth,s.windowHeight),s.frameRate(60),i=s.mouseX,r=s.mouseY},s.draw=()=>{s.clear();const I=s.millis(),j=Math.abs(s.mouseX-i)>l||Math.abs(s.mouseY-r)>l;e.isCanvasInteractionEnabled&&j&&I-w>t&&(c.unshift({x:s.mouseX,y:s.mouseY,index:y}),P.unshift(I),y=(y+1)%p.length,w=I),i=s.mouseX,r=s.mouseY,c.length>p.length&&(c.pop(),P.pop());let A=s.width/n;const ee=400,N=300,R=200,X=200;for(let T=c.length-1;T>=0;T--){let B=p[c[T].index];if(B){let Y=s.millis()-P[T];if(Y>ee){c.splice(T,1),P.splice(T,1);continue}c[T].mouseDirectionX||(c[T].mouseDirectionX=s.mouseX-c[T].x,c[T].mouseDirectionY=s.mouseY-c[T].y);let U=1,le=c[T].x,ce=c[T].y;const ne=.4,ve=80,re=c[T].mouseDirectionX??0,Z=c[T].mouseDirectionY??0,ae=Math.hypot(re,Z);if(ae>0){const m=re/ae,Ye=Z/ae,Re=s.min(Y/ee,1),Xe=1-s.pow(1-Re,3),Oe=ve*Xe;le+=m*Oe*ne,ce+=Ye*Oe*ne}if(Y<=N){let m=s.map(Y,0,N,0,1,!0);m=1-s.pow(1-m,6),U=.01+.99*m}else if(Y>=R){let m=s.map(Y,R,R+X,0,1,!0);m=s.pow(m,6),U=1-.99*m}let ue=B.width*A*U/B.width,z=B.height*A*U/B.width;s.image(B,le-ue/2,ce-z/2,ue,z)}}},s.windowResized=()=>{s.resizeCanvas(s.windowWidth,s.windowHeight)}};var f=Ke(),v=se(f);{var b=s=>{var p=Vn(),c=u(se(p),2);Un(c,{sketch:d}),k(s,p)};Ee(v,s=>{ln()&&s(b)})}k(a,f),H()}const me={cursors:{cursor1:"/images/cursor-01.webp",cursor2:"/images/cursor-02.webp",cursor3:"/images/cursor-03.webp",cursor4:"/images/cursor-04.webp",cursor5:"/images/cursor-05.webp",cursor6:"/images/cursor-06.webp",cursor7:"/images/cursor-07.webp",cursor8:"/images/cursor-08.webp",cursor9:"/images/cursor-09.webp",cursor10:"/images/cursor-10.webp",cursor11:"/images/cursor-11.webp",cursor12:"/images/cursor-12.webp"},content:{rocket:"/images/content-rocket.webp",ufo:"/images/content-UFO.webp",human:"/images/content-human.webp",planet:"/images/content-planet.webp"}};var qn=M('<div id="canvas-trial" class="h-px"></div> <div><div><!></div> <div data-canvas-trial-content="" class="rippleContainer pointer-events-none relative flex h-lvh flex-col items-center justify-center text-center text-[clamp(30px,12vw,19.2vmin)] font-light uppercase leading-[0.75] text-[#c3c3c3] md:text-[clamp(30px,10.26vw,19.2vmin)]"><p data-content="sub-text"><span>We provide</span></p> <p data-content="sub-text" class="flex gap-[clamp(30px,4.1vw,7.4vmin)]"><span>brand</span> <span>solutions,</span></p> <div data-content="main-text" class="relative flex gap-[clamp(30px,4.1vw,7.4vmin)]"><span>LAUGH</span> <span>MIND</span> <span>ATERED</span> <figure data-content="image" class="absolute left-[21%] top-[-40%] w-[clamp(30px,15.521vw,29.1vmin)] md:-top-[clamp(30px,4.1vw,7.4vmin)] md:left-[clamp(30px,11.6vw,20.7vmin)]"><img data-content="image-item" width="595" height="586" alt=""></figure> <figure data-content="image" class="absolute left-[95%] top-[-45%] w-[clamp(30px,16.25vw,28.89vmin)] md:-top-[clamp(30px,4.1vw,7.4vmin)] md:left-[calc(100%-clamp(30px,5.2vw,9.2vmin))]"><img data-content="image-item" width="623" height="719" alt=""></figure></div> <div data-content="main-text" class="relative flex gap-[clamp(10px,11.7vw,21.875vmin)]"><figure data-content="image" class="absolute left-[9%] top-[-30%] w-[clamp(30px,12.7vw,22.5vmin)] md:-top-[clamp(30px,4.1vw,7.4vmin)] md:left-[
299clamp(30px,6.67vw,11.8vmin)]"><img data-content="image-item" width="487" height="584" alt=""></figure> <span>MY</span> <span>BRAIN</span> <figure data-content="image" class="absolute left-[43%] top-[-10%] w-[clamp(30px,16.8vw,29.9vmin)] md:-top-[clamp(30px,2vw,3.7vmin)] md:left-[clamp(30px,36.4vw,64.8vmin)]"><img data-content="image-item" width="646" height="584" alt=""></figure> <span>CHEMISTRY</span></div> <p data-content="sub-text" class="flex gap-[clamp(30px,4.1vw,7.4vmin)]"><span>including</span> <span>corporate</span></p> <p data-content="sub-text"><span>branding</span></p></div></div> <!>',1);function Wn(a,e){W(e,!0);var t=qn(),n=u(se(t),2);const i=C(()=>ke(De({class:`z-10 ${e.isCanvasInteractionEnabled?"":"pointer-events-none"}`})));var r=h(n);const l=C(()=>ke(De()));var d=h(r);Gn(d,{get isCanvasInteractionEnabled(){return e.isCanvasInteractionEnabled}}),g(r);var f=u(r,2),v=h(f),b=h(v);q(b,z=>{var m;return(m=$)==null?void 0:m(z)}),g(v);var s=u(v,2),p=h(s);q(p,z=>{var m;return(m=$)==null?void 0:m(z)});var c=u(p,2);q(c,z=>{var m;return(m=$)==null?void 0:m(z)}),g(s);var y=u(s,2),P=h(y);q(P,z=>{var m;return(m=$)==null?void 0:m(z)});var w=u(P,2);q(w,z=>{var m;return(m=$)==null?void 0:m(z)});var I=u(w,2);q(I,z=>{var m;return(m=$)==null?void 0:m(z)});var j=u(I,2),A=h(j);g(j);var ee=u(j,2),N=h(ee);g(ee),g(y);var R=u(y,2),X=h(R),T=h(X);g(X);var B=u(X,2);q(B,z=>{var m;return(m=$)==null?void 0:m(z)});var Y=u(B,2);q(Y,z=>{var m;return(m=$)==null?void 0:m(z)});var U=u(Y,2),le=h(U);g(U);var ce=u(U,2);q(ce,z=>{var m;return(m=$)==null?void 0:m(z)}),g(R);var ne=u(R,2),ve=h(ne);q(ve,z=>{var m;return(m=$)==null?void 0:m(z)});var re=u(ve,2);q(re,z=>{var m;return(m=$)==null?void 0:m(z)}),g(ne);var Z=u(ne,2),ae=h(Z);q(ae,z=>{var m;return(m=$)==null?void 0:m(z)}),g(Z),g(f),g(n);var ue=u(n,2);Bn(ue,{}),oe(()=>{je(n,o(i),""),je(r,o(l),""),D(A,"src",me.content.rocket),D(N,"src",me.content.ufo),D(T,"src",me.content.human),D(le,"src",me.content.planet)}),k(a,t),H()}function Hn(){const a=qe("eyeCanvasProgress"),e=S.timeline();return e.fromTo(a,{wrapperScale:0,circleScale:0},{wrapperScale:.5,circleScale:.5,duration:1},"<"),e}function Nn(a){const e=a.getBoundingClientRect();return{x:e.left+e.width/2,y:e.top+e.height/2}}function Le(a,e){const t=Nn(a),n=Math.hypot(t.x-e.x,t.y-e.y),i=Math.hypot(window.innerWidth,window.innerHeight);return n/i}function Zn(a){const e=a.getBoundingClientRect(),t=Math.hypot(e.left,e.top),n=Math.hypot(window.innerWidth,window.innerHeight);return t/n}function $n(){const a={x:window.innerWidth/2,y:window.innerHeight/2},e=.096,t=qe("eyeCanvasProgress"),n=S.timeline();return n.to(t,{lightOpacity:1,duration:.8}).fromTo('[data-content="main-text"] [data-split-char], [data-content="sub-text"] [data-split-char]',{opacity:0},{opacity:1,duration:.8,stagger:(i,r)=>Le(r,a)*2.5},"<").fromTo('[data-content="main-text"] [data-split-char], [data-content="sub-text"] [data-split-char]',{scale:0,rotation:90},{scale:1,rotation:0,duration:1.1,stagger:(i,r)=>Le(r,a)*2.8},"<").to('[data-content="sub-text"] [data-split-char]',{scale:e,rotation:180,ease:Pe.CustomEase.create("custom","1,0,.56,1"),duration:1,stagger:(i,r)=>Le(r,a)*2.5},"-=0.5").from('[data-content="image"]',{scale:0,rotation:60,duration:1.2},"<0.6"),n}function Jn(){const a=document.querySelector("[data-star-canvas]");if(!a)throw new Error("canvas not found");const e=a.getContext("2d");if(!e)throw new Error("ctx not found");a.width=F.windowSize.width,a.height=F.windowSize.height;const t=12,n=[];for(let r=0;r<t;r++)n[r]={x:0,y:0,scale:0,rotate:0,img:new Image},n[r].img.src=`/images/star-0${r%4+1}.webp`;function i(){!e||!a||(n.sort((r,l)=>r.scale-l.scale),e.clearRect(0,0,a.width,a.height),n.forEach(r=>{e.translate(window.innerWidth/2,window.innerHeight/2),e.rotate(r.rotate),e.drawImage(r.img,r.x,r.y,r.img.width*r.scale,r.img.height*r.scale),e.resetTransform()}))}return{stars:n,drawStars:i}}function Qn(){const a=qe("eyeCanvasProgress"),e=new Ae("min-width: 768px"),{stars:t,drawStars:n}=Jn(),i=Math.hypot(window.innerWidth,window.innerHeight)*2,r={x:window.innerWidth/2,y:window.innerHeight/2},l=S.timeline();return S.set("[data-content-eyes-text]",{yPercent:100}),S.set("[data-content-eyes-text-right]",{opacity:0}
299),l.to('[data-content="sub-text"] [data-split-char]',{scale:1,rotation:0,ease:Pe.CustomEase.create("custom","1,0,.56,1"),duration:.8,stagger:(d,f)=>Le(f,r)*1.8}).to('[data-content="main-text"] [data-split-char], [data-content="sub-text"] [data-split-char]',{scale:.12,duration:.6,rotation:180,ease:Pe.CustomEase.create("custom","1,0,.56,1"),stagger:(d,f)=>Zn(f)*1.4},"-=0.2").to('[data-content="main-text"] [data-split-char], [data-content="sub-text"] [data-split-char]',{scaleY:5,opacity:.5,duration:.4,ease:Pe.CustomEase.create("custom","1,0,.56,1")},"-=0.2").to('[data-content="image-item"]',{scale:0,rotation:60,duration:.9},"-=0.9").to("[data-canvas-trial-content]",{scale:.08,duration:1.6},"-=0.8").to(a,{lightScale:1,ease:"expo.out",duration:1.2},"<").to(a,{wrapperScale:1,duration:1.8},"<0.1").to(a,{circleScale:1,duration:1.8},"<").fromTo(t,{x:d=>{const f=d/t.length*Math.PI*2-Math.PI/2;return Math.cos(f*3)*i},y:d=>{const f=d/t.length*Math.PI*2-Math.PI/2;return Math.sin(f*3)*i},scale:e.current?2.2:1.18,rotate:8},{x:0,y:0,scale:0,duration:1.2,ease:"sine",rotate:-.5,stagger:-.1,onUpdate:n},"<-=0.4").to("[data-content-eyes-text]",{yPercent:0,duration:1},"-=1.25").to("[data-content-eyes-text-right]",{duration:1,opacity:1},"<"),l}function Kn(){const a=S.timeline({paused:!0});return a.add($n()).add(Hn(),0).addLabel("scroll").add(Qn()),a}function Je(a,e,t,n){if(typeof t=="number"||Ft(t)){const i=n-t,r=(t-e)/(a.dt||1/60),l=a.opts.stiffness*i,d=a.opts.damping*r,f=(l-d)*a.inv_mass,v=(r+f)*a.dt;return Math.abs(v)<a.opts.precision&&Math.abs(i)<a.opts.precision?n:(a.settled=!1,Ft(t)?new Date(t.getTime()+v):t+v)}else{if(Array.isArray(t))return t.map((i,r)=>Je(a,e[r],t[r],n[r]));if(typeof t=="object"){const i={};for(const r in t)i[r]=Je(a,e[r],t[r],n[r]);return i}else throw new Error(`Cannot spring ${typeof t} values`)}}var xe,we,be,J,fe,ye,Ce,Se,Me,pe,ze,Ge,At;const at=class at{constructor(e,t={}){V(this,Ge);V(this,xe,Te(.15));V(this,we,Te(.8));V(this,be,Te(.01));V(this,J,Te(void 0));V(this,fe,Te(void 0));V(this,ye);V(this,Ce,0);V(this,Se,1);V(this,Me,0);V(this,pe,null);V(this,ze,null);x(this,J).v=x(this,fe).v=e,typeof t.stiffness=="number"&&(x(this,xe).v=Be(t.stiffness,0,1)),typeof t.damping=="number"&&(x(this,we).v=Be(t.damping,0,1)),typeof t.precision=="number"&&(x(this,be).v=t.precision)}static of(e,t){const n=new at(e(),t);return Zt(()=>{n.set(e())}),n}set(e,t){var i,r;if((i=x(this,ze))==null||i.reject(new Error("Aborted")),t!=null&&t.instant||x(this,J).v===void 0)return(r=x(this,pe))==null||r.abort(),G(this,pe,null),E(x(this,J),E(x(this,fe),e)),G(this,ye,e),Promise.resolve();t!=null&&t.preserveMomentum&&(G(this,Se,0),G(this,Me,t.preserveMomentum));var n=G(this,ze,$t());return n.promise.catch(Jt),bt(this,Ge,At).call(this,e).then(()=>{n===x(this,ze)&&n.resolve(void 0)}),n.promise}get current(){return o(x(this,J))}get damping(){return o(x(this,we))}set damping(e){E(x(this,we),Be(e,0,1))}get precision(){return o(x(this,be))}set precision(e){E(x(this,be),e)}get stiffness(){return o(x(this,xe))}set stiffness(e){E(x(this,xe),Be(e,0,1))}get target(){return o(x(this,fe))}set target(e){this.set(e)}};xe=new WeakMap,we=new WeakMap,be=new WeakMap,J=new WeakMap,fe=new WeakMap,ye=new WeakMap,Ce=new WeakMap,Se=new WeakMap,Me=new WeakMap,pe=new WeakMap,ze=new WeakMap,Ge=new WeakSet,At=function(e){var n;if(E(x(this,fe),e),(n=x(this,J)).v??(n.v=e),x(this,ye)??G(this,ye,x(this,J).v),!x(this,pe)){G(this,Ce,gn.now());var t=1e3/(x(this,Me)*60);x(this,pe)??G(this,pe,hn(i=>{G(this,Se,Math.min(x(this,Se)+t,1));const r={inv_mass:x(this,Se),opts:{stiffness:x(this,xe).v,damping:x(this,we).v,precision:x(this,be).v},settled:!0,dt:(i-x(this,Ce))*60/1e3};var l=Je(r,x(this,ye),x(this,J).v,x(this,fe).v);return G(this,ye,x(this,J).v),G(this,Ce,i),E(x(this,J),l),r.settled&&G(this,pe,null),!r.settled}))}return x(this,pe).promise};let Qe=at;function Be(a,e,t){return Math.max(e,Math.min(t,a))}var er=M('<div class="absolute top-1/2 h-[400vh] w-[40vw] -translate-y-1/2 rotate-45"><div data-js-diagonal="" class="size-full origin-center will-change-[transform,filter]"></div></div>'),tr=M('<div data-js-diagonal-container="" class="fixed inset-0"></div>');
299function nr(a,e){W(e,!0);let t=L(e,"isFirstPhase",3,!1),n=L(e,"isSecondPhase",3,!1);const i=new Ae("min-width: 768px");let r=new tt(0,{easing:on});ie(()=>{n()?r.set(1,{duration:3e3}):t()?r.set(i.current?.02:.01,{duration:1e3}):r.set(0,{duration:800})});const f=`${`calc(clamp(${i.current?"0.015":"0.034"}, (var(--progress) - 0.3) / 0.7, 1))`} calc(clamp(0, var(--progress) / 0.6, 1))`,v="calc(clamp(0, (var(--progress) - 0.6) / 0.4, 1) * 40px)",b=[[55,2,"#DEFF00"],[7,6,"#6001FF"],[78,18,"#DEFF00"],[40,22,"#6001FF"],[-18,25,"#6001FF"],[8,40,"#DEFF00"],[75,52,"#DEFF00"],[35,59,"#6001FF"],[0,70,"#6001FF"],[64,70,"#DEFF00"],[60,86,"#6001FF"],[20,87,"#6001FF"],[-16,93,"#DEFF00"]],s=[[40,14,"#DEFF00"],[74,15,"#DEFF00"],[-12,20,"#6001FF"],[20,21,"#6001FF"],[57,24,"#6001FF"],[5,25,"#DEFF00"],[63,50,"#6001FF"],[11,68,"#DEFF00"],[32,77,"#6001FF"],[-12,86,"#DEFF00"],[9,92,"#6001FF"],[43,92,"#DEFF00"],[56,94,"#6001FF"],[90,96,"#DEFF00"]];var p=tr();_e(p,21,()=>i.current?s:b,Fe,(c,y)=>{let P=()=>o(y)[0],w=()=>o(y)[1],I=()=>o(y)[2];var j=er(),A=h(j);he(A,"scale",f),he(A,"filter",`blur(${v})`),g(j),oe(()=>{he(j,"left",`${P()??""}vw`),he(j,"top",`${w()??""}vh`),he(A,"background-color",I())}),k(c,j)}),g(p),oe(()=>he(p,"--progress",r.current)),k(a,p),H()}var rr=M("<span> </span>"),ar=M('<div class="h-[50px] leading-[0.82] duration-700 ease-[cubic-bezier(.16,1,.3,1)] will-change-transform *:block *:h-[50px] *:w-[0.33em] *:pt-[0.26em] *:text-center md:h-[104px] md:*:h-[104px]"><span></span> <!></div>');function ir(a,e){W(e,!0);let t=L(e,"initialDelay",3,0),n=L(e,"hasInitialZero",3,!0),i=te(void 0),r=te(0),l=te(0),d=te(!1);ie(()=>{if(!o(i))return;(async()=>{if(!(o(d)||!o(i))&&(o(i).style.translate="0 0",await $e(t()+10),E(d,!0),e.value!=="-")){const c=Number(e.value);n()?(E(l,K(c)),E(r,K(c))):(E(l,K(c>0?c-1:9)),E(r,K(c))),o(i).style.translate=`0 -${(o(l)+1)*100}%`}})()}),ie(()=>{const p=Number(e.value);if(!(!o(i)||!o(d)||o(r)===p||e.value==="-")){if(o(r)<p)E(l,o(l)+(p-o(r)));else{const c=Array.from({length:10},(y,P)=>`<span>${P}</span>`).join("");o(i).innerHTML+=c,E(l,o(l)+(10+p-o(r)))}E(r,K(p)),o(i).style.translate=`0 -${(o(l)+1)*100}%`}});const f=C(()=>n()?Array.from({length:10},(p,c)=>c):[...Array.from({length:9},(p,c)=>c+1),0]);var v=Ke(),b=se(v);{var s=p=>{var c=ar(),y=u(h(c),2);_e(y,17,()=>o(f),Fe,(P,w)=>{var I=rr(),j=h(I,!0);g(I),oe(()=>
299Ze(j,o(w))),k(P,I)}),g(c),Ue(c,P=>E(i,P),()=>o(i)),k(p,c)};Ee(b,p=>{e.value!=="-"&&p(s)})}k(a,v),H()}var sr=M('<div class="relative overflow-hidden" data-js-progress-value=""><!></div>'),or=M('<div class="flex scale-x-75 justify-center overflow-hidden text-[40px] md:text-[80px]"></div>');function lr(a,e){W(e,!0);const t=L(e,"progress",3,0),n=C(()=>t()*100),i=C(()=>[o(n)===100?"1":"-",Math.floor(o(n)%100/10).toString(),(o(n)%10).toString()]);var r=or();_e(r,21,()=>o(i),Fe,(d,f,v)=>{var b=sr(),s=h(b);ir(s,{get value(){return o(f)},initialDelay:v*200,hasInitialZero:v!==0}),g(b),k(d,b)}),g(r),k(a,r),H()}var cr=M('<div data-js-intro-circle-number-container=""><svg data-js-intro-circle-number-circle="" class="absolute inset-0"><rect data-js-intro-bg-rect="" x="0" y="0" width="100%" height="100%" fill="#101010" opacity="0"></rect><circle id="circle" fill="#101010" stroke="#22250e" vector-effect="non-scaling-stroke"></circle><circle id="bar" fill="transparent" vector-effect="non-scaling-stroke"></circle></svg> <div class="absolute flex size-[96px] origin-center items-center justify-center overflow-hidden md:size-[140px]"><div class="relative origin-top-left duration-[1.2s] ease-in-out"><!></div></div></div>');function ur(a,e){W(e,!0);let t=L(e,"progress",3,0),n=L(e,"isAnimated",3,!1),i=Qe.of(()=>t(),{stiffness:.1});const r=new Ae("min-width: 768px");let l=null,d=r.current?70:40,f=r.current?3:1;Ie(()=>{l=S.timeline({paused:!0}),l.to("[data-js-intro-circle-number-circle] circle",{attr:{r:()=>Math.hypot(F.windowSize.width/2,F.windowSize.height/2)*1.01},duration:1.4,ease:"power2.out"},.8).to("[data-js-intro-bg-rect]",{opacity:1,duration:1,ease:"power2.inOut"},"<").to("[data-js-progress-value]",{yPercent:100,stagger:-.1,duration:.6},">-0.6").call(()=>{var I;(I=e.onCompleted)==null||I.call(e)},void 0,">-0.4")}),ie(()=>{n()&&(l==null||l.play())});var v=cr();const b=C(()=>ke(De({class:"flex items-center justify-center"})));var s=h(v),p=u(h(s));D(p,"r",d),D(p,"stroke-width",f);var c=u(p);D(c,"r",d),D(c,"stroke-width",f),g(s);var y=u(s,2),P=h(y),w=h(P);lr(w,{get progress(){return t()}}),g(P),g(y),g(v),oe(()=>{je(v,o(b),""),D(s,"viewBox",`0 0 ${F.windowSize.width} ${F.windowSize.height}`),D(p,"cx",F.windowSize.width/2),D(p,"cy",F.windowSize.height/2),D(p,"stroke-dasharray",i.current===1?void 0:r.current?"440":"251"),D(p,"style",`stroke-dashoffset: ${i.current===1?void 0:(1-i.current)/1*(r.current?440:251)}; transform: rotate(-90deg); transform-origin: center;`),D(c,"cx",F.windowSize.width/2),D(c,"cy",F.windowSize.height/2),D(c,"stroke",t()!==0?"#deff00":"transparent"),D(c,"stroke-dasharray",i.current===1?void 0:r.current?"440":"251"),D(c,"style",`stroke-dashoffset: ${i.current===1?void 0:(1-i.current)/1*(r.current?440:251)}; transform: rotate(-90deg); transform-origin: center;`)}),k(a,v),H()}var dr=M('<span data-js-char="" class="relative flex"><span><span class="relative overflow-hidden"><span class="pointer-events-none opacity-0"> </span> <span data-js-char-char="" class="absolute inset-0"> </span></span></span></span>');function _(a,e){var t=dr(),n=h(t);let i;var r=h(n),l=h(r),d=h(l,!0);g(l);var f=u(l,2),v=h(f,!0);g(f),g(r),g(n),g(t),oe(()=>{i=en(n,i,{class:["flex ",{"w-0 origin-[50%_100%] scale-0 *:min-w-[0.3em]":e.isExpand}],...e.isExpand?{"data-js-expand-e":""}:{}}),Ze(d,e.char),Ze(v,e.char)}),k(a,t)}var pr=M('<div class="absolute inset-0" data-js-texts-container=""><div data-js-texts-1="" class="absolute inset-0 flex flex-col items-center justify-center overflow-hidden md:pl-[2.4vw]"><div data-js-intro-text="" class="w-full text-[26.41vw] leading-[0.8] md:text-[17.813vw]"><div data-js-top-spans="" class="flex w-full origin-top-left scale-x-[0.87]"><!> <!> <!> <!> <!> <!> <!> <!></div>
299 <div data-js-bottom-spans="" class="flex w-full origin-center scale-x-[0.87] justify-center"><!> <!> <!> <!> <!> <!> <!></div></div></div> <div data-js-texts-2="" class="absolute inset-0 flex flex-col items-center justify-center"><div data-js-intro-text="" class="w-full text-[26.41vw] leading-[0.8] md:text-[17.813vw]"><div data-js-top-spans="" class="flex w-full origin-right scale-x-[0.87] justify-end md:origin-center md:justify-center md:pr-[15vw]"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div> <div data-js-bottom-spans="" class="flex w-full origin-center scale-x-[0.87] justify-center"><!> <!> <!> <!> <!> <!> <!> <!></div></div></div></div> <div class="absolute right-5 top-1/2 flex -translate-y-1/2 overflow-hidden max-md:hidden md:right-[2.4vw]"><img class="relative z-10 w-[56px] md:w-[68px]" src="/images/logo-left.webp" width="143" height="54" alt="Laugh"> <img class="relative z-10 w-[56px] md:w-[68px]" src="/images/logo-right.webp" width="143" height="54" alt="Mind"></div>',1);function vr(a,e){W(e,!0);let t=L(e,"progress",3,0),n=tt.of(()=>Math.min(t()/.8,1),{duration:800}),i=null,r={logoLeft:null,logoRight:null};const l=new Ae("(min-width: 768px)"),d=()=>{S.set("[data-js-expand-e]",{scale:0});const O=document.querySelector("[data-js-top-spans]"),de=document.querySelector("[data-js-bottom-sp
299ans]");!O||!de||(S.set([r.logoLeft,r.logoRight],{yPercent:100}),S.set(O,{minWidth:`${O.offsetWidth}px`,minHeight:`${O.offsetHeight}px`}),S.set(de,{minWidth:`${de.offsetWidth}px`,minHeight:`${de.offsetHeight}px`}),S.set("[data-js-char-char]",{xPercent:-103}))};Ie(()=>{d()});const f=(O,de=40)=>{const gt=S.timeline(),Bt=l.current?window.innerHeight*.42:window.innerWidth*.4,ht=(O.length-1)/2,xt=O.length/(l.current?24:26);return O.forEach((Lt,Ut)=>{const Vt=(Ut-ht)/ht*xt,We=Math.tan(Vt*(Math.PI/4)),Gt=We*de/xt,qt=Bt*Math.pow(Math.abs(We),1.8),Wt=-Math.tan(We*(Math.PI/4))*200;gt.to(Lt,{y:qt,x:Wt,rotate:Gt,duration:1.2,ease:"power2.inOut"},"<")}),gt},v=()=>{const O=S.timeline({paused:!0});return O.to("[data-js-texts-1] [data-js-char-char]",{xPercent:0,duration:.7,ease:"power3.inOut"}),O.to([r.logoLeft,r.logoRight],{yPercent:0,duration:.8,stagger:.08},"<+=0.2"),O.to("[data-js-texts-1] [data-js-char-char]",{xPercent:102,duration:.75,ease:"power3.inOut"}),O.to("[data-js-texts-2] [data-js-char-char]",{xPercent:0,duration:.8}),O.to([r.logoLeft,r.logoRight],{yPercent:-100,duration:.6,stagger:.08,ease:"power3.inOut"},"+=0.7"),O.to("[data-js-expand-e]",{width:"auto",scale:1,stagger:.03,duration:.8,ease:Pe.CustomEase.create("custom",".8,0,.55,1.8")},"<").add(f(S.utils.toArray("[data-js-texts-2] [data-js-top-spans] [data-js-char]"),40),"<").add(f(S.utils.toArray("[data-js-texts-2] [data-js-bottom-sp
299ans] [data-js-char]"),50),"<").to("[data-js-bottom-spans]",{paddingLeft:0},"<").to("[data-js-texts-container]",{yPercent:-12,ease:"power2.inOut",duration:1.2},"<").to("[data-js-top-spans]",{yPercent:-12,scale:1.16,duration:.3,ease:Pe.CustomEase.create("custom",".58,0,.55,1")},"<0.4").to("[data-js-top-spans]",{yPercent:0,scale:1,duration:.3,ease:"power1.inOut"},"-=0.4"),O};ie(()=>(i=v(),()=>{i==null||i.kill()})),ie(()=>{i==null||i.progress(n.current)});var b=pr(),s=se(b),p=h(s),c=h(p),y=h(c),P=h(y);_(P,{char:"D"});var w=u(P,2);_(w,{char:"E"});var I=u(w,2);_(I,{char:"S"});var j=u(I,2);_(j,{char:"I"});var A=u(j,2);_(A,{char:"N"});var ee=u(A,2);_(ee,{char:"I"});var N=u(ee,2);_(N,{char:"N"});var R=u(N,2);_(R,{char:"G"}),g(y);var X=u(y,2),T=h(X);_(T,{char:"F"});var B=u(T,2);_(B,{char:"R"});var Y=u(B,2);_(Y,{char:"E"});var U=u(Y,2);_(U,{char:"E"});var le=u(U,2);_(le,{char:"D"});var ce=u(le,2);_(ce,{char:"O"});var ne=u(ce,2);_(ne,{char:"M"}),g(X),g(c),g(p);var ve=u(p,2),re=h(ve),Z=h(re),ae=h(Z);_e(ae,16,()=>Array(5),Fe,(O,de)=>{_(O,{char:"Â "})});var ue=u(ae,2);_(ue,{char:"D"});var z=u(ue,2);_(z,{char:"E"});var m=u(z,2);_(m,{char:"S"});var Ye=u(m,2);_(Ye,{char:"I"});var Re=u(Ye,2);_(Re,{char:"N"});var Xe=u(Re,2);_(Xe,{char:"I"});var Oe=u(Xe,2);_(Oe,{char:"N"});var it=u(Oe,2);_(it,{char:"G"});var Yt=u(it,2);_e(Yt,16,()=>Array(8),Fe,(O,de)=>{_(O,{char:"Â "})}),g(Z);var st=u(Z,2),ot=h(st);_(ot,{char:"F"});var lt=u(ot,2);_(lt,{char:"R"});var ct=u(lt,2);_(ct,{char:"E"});var ut=u(ct,2);_(ut,{char:"E"});var dt=u(ut,2);_e(dt,16,()=>Array(14),Fe,(O,de)=>{_(O,{char:"E",isExpand:!0})});var pt=u(dt,2);_(pt,{char:"D"});var vt=u(pt,2);_(vt,{char:"O"});var Rt=u(vt,2);_(Rt,{char:"M"}),g(st),g(re),g(ve),g(s);var ft=u(s,2),mt=h(ft);Ue(mt,O=>r.logoLeft=O,()=>r==null?void 0:r.logoLeft);var Xt=u(mt,2);Ue(Xt,O=>r.logoRight=O,()=>r==null?void 0:r.logoRight),g(ft),k(a,b),H()}var fr=M('<div><div class="relative z-10 flex h-full w-full items-center justify-center"><!> <!> <!></div></div>');function mr(a,e){W(e,!0);const t=[...Object.values(rt),...Object.values(me.cursors),...Object.values(me.content)],n=[{value:.14,delay:800},{value:.28,delay:600},{value:.42,delay:700},{value:.56,delay:500},{value:.7,delay:600},{value:.84,delay:400},{value:1,delay:500}];let i=te(!1),r=te(0),l=tt.of(()=>o(r),{duration:800}),d=0;const f=async()=>{const c=n[d];if(await $e(c.delay),E(r,K(c.value)),d++,d>=n.length){Q.introState="before-complete";return}f()};Ie(async()=>{await document.fonts.ready,E(i,!0),await $e(400);const c=document.getElementById("circle");c&&(await c.animate({strokeDashoffset:"0"},{duration:1200,easing:fn,fill:"forwards"}).finished,await Promise.all([Promise.all(mn.map(y=>vn(y))),cn(t)]),f())});const v=()=>{S.set("[data-js-texts-container], [data-js-diagonal-container]",{autoAlpha:0}),S.to("[data-js-intro-circle-number-container]",{autoAlpha:0,duration:.2,onComplete:()=>{Q.introState="complete",setTimeout(()=>{Q.isIntroVisible=!1},100)}})};var b=Ke(),s=se(b);{var p=c=>{var y=fr();const P=C(()=>ke([De({class:"z-50 flex items-center justify-center overflow-hidden"})]));var w=h(y),I=h(w);vr(I,{get progress(){return o(r)}});var j=u(I,2),A=C(()=>l.current>=.5),ee=C(()=>l.current>=.92);nr(j,{get isFirstPhase(){return o(A)},get isSecondPhase(){return o(ee)}});var N=u(j,2);{var R=X=>{var T=C(()=>Q.introState==="before-complete");ur(X,{get progress(){return o(r)},get isAnimated(){return o(T)},onCompleted:v})};Ee(N,X=>{o(i)&&X(R)})}g(w),g(y),oe(()=>je(y,o(P),"")),k(c,y)};Ee(s,c=>{Q.isIntroVisible&&c(p)})}k(a,b),H()}var gr=M('<div class="flex items-center justify-center gap-2"><div class="relative h-[50px] w-[1px] overflow-hidden rounded-full md:h-[75px] md:w-[2px]"><div class="absolute size-full bg-[#383838]"></div> <div class="absolute size-full origin-top rounded-full bg-[#f75279] will-change-transform"></div></div> <span class="font-elido text-[6px] font-light tracking-[0.2em] text-[#fefefe] md:text-[8px]">SCROLL</span></div>'),hr=M('<div class="fixed bottom-4 left-4 z-10 md:bottom-6 md:left-10"><!></div>');function xr(a,e){let t=L(e,"progress",3,0),n=L(e,"visible",3,!1);const i=C(()=>(1-t())*-100);var r=hr(),l=h(r);xn(l,{get visible(){return n()},children:(d,f)=>{var v=gr(),b=h(v),s=u(h(b),2);g(b),et(2),g(v),oe(()=>he(s,"transform",`translateY(${o(i)}%)`)),k(d,v)},$$slots:{default:!0}}),g(r),k(a,r)}var wr=M('<main class="pb-[30vh]"><!> <!> <!></main> <!>',1);function Lr(a,e){W(e,!0);const t=Q.isIntroVisible;let n=null,i=null,r=te(!1),l=pn(),d=te(0),f=K({lightOpacity:0,lightScale:0,wrapperScale:0,circleScale:0});Qt("eyeCanvasProgress",f),wn("/",{preloadImages:[...Object.values(me.content),...Object.values(rt)],start:()=>{Q.isIntroVisible||setTimeout(()=>{Q.isContentVisible=!0},200)}}),Ie(()=>{n=Kn();function w({progress:I}){E(d,K(I))}return l.on("scroll",w),()=>{n==null||n.kill(),i==null||i.kill(),l.off("scroll",w)}}),ie(()=>{t&&!Q.isIntroVisible&&setTimeout(()=>{Q.isContentVisible=!0},200)}),ie(()=>{Q.isContentVisible&&(F.isAnimating=!0,n==null||n.tweenTo("scroll",{onComplete:()=>{i=tn.ScrollTrigger.create({trigger:"#canvas-trial",start:"top top",end:"+=700%",scrub:1,pin:!0,onUpdate:w=>{n==null||n.progress(S.utils.mapRange(0,1,(n==null?void 0:n.labels.scroll)/(n==null?void 0:n.totalDuration()),1,w.progress)),E(r,w.progress<=.2)}}),setTimeout(()=>{F.isAnimating=!1},100)}}))});var v=wr(),b=se(v),s=h(b);mr(s,{});var p=u(s,2);Wn(p,{get isCanvasInteractionEnabled(){return o(r)}});var c=u(p,2),y=C(()=>Q.isContentVisible&&F.isScrollEnabled);xr(c,{get progress(){return o(d)},get visible(){return o(y)}}),g(b);var P=u(b,2);un(P,{showMenuAtFooter:!0,hasMenuButton:!1}),k(a,v),H()}export{Lr as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.