https://www.sfacspace.com/_next/static/chunks/0-pxef9yids3..js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,90543,e=>{"use strict";var t=e.i(87446),i=e.i(72555),r=e.i(45562);e.s(["TextReveal",0,function({lines:e,className:o,stagger:s=.05,y:a=20,startDelay:n=0,as:l="h2"}){return(0,r.useReducedMotion)()?(0,t.jsx)(l,{className:o,children:e.map((e,i)=>(0,t.jsx)("span",{className:"block",children:e},i))}):(0,t.jsx)(l,{className:o,children:e.map((e,r)=>(0,t.jsx)(i.motion.span,{className:"block",initial:{opacity:.001,y:a},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.5},transition:{type:"spring",stiffness:168,damping:40,mass:1,delay:n+r*s},children:e},r))})}])},3044,e=>{"use strict";var t=e.i(87446),i=e.i(72555),r=e.i(45562);let o={type:"spring",stiffness:168,damping:40,mass:1};e.s(["Reveal",0,function({children:e,className:s="",delay:a=0,from:n="translate-y-[2.4rem]",x:l,y:c,scale:u,once:h=!0,threshold:d=.25}){let f=(0,r.useReducedMotion)(),m=n.match(/\[(\d+(?:\.\d+)?)rem\]/),p=c??(m?10*parseFloat(m[1]):24);return f?(0,t.jsx)("div",{className:s,children:e}):(0,t.jsx)(i.motion.div,{className:s,initial:{opacity:.001,y:p,...void 0!==l?{x:l}:{},...void 0!==u?{scale:u}:{}},whileInView:{opacity:1,y:0,...void 0!==l?{x:0}:{},...void 0!==u?{scale:1}:{}},viewport:{once:h,amount:d,margin:d>=.5?void 0:"0px 0px -8% 0px"},transition:{...o,delay:a/1e3},children:e})}])},67546,e=>{"use strict";var t=e.i(87446),i=e.i(20);let r=`#version 300 es
2layout(location = 0) in vec4 a_position;
3void main() {
4  gl_Position = a_position;
5}
6`,o=`#version 300 es
7precision highp float;
8
9uniform float u_time;
10uniform float u_pixelRatio;
11uniform vec2 u_resolution;
12uniform float u_scale;
13uniform float u_rotation;
14uniform vec4 u_color1;
15uniform vec4 u_color2;
16uniform vec4 u_color3;
17uniform float u_proportion;
18uniform float u_softness;
19uniform float u_shape;
20uniform float u_shapeScale;
21uniform float u_distortion;
22uniform float u_swirl;
23uniform float u_swirlIterations;
24
25out vec4 fragColor;
26
27#define TWO_PI 6.28318530718
28#define PI 3.14159265358979323846
29
30vec2 rotate(vec2 uv, float th) {
31  return mat2(cos(th), sin(th), -sin(th), cos(th)) * uv;
32}
33
34float random(vec2 st) {
35  return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);
36}
37float noise(vec2 st) {
38  vec2 i = floor(st);
39  vec2 f = fract(st);
40  float a = random(i);
41  float b = random(i + vec2(1.0, 0.0));
42  float c = random(i + vec2(0.0, 1.0));
43  float d = random(i + vec2(1.0, 1.0));
44  vec2 u = f * f * (3.0 - 2.0 * f);
45  float x1 = mix(a, b, u.x);
46  float x2 = mix(c, d, u.x);
47  return mix(x1, x2, u.y);
48}
49
50vec4 blend_colors(vec4 c1, vec4 c2, vec4 c3, float mixer, float edgesWidth, float edge_blur) {
51  vec3 color1 = c1.rgb * c1.a;
52  vec3 color2 = c2.rgb * c2.a;
53  vec3 color3 = c3.rgb * c3.a;
54  float r1 = smoothstep(.0 + .35 * edgesWidth, .7 - .35 * edgesWidth + .5 * edge_blur, mixer);
55  float r2 = smoothstep(.3 + .35 * edgesWidth, 1. - .35 * edgesWidth + edge_blur, mixer);
56  vec3 blended_color_2 = mix(color1, color2, r1);
57  float blended_opacity_2 = mix(c1.a, c2.a, r1);
58  vec3 c = mix(blended_color_2, color3, r2);
59  float o = mix(blended_opacity_2, c3.a, r2);
60  return vec4(c, o);
61}
62
63void main() {
64  vec2 uv = gl_FragCoord.xy / u_resolution.xy;
65  float t = .5 * u_time;
66  float noise_scale = .0005 + .006 * u_scale;
67
68  uv -= .5;
69  uv *= (noise_scale * u_resolution);
70  uv = rotate(uv, u_rotation * .5 * PI);
71  uv /= u_pixelRatio;
72  uv += .5;
73
74  float n1 = noise(uv * 1. + t);
75  float n2 = noise(uv * 2. - t);
76  float angle = n1 * TWO_PI;
77  uv.x += 4. * u_distortion * n2 * cos(angle);
78  uv.y += 4. * u_distortion * n2 * sin(angle);
79
80  float iterations_number = ceil(clamp(u_swirlIterations, 1., 30.));
81  for (float i = 1.; i <= iterations_number; i++) {
82    uv.x += clamp(u_swirl, 0., 2.) / i * cos(t + i * 1.5 * uv.y);
83    uv.y += clamp(u_swirl, 0., 2.) / i * cos(t + i * 1. * uv.x);
84  }
85
86  float proportion = clamp(u_proportion, 0., 1.);
87  float shape = 0.;
88  float mixer = 0.;
89  if (u_shape < .5) {
90    vec2 checks_shape_uv = uv * (.5 + 3.5 * u_shapeScale);
91    shape = .5 + .5 * sin(checks_shape_uv.x) * cos(checks_shape_uv.y);
92    mixer = shape + .48 * sign(proportion - .5) * pow(abs(proportion - .5), .5);
93  } else if (u_shape < 1.5) {
94    vec2 stripes_shape_uv = uv * (.25 + 3. * u_shapeScale);
95    float f = fract(stripes_shape_uv.y);
96    shape = smoothstep(.0, .55, f) * smoothstep(1., .45, f);
97    mixer = shape + .48 * sign(proportion - .5) * pow(abs(proportion - .5), .5);
98  } else {
99    float sh = 1. - uv.y;
100    sh -= .5;
101    sh /= (noise_scale * u_resolution.y);
102    sh += .5;
103    float shape_scaling = .2 * (1. - u_shapeScale);
104    shape = smoothstep(.45 - shape_scaling, .55 + shape_scaling, sh + .3 * (proportion - .5));
105    mixer = shape;
106  }
107
108  vec4 color_mix = blend_colors(u_color1, u_color2, u_color3, mixer, 1. - clamp(u_softness, 0., 1.), .01 + .01 * u_scale);
109  fragColor = vec4(color_mix.rgb, color_mix.a);
110}
111`;function s(e){let t=e.replace(/^#/,""),i=3===t.length?t.split("").map(e=>e+e).join(""):t,r=6===i.length?i+"ff":i;return[parseInt(r.slice(0,2),16)/255,parseInt(r.slice(2,4),16)/255,parseInt(r.slice(4,6),16)/255,parseInt(r.slice(6,8),16)/255]}function a(e,t,i){let r=e.createShader(t);return r?(e.shaderSource(r,i),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS))?r:(console.error(e.getShaderInfoLog(r)),e.deleteShader(r),null):null}class n{canvas;gl;program;uniformLocs;totalTime;lastFrame;rafId;speed;uniforms;resizeObserver;constructor(e,t,i=0){this.canvas=e,this.uniformLocs={},this.totalTime=0,this.lastFrame=0,this.rafId=null,this.speed=1,this.resizeObserver=null,this.totalTime=i;const s=e.getContext("webgl2");if(!s)throw Error("WebGL2 not supported");s.clearColor(0,0,0,0),this.gl=s,this.uniforms=t;const n=a(s,s.VERTEX_SHADER,r),l=a(s,s.FRAGMENT_SHADER,o);if(!n||!l)throw Error("Shader compile failed");const c=function(e,t,i){let r=e.createProgram();return r?(e.attachShader(r,t),e.attachShader(r,i),e.linkProgram(r),e.getProgramParameter(r,e.LINK_STATUS))?r:(console.error(e.getProgramInfoLog(r)),e.deleteProgram(r),null):null}(s,n,l);if(!c)throw Error("Program link failed");s.deleteShader(n),s.deleteShader(l),this.program=c;const u=s.getAttribLocation(c,"a_position"),h=s.createBuffer();s.bindBuffer(s.ARRAY_BUFFER,h),s.bufferData(s.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),s.STATIC_DRAW),s.enableVertexAttribArray(u),s.vertexAttribPointer(u,2,s.FLOAT,!1,0,0),["u_time","u_pixelRatio","u_resolution","u_scale","u_rotation","u_color1","u_color2","u_color3","u_proportion","u_softness","u_distortion","u_swirl","u_swirlIterations","u_shapeScale","u_shape"].forEach(e

111=>{this.uniformLocs[e]=s.getUniformLocation(c,e)}),this.resizeObserver=new ResizeObserver(()=>this.resize()),this.resizeObserver.observe(e.parentElement??e),this.resize(),this.lastFrame=performance.now(),this.rafId=requestAnimationFrame(e=>this.render(e))}resize(){let e=window.devicePixelRatio,t=this.canvas.getBoundingClientRect(),i=Math.max(1,Math.floor(t.width*e)),r=Math.max(1,Math.floor(t.height*e));(this.canvas.width!==i||this.canvas.height!==r)&&(this.canvas.width=i,this.canvas.height=r,this.gl.viewport(0,0,i,r))}render(e){let t=e-this.lastFrame;this.lastFrame=e,this.totalTime+=t*this.speed*.001,this.gl.clear(this.gl.COLOR_BUFFER_BIT),this.gl.useProgram(this.program);let i=this.uniforms;this.gl.uniform1f(this.uniformLocs.u_time,this.totalTime),this.gl.uniform1f(this.uniformLocs.u_pixelRatio,window.devicePixelRatio),this.gl.uniform2f(this.uniformLocs.u_resolution,this.canvas.width,this.canvas.height),this.gl.uniform1f(this.uniformLocs.u_scale,i.u_scale),this.gl.uniform1f(this.uniformLocs.u_rotation,i.u_rotation),this.gl.uniform4fv(this.uniformLocs.u_color1,i.u_color1),this.gl.uniform4fv(this.uniformLocs.u_color2,i.u_color2),this.gl.uniform4fv(this.uniformLocs.u_color3,i.u_color3),this.gl.uniform1f(this.uniformLocs.u_proportion,i.u_proportion),this.gl.uniform1f(this.uniformLocs.u_softness,i.u_softness),this.gl.uniform1f(this.uniformLocs.u_distortion,i.u_distortion),this.gl.uniform1f(this.uniformLocs.u_swirl,i.u_swirl),this.gl.uniform1f(this.uniformLocs.u_swirlIterations,i.u_swirlIterations),this.gl.uniform1f(this.uniformLocs.u_shapeScale,i.u_shapeScale),this.gl.uniform1f(this.uniformLocs.u_shape,i.u_shape),this.gl.drawArrays(this.gl.TRIANGLES,0,6),this.rafId=requestAnimationFrame(e=>this.render(e))}setSpeed(e){this.speed=e}dispose(){null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.resizeObserver?.disconnect(),this.gl.deleteProgram(this.program)}}e.s(["AnimatedGradient",0,function({className:e,style:r,children:o,color1:a="#002040",color2:l="#2D8BF7",color3:c="#FFFFFF",speed:u=.83,seed:h=0,scale:d=.01,rotationDeg:f=-50,proportion:m=.01,softness:p=.47,distortion:v=0,swirl:g=.5,swirlIterations:_=16,shapeScale:w=.45}){let x=i.useRef(null),y=i.useRef(null),[b,S]=i.useState(!1);return i.useEffect(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>S(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),i.useEffect(()=>{if(b)return;let e=x.current;if(!e)return;try{let t={u_scale:d,u_rotation:f*Math.PI/180,u_color1:s(a),u_color2:s(l),u_color3:s(c),u_proportion:m,u_softness:p,u_distortion:v,u_swirl:g,u_swirlIterations:_,u_shapeScale:w,u_shape:0};y.current=new n(e,t,h/120),y.current.setSpeed(u)}catch(e){console.error("WebGL init failed:",e)}let t=new IntersectionObserver(([e])=>{let t=y.current;t&&(e.isIntersecting&&t.resize(),t.setSpeed(e.isIntersecting?u:0))},{threshold:.1});return t.observe(e),()=>{t.disconnect(),y.current?.dispose(),y.current=null}},[b,a,l,c,u,h,d,f,m,p,v,g,_,w]),(0,t.jsxs)("div",{className:`careers-gradient-banner ${e??""}`.trim(),style:{position:"relative",overflow:"hidden",width:"100%",background:b?`linear-gradient(135deg, ${a} 0%, ${l} 55%, ${c} 100%)`:void 0,...r},children:[!b&&(0,t.jsx)("canvas",{ref:x,width:1,height:1,style:{position:"absolute",inset:0,width:"100%",height:"100%",display:"block"}}),o]})}])},34965,e=>{"use strict";var t=e.i(87446),i=e.i(20);let r=e=>e<0?0:e>1?1:e,o=(e,t,i)=>e+(t-e)*i;function s(e,t,i){if(t&&e.includes(t)){let r=e.indexOf(t),o=[];r>0&&o.push({text:e.slice(0,r),kind:"nf"}),o.push({text:t,kind:i});let s=e.slice(r+t.length);return s&&o.push({text:s,kind:"nf"}),o}return[{text:e,kind:"nf"}]}e.s(["ScrollPhilosophyScene",0,function({lines:e,phraseA:a,phraseB:n,phraseAImage:l,phraseBImage:c,captionA:u,captionB:h}){let d=(0,i.useRef)(null),f=(0,i.useRef)(null),m=(0,i.useRef)([]),p=(0,i.useRef)([]),v=(0,i.useRef)(null),g=(0,i.useRef)(null),_=(0,i.useRef)(null),w=(0,i.useRef)(null),x=(0,i.useRef)(null),y=e.map((e,t)=>s(e,0===t?a:1===t?n:void 0,0===t?"A":"B"));return(0,i.useEffect)(()=>{let t=d.current;if(!t)return;let i=e.map((e,t)=>s(e,0===t?a:1===t?n:void 0,0===t?"A":"B").map(e=>e.kind)),l=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,c=e.map(()=>0),u=()=>{let e=f.current;if(!e)return;let t=getComputedStyle(e),i=parseFloat(t.paddingLeft)||0,r=parseFloat(t.paddingRight)||0,o=e.clientWidth-i-r;c=m.current.map(e=>e?Math.max(0,(o-e.getBoundingClientRect().width)/2):0)},h=window.innerWidth>719?{S:800,x:800,C:1200,ee:1200,te:1800,w:4e3,T:400}:{S:500,x:200,C:400,ee:1200,te:1e3,w:2e3,T:400},y=1,b=1,S=1,R=0,I=0,L=0,j=0,k=0,A=0,F=0,E=0,T=s=>{let a=E?Math.min(.05,Math.max(.001,(s-E)/1e3)):.016;E=s;let n=1-Math.pow(1-r(.35),Math.max(1e-4,60*a)),l=-t.getBoundingClientRect().top,u=h.S>0?r(l/h.S):l<=0?0:1,d=l-h.S-h.x,f=h.C>0?r(d/h.C):1,N=1-(h.ee>0?r(d/h.ee):1),M=1,P=1;d>

111=h.te&&d<h.w?(M=1,P=.3):d>=h.w&&(M=.3,P=1);let C=r((d-h.te)/h.T),O=r((d-h.w)/h.T),B=C*(1-O)+.6*C*O,z=B+O>0?r((.6*B+.6*O)/(B+O)):0,W=C*(1-O);R=o(R,f,n),y=o(y,N,n),b=o(b,M,n),S=o(S,P,n),I=o(I,B,n),L=o(L,O,n),j=o(j,z,n),k=o(k,W,n),A=o(A,O,n);let D=u<=0,U=u<1,$=1/Math.max(e.length,1);for(let t=0;t<e.length;t++){let e=m.current[t],o=$*t,s=D?0:r((u-o)/$),a=(1-s)*40,n=-(c[t]||0)*R;e&&(e.style.transform=`translate3d(${n}px, ${a}px, 0)`);let l=p.current[t],h=i[t];if(l)for(let e=0;e<l.length;e++){let t,i=l[e];if(!i)continue;let r=h?.[e]??"nf";t=D?0:U?s:"nf"===r?s*y:"A"===r?s*b:s*S,i.style.opacity=String(t)}}v.current&&(v.current.style.opacity=String(I)),g.current&&(g.current.style.opacity=String(L)),_.current&&(_.current.style.opacity=String(j)),w.current&&(w.current.style.opacity=String(k)),x.current&&(x.current.style.opacity=String(A)),F=requestAnimationFrame(T)};if(l){u(),p.current.forEach(e=>e.forEach(e=>{e&&(e.style.opacity="1")})),m.current.forEach(e=>{e&&(e.style.transform="none")}),[v,g,_,w,x].forEach(e=>{e.current&&(e.current.style.opacity="0")});return}u(),F=requestAnimationFrame(T);let N=()=>u();window.addEventListener("resize",N);let M=window.setTimeout(u,300);return()=>{cancelAnimationFrame(F),window.removeEventListener("resize",N),window.clearTimeout(M)}},[e,a,n]),(0,t.jsx)("section",{ref:d,"data-dark-hero":!0,"aria-label":e.join(" "),className:"philosophy-scene relative ml-[calc(50%-50vw)] w-screen bg-ink",children:(0,t.jsxs)("div",{className:"sticky top-0 h-screen w-full overflow-hidden bg-ink",children:[(0,t.jsx)("img",{ref:v,src:l,alt:"","aria-hidden":!0,className:"absolute inset-0 h-full w-full select-none object-cover",style:{opacity:0},draggable:!1}),(0,t.jsx)("img",{ref:g,src:c,alt:"","aria-hidden":!0,className:"absolute inset-0 h-full w-full select-none object-cover",style:{opacity:0},draggable:!1}),(0,t.jsx)("div",{ref:_,className:"absolute inset-0 bg-black",style:{opacity:0},"aria-hidden":!0}),(0,t.jsx)("div",{className:"relative z-[1] flex h-full items-center justify-center",children:(0,t.jsx)("div",{ref:f,className:"philosophy-text w-full px-[8rem] text-white","aria-hidden":!0,children:y.map((e,i)=>(0,t.jsx)("div",{ref:e=>{m.current[i]=e},className:"mx-auto w-fit max-w-full break-keep text-left [overflow-wrap:break-word] [will-change:transform]",children:e.map((e,r)=>(0,t.jsx)("span",{ref:e=>{(p.current[i]||(p.current[i]=[]))[r]=e},style:{opacity:0,transition:"none"},children:e.text},r))},i))})}),(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 z-[10] flex justify-center",children:(0,t.jsx)("div",{className:"relative h-full w-full max-w-[180rem]",children:(0,t.jsxs)("div",{className:"philosophy-caption-box absolute text-right",children:[u?(0,t.jsx)("div",{ref:w,className:"absolute bottom-0 right-0 w-fit max-w-full whitespace-pre-wrap break-keep [overflow-wrap:break-word]",style:{opacity:0},"aria-hidden":!0,children:u}):null,h?(0,t.jsx)("div",{ref:x,className:"absolute bottom-0 right-0 w-fit max-w-full whitespace-pre-wrap break-keep [overflow-wrap:break-word]",style:{opacity:0},"aria-hidden":!0,children:h}):null]})})})]})})}])},54089,e=>{"use strict";var t=e.i(87446),i=e.i(20);e.s(["ScrollScaleVideo",0,function({src:e,from:r=.5}){let o=(0,i.useRef)(null),[s,a]=(0,i.useState)(0);(0,i.useEffect)(()=>{let e=o.current;if(!e)return;if(window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void a(1);let t=0,i=()=>{let t=e.getBoundingClientRect(),i=window.innerHeight||1;

111a(Math.min(Math.max((i-t.top)/(.6*i),0),1))},r=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(i)};return i(),window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r),cancelAnimationFrame(t)}},[r]);let n=(r+s*(1-r))*100;return(0,t.jsx)("div",{ref:o,className:"flex w-full justify-center",children:(0,t.jsx)("video",{src:e,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"aria-hidden":"true",className:"aspect-[16/9] h-auto object-cover",style:{width:`${n}%`,willChange:"width"}})})}])},60143,e=>{"use strict";var t=e.i(87446),i=e.i(72555),r=e.i(45562);let o=1.2/.8*14,s=["drop-shadow(0 0 0px rgba(255,255,255,0))","drop-shadow(0 0 2.4px rgba(255,255,255,0.35))","drop-shadow(0 0 2.4px rgba(255,255,255,0.2))","drop-shadow(0 0 4.8px rgba(255,255,255,0.4))","drop-shadow(0 0 4.8px rgba(255,255,255,0.4))","drop-shadow(0 0 0px rgba(255,255,255,0))","drop-shadow(0 0 0px rgba(255,255,255,0))"];e.s(["HeroScrollIndicator",0,function({targetId:e="about",className:a}){let n=(0,r.useReducedMotion)(),l=(0,t.jsx)("svg",{width:21.599999999999998,height:10.799999999999999,viewBox:"0 0 18 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"relative"},"aria-hidden":!0,children:(0,t.jsx)("path",{d:"M1.5 1.5L9 7.5L16.5 1.5",stroke:"#fff",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});return(0,t.jsx)(i.motion.button,{type:"button",onClick:()=>{let t=document.getElementById(e);t?.scrollIntoView({behavior:n?"auto":"smooth"})},"aria-label":"다음 섹션으로 스크롤",className:a,initial:{opacity:0}

111,animate:{opacity:1},transition:{delay:.5,duration:1},style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",background:"transparent",border:0,padding:0,WebkitTapHighlightColor:"transparent"},children:n?(0,t.jsx)("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"5px"},children:l}):(0,t.jsx)(i.motion.span,{animate:{filter:s},transition:{duration:1.2,repeat:1/0,repeatType:"loop",ease:"easeInOut",times:[0,.167,.5,.667,.833,.917,1]},style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"5px"},children:(0,t.jsx)(i.motion.span,{animate:{y:[0,o,0]},transition:{duration:1.2,repeat:1/0,repeatType:"loop",repeatDelay:0,ease:"easeInOut"},style:{display:"block"},children:l})})})}])}]);