1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8814],{9057:function(e,t,n){Promise.resolve().then(n.bind(n,95082)),Promise.resolve().then(n.bind(n,3167)),Promise.resolve().then(n.bind(n,30963)),Promise.resolve().then(n.bind(n,60854)),Promise.resolve().then(n.bind(n,15463)),Promise.resolve().then(n.bind(n,16945)),Promise.resolve().then(n.bind(n,81608)),Promise.resolve().then(n.bind(n,42251)),Promise.resolve().then(n.bind(n,60803)),Promise.resolve().then(n.bind(n,60575)),Promise.resolve().then(n.bind(n,48050)),Promise.resolve().then(n.bind(n,34582)),Promise.resolve().then(n.bind(n,74267)),Promise.resolve().then(n.bind(n,85515)),Promise.resolve().then(n.bind(n,35544)),Promise.resolve().then(n.bind(n,20185)),Promise.resolve().then(n.bind(n,11367)),Promise.resolve().then(n.bind(n,48202)),Promise.resolve().then(n.bind(n,42972)),Promise.resolve().then(n.bind(n,69111))},48202:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return E}});var r,o,i=n(27573),a=n(7653),l=n(97551),s=n(92929),u=n(17610),c=n(37558),d=n(39449);let f=a.forwardRef((e,t)=>{let{sdfGlyphSize:n=64,anchorX:r="center",anchorY:o="middle",font:i,fontSize:s=1,children:f,characters:h,onSync:v,...m}=e,p=(0,l.D)(e=>{let{invalidate:t}=e;return t}),[g]=a.useState(()=>new c.xv),[b,w]=a.useMemo(()=>{let e=[],t="";return a.Children.forEach(f,n=>{"string"==typeof n||"number"==typeof n?t+=n:e.push(n)}),[e,t]},[f]);return(0,d.Rq)(()=>new Promise(e=>(0,c.C5)({font:i,characters:h},e)),["troika-text",i,h]),a.useLayoutEffect(()=>void g.sync(()=>{p(),v&&v(g)})),a.useEffect(()=>()=>g.dispose(),[g]),a.createElement("primitive",(0,u.Z)({object:g,ref:t,font:i,text:w,anchorX:r,anchorY:o,fontSize:s,sdfGlyphSize:n},m),b)});var h=n(78813),v=n(43489);let m="undefined"!=typeof window&&"function"==typeof(null==(r=window.document)?void 0:r.createElement)&&"string"==typeof(null==(o=window.navigator)?void 0:o.userAgent),p=null;async function g(){for(var e,t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];null!==(e=p)&&void 0!==e||(p=await Promise.resolve().then(n.bind(n,43489)));let i=p.default;return i.isSupported()?new i(...r):null}let b=(e,t)=>{(0,a.useEffect)(()=>{let n;if(!t||!e.requestVideoFrameCallback)return;let r=function(){for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];t(...i),n=e.requestVideoFrameCallback(r)};return e.requestVideoFrameCallback(r),()=>e.cancelVideoFrameCallback(n)},[e,t])};var w=n(10607),y=n(85515);let x="manifesting-section",M=["A music video that shifts with your pulse and emotions","The AR pet monster or a generative creature","A scent engine that turns notes into pigment and sound",'A museum of "almosts" for unfinished ideas',"A Dada-theme physical/digital hybrid art installation","The world's first arena-sized mood ring","The emotional CAPTCHA to identify calm",'A monthly "lab box" of prototypes co-developed with users',"One-take, continuous-motion music videos","Album art cover as a living environment","A crowd choreographed by light","Sports brands built like belief systems","Hybrid digital-physical installations","A digital anthology exploring fashion and connection","A film that ends before it explains itself","Clothing that lives entirely online","A wow moment at The Sphere in Vegas","Design for aerospace, space exploration, and off-world tech","Stores that feel like temples to curiosity"];function P(e){let{mouseRef:t,videoTexture:n}=e,{viewport:r}=(0,l.D)(),o=(0,a.useRef)(null),s=(0,a.useMemo)(()=>({uVideo:{value:n},uTime:{value:0},uMouse:{value:new h.Vector2(.5,.5)},uHover:{value:0},uVideoResolution:{value:new h.Vector2(16,9)},uPlaneResolution:{value:new h.Vector2(1,1)}}),[n]);return(0,l.F)((e,i)=>{let a=o.current,l=t.current;if(!a||!l)return;a.uniforms.uTime.value+=i,a.uniforms.uMouse.value.lerp(l.uv,.12),a.uniforms.uHover.value=h.MathUtils.lerp(a.uniforms.uHover.value,l.hover,.08);let s=n.image;(null==s?void 0:s.videoWidth)&&s.videoHeight&&a.uniforms.uVideoResolution.value.set(s.videoWidth,s.videoHeight),a.uniforms.uPlaneResolution.value.set(r.width,r.height)}),(0,i.jsxs)("mesh",{children:[(0,i.jsx)("planeGeometry",{args:[r.width,r.height,1,1]}),(0,i.jsx)("shaderMaterial",{ref:o,uniforms:s,vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0
1);\n }\n",fragmentShader:"\n uniform sampler2D uVideo;\n uniform vec2 uMouse;\n uniform float uHover;\n uniform float uTime;\n uniform vec2 uVideoResolution;\n uniform vec2 uPlaneResolution;\n varying vec2 vUv;\n\n // Map a plane-space UV (0..1 across the viewport) into the video texture's\n // UV space using object-fit: cover semantics. The mouse warp + chromatic\n // shift are still computed in plane space so the cursor effect feels\n // viewport-relative; only the final texture sample is rebased.\n vec2 coverUv(vec2 uv) {\n float planeRatio = uPlaneResolution.x / uPlaneResolution.y;\n float videoRatio = uVideoResolution.x / uVideoResolution.y;\n float ratio = videoRatio / planeRatio;\n if (ratio > 1.0) {\n uv.x = (uv.x - 0.5) / ratio + 0.5;\n } else {\n uv.y = (uv.y - 0.5) * ratio + 0.5;\n }\n return uv;\n }\n\n void main() {\n vec2 toMouse = vUv - uMouse;\n float dist = length(toMouse);\n // Bell curve falloff, peaks at the cursor and decays smoothly outward.\n float falloff = exp(-dist * 5.0);\n float warp = falloff * 0.06 * uHover;\n\n // Subtle ambient swirl so the orb breathes when the cursor is idle.\n float ambient = sin(uTime * 0.35 + vUv.y * 6.2831) * 0.0025;\n\n vec2 displaced = vUv + toMouse * warp + vec2(ambient, 0.0);\n\n float shift = warp * 0.45 + falloff * 0.0035;\n float r = texture2D(uVideo, coverUv(displaced + vec2(shift, 0.0))).r;\n float g = texture2D(uVideo, coverUv(displaced)).g;\n float b = texture2D(uVideo, coverUv(displaced - vec2(shift, 0.0))).b;\n\n gl_FragColor = vec4(r, g, b, 1.0);\n }\n",transparent:!1})]})}function T(e,t,n){let r=h.MathUtils.clamp((n-e)/(t-e),0,1);return r*r*(3-2*r)}function S(){let{viewport:e,size:t}=(0,l.D)();return(0,a.useMemo)(()=>{let n=h.MathUtils.clamp(t.width/1440,.55,1.05);return e.height/t.height*n},[t.width,t.height,e.height])}function R(){let e=(0,a.useRef)(null),t=(0,a.useRef)(null),n=(0,a.useRef)(null),r=(0,a.useRef)(null),o=S(),s=(0,a.useRef)({x:Math.random()*Math.PI*2,y:Math.random()*Math.PI*2}),u=60*o,c=16*o,d=18*o,h=8*o;return(0,l.F)(o=>{var i,a;let l=e.current;if(!l)return;let u=o.clock.getElapsedTime();null===r.current&&(r.current=u);let c=u-r.current,f=T(0,1.4,c),v=T(.6,2,c),m=null===(i=t.current)||void 0===i?void 0:i.material,p=null===(a=n.current)||void 0===a?void 0:a.material;m&&(m.opacity=f),p&&(p.opacity=v);let g=s.current;l.position.x=Math.sin(.22*u+g.x)*h+Math.sin(.13*u+1.7*g.x)*h*.35,l.position.y=Math.sin(.18*u+g.y)*d+Math.cos(.27*u+.6*g.y)*d*.25}),(0,i.jsxs)("group",{ref:e,children:[(0,i.jsx)(f,{ref:t,font:"/fonts/PolySans-Slim.woff",fontSize:u,color:"#ffffff",anchorX:"center",anchorY:"middle",letterSpacing:-.02,"material-transparent":!0,"material-opacity":0,"material-depthWrite":!1,renderOrder:2,children:"Manifesting"}),(0,i.jsx)(f,{ref:n,position:[0,-(u/2+13*o+1.3*c/2),0],font:"/fonts/PolySans-NeutralMono.woff",fontSize:c,color:"#ffffff",anchorX:"center",anchorY:"middle",letterSpacing:.02,lineHeight:1.3,"material-transparent":!0,"material-opacity":0,"material-depthWrite":!1,renderOrder:2,children:"A SPACE FOR IDEAS THAT DON'T EXIST YET"})]})}function j(e){let{item:t,videoTexture:n}=e,r=(0,a.useRef)(null),{viewport:o}=(0,l.D)(),s=S(),u=(0,a.useMemo)(()=>(function(e){let{strength:t=.014,rippleHz:n=1.4,rippleScale:r=5,videoTexture:o}=e,i={uTime:{value:0},uStrength:{value:t},uRippleHz:{value:n},uRippleScale:{value:r},uPhase:{value:Math.random()*Math.PI*2},uMotion:{value:0},uDissolve:{value:0},uVideo:{value:o},uTagPos:{value:new h.Vector2(0,0)},uViewportSize:{value:new h.Vector2(1,1)}},a=new h.MeshBasicMaterial({color:16777215,transparent:!0,depthWrite:!1});return a.onBeforeCompile=e=>{Object.assign(e.uniforms,i),e.vertexShader="\n uniform float uTime;\n uniform float uStrength;\n uniform float uRippleHz;\n uniform float uRippleScale;\n uniform float uPhase;\n uniform float uMotion;\n uniform float uDissolve;\n uniform sampler2D uVideo;\n uniform vec2 uTagPos;\n uniform vec2 uViewportSize;\n varying vec2 vWorldXY;\n varying float vDissolve;\n"+e.vertexShader.replace("#include <begin_vertex>","\n #include <begin_vertex>\n // (1) Self-driven wobble â each tag carries a small organic warp as\n // it drifts outward. Time + a per-tag phase only; the cursor is\n // intentionally not involved (mouse interaction is reserved for\n // the background orb video). Two layered sinewaves at non-integer\n // harmonics keep the motion from feeling tiled or metronomic.\n //\n // uMotion (0..1) boosts amplitude *and* tightens the wave so the\n // wobble reads as turbulent right out of the orb, then settles\n // into a calm idle wave once the tag reaches its resting place.\n float waveScale = uRippleScale * (1.0 + uMotion * 0.2);\n float waveHz = uRippleHz * (1.0 + uMotion * 0.1);\n float wobbleX =\n sin(transformed.y * waveScale + uTime * waveHz + uPhase)\n + 0.45 * sin(transformed.y * waveScale * 2.7\n + uTime * waveHz * 1.6 + uPhase * 0.7);\n float wobbleY =\n cos(transformed.x * waveScale + uTime * waveHz * 1.15\n + uPhase * 1.7)\n + 0.45 * cos(transformed.x * waveScale * 2.3\n + uTime * waveHz * 1.4 + uPhase);\n float waveAmp = uStrength * (1.0 + uMotion * 4.5);\n transformed.xy += vec2(wobbleX, wobbleY) * waveAmp;\n\n // (2) Dissolve â when uDissolve > 0 (entry + exit slices of life),\n // morph the text into an organic warp. Two layers stacked:\n //\n // a) Deterministic procedural morph (always present). Layered\n // sin/cos at non-integer harmonics, with uPhase rotating\
1n // each tag's signature so words don't deform in lockstep.\n // This is the *floor* â it guarantees every tag visibly\n // deforms regardless of what the video happens to sample.\n //\n // b) Video-driven flavor (additive). Samples the orb on a\n // circular orbit at the chromatic ring (~0.20 UV) and uses\n // the channel differences as a signed displacement vector.\n // When the orbit lands on near-neutral pixels these\n // differences collapse to zero, which is why an earlier\n // revision left some tags appearing to only fade â so this\n // layer is now flavor on top of the deterministic floor,\n // not the sole driver.\n if (uDissolve > 0.001) {\n float morphTime = uTime * 1.4 + uPhase;\n vec2 baseMorph = vec2(\n sin(transformed.y * 8.0 + morphTime)\n + 0.6 * sin(transformed.x * 13.0 + morphTime * 1.7 + uPhase),\n cos(transformed.x * 8.0 + morphTime * 1.15)\n + 0.6 * cos(transformed.y * 11.0 + morphTime * 1.5\n + uPhase * 0.6)\n );\n\n float orbitAngle = uTime * 0.4 + uPhase;\n float orbitRadius = 0.20 + 0.05 * sin(uTime * 0.55 + uPhase * 1.3);\n vec2 sampleUv = vec2(0.5) + vec2(\n cos(orbitAngle) * orbitRadius,\n sin(orbitAngle) * orbitRadius\n );\n // Per-vertex variation so the sampled color (and therefore the\n // video-driven displacement vector) differs across glyphs of\n // the same word â gives the morph internal structure instead\n // of translating the whole word identically.\n sampleUv += vec2(transformed.x * 0.05, transformed.y * 0.07);\n sampleUv = clamp(sampleUv, 0.05, 0.95);\n\n vec3 vid = texture2D(uVideo, sampleUv).rgb;\n float lum = dot(vid, vec3(0.299, 0.587, 0.114)) + 0.15;\n vec2 videoMorph = vec2(\n vid.r - vid.b,\n vid.g - 0.5 * (vid.r + vid.b)\n );\n\n // Quadratic ramp â morph eases in then accelerates so the text\n // sits readable for a beat before the warp takes over.\n float k = uDissolve * uDissolve;\n transformed.xy += (baseMorph * 0.3 + videoMorph * lum * 3.5) * k;\n }\n\n // Pass world position + dissolve to the fragment for the grain mask.\n vWorldXY = transformed.xy + uTagPos;\n vDissolve = uDissolve;\n ")},{material:a,uniforms:i}})({strength:.01,rippleHz:.8,rippleScale:3,videoTexture:n}),[n]);(0,a.useEffect)(()=>{u.uniforms.uViewportSize.value.set(o.width,o.height)},[u,o.width,o.height]);let c=(0,a.useMemo)(()=>t.maxRadius*Math.min(o.width,o.height)*.5,[t.maxRadius,o.width,o.height]);return(0,l.F)(e=>{let n=r.current;if(!n)return;let o=e.clock.getElapsedTime(),i=h.MathUtils.clamp((o-t.birth)/t.lifetime,0,1),a=c*(1-Math.pow(1-i,3)),l=Math.cos(t.angle)*a,s=Math.sin(t.angle)*a;n.position.x=l,n.position.y=s;let d=T(.04,.15,i);n.scale.setScalar(d);let f=T(.12,.28,i),v=1-T(.7,1,i);u.material.opacity=f*v;let m=1-T(0,.3,i),p=T(.7,1,i);u.uniforms.uDissolve.value=Math.max(m,p),u.uniforms.uTagPos.value.set(l,s),u.uniforms.uMotion.value=1-T(0,.1,i),u.uniforms.uTime.value=o}),(0,i.jsx)("group",{ref:r,children:(0,i.jsx)(f,{material:u.material,font:"/fonts/PolySans-Neutral.woff",fontSize:18*s,anchorX:"center",anchorY:"middle",textAlign:"center",lineHeight:1.3,renderOrder:3,children:function(e,t){let n=e.split(/\s+/);if(n.length<=5)return e;let r=[];for(let e=0;e<n.length;e+=5)r.push(n.slice(e,e+5).join(" "));return r.join("\n")}(t.text,5)})})}function V(e){let{videoTexture:t}=e,[n,r]=(0,a.useState)([]),o=(0,a.useRef)(0),s=(0,a.useRef)([]),{clock:u}=(0,l.D)(),c=(0,a.useCallback)(()=>{let e=[...M];for(let t=e.length-1;t>0;t--){let n=Math.floor(Math.random()*(t+1));[e[t],e[n]]=[e[n],e[t]]}s.current=e},[]);return(0,a.useEffect)(()=>{c();let e=(e,t)=>Math.abs((e-t+Math.PI)%(2*Math.PI)-Math.PI),t=()=>{0===s.current.length&&c();let t=s.current.pop();if(!t)return;let n=7.5+2.5*Math.random(),i=.78+.32*Math.random();r(r=>{let a=r.map(e=>e.angle),l=72*Math.PI/180,s=Math.random()*Math.PI*2,c=-1/0;for(let t=0;t<40;t++){let t=Math.random()*Math.PI*2;if(.45>Math.abs(Math.sin(t)))continue;let n=0===a.length?Math.PI:Math.min(...a.map(n=>e(t,n)));if(n>c&&(c=n,s=t),n>=l)break}let d=[...r,{id:++o.current,text:t,angle:s,maxRadius:i,birth:u.getElapsedTime(),lifetime:n}];return d.length>5&&d.shift(),d})},n=setTimeout(t,800),i=setInterval(t,1800);return()=>{clearTimeout(n),clearInterval(i)}},[u,c]),(0,a.useEffect)(()=>{let e=setInterval(()=>{let e=u.getElapsedTime();r(t=>{let n=t.filter(t=>e-t.birth<t.lifetime);return n.length===t.length?t:n})},500);return()=>clearInterval(e)},[u]),(0,i.jsx)("group",{children:n.map(e=>(0,i.jsx)(j,{item:e,videoTexture:t},e.id))})}function k(e){let{mouseRef:t}=e,n=function(e){let{unsuspend:t="loadedmetadata",start:n=!0,hls:r={}
1,crossOrigin:o="anonymous",muted:i=!0,loop:s=!0,playsInline:u=!0,onVideoFrame:c,...f}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=(0,l.D)(e=>e.gl),w=(0,a.useRef)(null),y=(0,d.Rq)(()=>new Promise(async n=>{let a,l;"string"==typeof e?a=e:l=e;let c=Object.assign(document.createElement("video"),{src:a,srcObject:l,crossOrigin:o,loop:s,muted:i,playsInline:u,...f});if(a&&m&&a.endsWith(".m3u8")){let e=w.current=await g(r);e&&(e.on(v.Events.MEDIA_ATTACHED,()=>void e.loadSource(a)),e.attachMedia(c))}let d=new h.VideoTexture(c);"colorSpace"in d?d.colorSpace=p.outputColorSpace:d.encoding=p.outputEncoding,c.addEventListener(t,()=>n(d))}),[e]);return b(y.source.data,c),(0,a.useEffect)(()=>(n&&y.image.play(),()=>{w.current&&(w.current.destroy(),w.current=null)}),[y,n]),y}("/videos/manifest-comp.mp4",{muted:!0,loop:!0,start:!0,crossOrigin:"anonymous",playsInline:!0});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(P,{mouseRef:t,videoTexture:n}),(0,i.jsx)(V,{videoTexture:n}),(0,i.jsx)(R,{})]})}function E(e){let{className:t}=e,n=(0,a.useRef)(null),r=(0,a.useRef)({ndc:new h.Vector2(0,0),uv:new h.Vector2(.5,.5),hover:0}),{state:o,acquireAmbientPause:l,releaseAmbientPause:u}=(0,y.useSound)(),c=(0,a.useRef)(null),d=(0,a.useRef)(!1),[f,v]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=n.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;return v(t.isIntersecting)},{threshold:.5});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{if("on"===o&&f){if(!c.current){let e=new Audio("/sounds/manifest/manifest.wav");e.loop=!0,e.volume=.6,e.preload="auto",c.current=e}d.current||(l(x),d.current=!0),c.current.play().catch(()=>{})}else{var e;null===(e=c.current)||void 0===e||e.pause(),d.current&&(u(x),d.current=!1)}},[o,f,l,u]),(0,a.useEffect)(()=>()=>{var e;null===(e=c.current)||void 0===e||e.pause(),c.current=null,d.current&&(u(x),d.current=!1)},[u]);let m=(0,a.useCallback)((e,t)=>{var o;let i=null===(o=n.current)||void 0===o?void 0:o.getBoundingClientRect();if(!i)return;let a=(e-i.left)/i.width,l=(t-i.top)/i.height;r.current.uv.set(a,l),r.current.ndc.set(2*a-1,-(2*l-1)),r.current.hover=1},[]),p=(0,a.useCallback)(e=>{m(e.clientX,e.clientY)},[m]),g=(0,a.useCallback)(()=>{r.current.hover=0},[]),b=(0,a.useCallback)(e=>{let t=e.touches[0];t&&m(t.clientX,t.clientY)},[m]),P=(0,a.useCallback)(()=>{r.current.hover=0},[]);return(0,i.jsxs)("section",{"aria-label":"Manifesting â a space for ideas that don't exist yet",className:(0,w.Z)("relative w-full h-screen overflow-hidden bg-black",t),children:[(0,i.jsx)("h2",{className:"sr-only",children:"Manifesting"}),(0,i.jsx)("p",{className:"sr-only",children:"a space for ideas that don't exist yet â a rotating field of speculative manifests, including:"}),(0,i.jsx)("ul",{className:"sr-only",role:"list",children:M.map(e=>(0,i.jsx)("li",{children:e},e))}),(0,i.jsx)("div",{ref:n,className:"absolute inset-0",onPointerMove:p,onPointerLeave:g,onTouchMove:b,onTouchEnd:P,children:(0,i.jsx)(s.Xz,{dpr:[1,1.75],gl:{antialias:!0,powerPreference:"high-performance"},camera:{position:[0,0,5],fov:45,near:.1,far:100},style:{background:"transparent"},children:(0,i.jsx)(k,{mouseRef:r})})})]})}},42972:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return o}});let r=n(20951);function o(e){let{reason:t,children:n}=e;if("undefined"==typeof window)throw new r.BailoutToCSRError(t);return n}},69111:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadCss",{enumerable:!0,get:function(){return i}});let r=n(27573),o=n(92399);function i(e){let{moduleIds:t}=e;if("undefined"!=typeof window)return null;let n=(0,o.getExpectedRequestStore)("next/dynamic css"),i=[];if(n.reactLoadableManifest&&t){let e=n.reactLoadableManifest;for(let n of t){if(!e[n])continue;let t=e[n].files.filter(e=>e.endsWith(".css"));i.push(...t)}}return 0===i.length?null:(0,r.jsx)(r.Fragment,{children:i.map(e=>(0,r.jsx)("link",{precedence:"dynamic",rel:"stylesheet",href:n.assetPrefix+"/_next/"+encodeURI(e),as:"style"},e))})}},17610:function(e,t,n){"use strict";function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}n.d(t,{Z:function(){return r}})}},function(e){e.O(0,[9911,7238,8590,5526,2580,6715,124,5107,6857,3423,7749,6245,641,2929,9242,7699,4070,8134,8819,7087,8119,1293,1528,1744],function(){return e(e.s=9057)}),_N_E=e.O()}]);
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.