https://sanghyo-portfolio.vercel.app/_next/static/chunks/0.vozj8h~sol5.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,206246,e=>{"use strict";let t=(0,e.i(964234).default)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);e.s(["ArrowRight",0,t],206246)},382717,e=>{"use strict";var t=e.i(415575),r=e.i(206246),a=e.i(964234);let i=(0,a.default)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),l=(0,a.default)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var n=e.i(921702),o=e.i(300255),s=e.i(992367),c=e.i(457286),d=e.i(319508),u=e.i(219783),m=e.i(826857),h=e.i(241146);function f({autoPlay:e,itemClassName:r,items:a}){return a.map(a=>(0,t.jsx)("span",{className:r,style:a.image?.width&&a.image.height?{aspectRatio:`${a.image.width} / ${a.image.height}`}:void 0,children:a.image?(0,t.jsx)(m.MediaAsset,{autoPlay:e,media:a.image,priority:!1,profile:"gallery"}):(0,t.jsx)("span",{children:a.title})},a.id))}function p({brief:e,detailsLabel:a,index:i,locale:l,onLinkClick:n,state:s}){return(0,t.jsxs)("article",{className:`mobile-work-card mobile-work-card--${i+1} brief-dialog__deck-card is-${s}`,"data-deck-state":s,inert:"active"!==s,children:[(0,t.jsxs)(o.default,{"aria-label":`${a}

1: ${e.title}`,className:"mobile-work-card__link",href:(0,h.projectContentPath)(e.project,l),onClick:n,onDragStart:e=>e.preventDefault(),children:[(0,t.jsx)("span",{className:"mobile-work-card__media",children:e.image?(0,t.jsx)(m.MediaAsset,{autoPlay:!1,media:e.image,priority:!1,profile:"hero"}):(0,t.jsx)("span",{className:"mobile-work-card__fallback",children:e.project.title})}),(0,t.jsxs)("div",{className:"mobile-work-card__copy",children:[(0,t.jsx)("h2",{children:e.title}),(0,t.jsx)("p",{className:"mobile-work-card__description",children:e.body.trim()}),(0,t.jsxs)("span",{className:"mobile-work-card__cta",children:[a,(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})]}),(0,t.jsx)("span",{"aria-hidden":"true",className:"mobile-work-card__halftone"})]})}function g({brief:e,index:a,locale:i,viewMoreLabel:l}){return(0,t.jsxs)("article",{className:"brief-dialog__mobile-panel","data-brief-id":e.id,"data-mobile-panel-index":a,children:[(0,t.jsx)("span",{"aria-hidden":"true",className:"brief-dialog__foil"}),(0,t.jsx)("span",{className:"brief-dialog__canvas",children:e.image?(0,t.jsx)("span",{className:"brief-dialog__media",children:(0,t.jsx)(m.MediaAsset,{media:e.image,priority:!1,profile:"hero"})}):(0,t.jsx)("span",{className:"brief-dialog__fallback",children:e.project.title})}),(0,t.jsxs)("span",{className:"brief-dialog__details",children:[(0,t.jsx)("span",{className:"brief-dialog__heading",children:(0,t.jsx)("span",{className:"brief-dialog__title",children:e.title})}),(0,t.jsx)("span",{className:"brief-dialog__body",children:e.body.trim()})]}),(0,t.jsxs)(o.default,{"aria-label":`${l}: ${e.title}`,className:"brief-dialog__view-more",href:(0,h.projectContentPath)(e.project,i),children:[l,(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})}function w({activeBriefID:e,briefs:a,ctaHref:i,locale:l,onOpenBrief:n}){let s=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let e=s.current;if(!e||!("IntersectionObserver"in window))return;let t=window.matchMedia("(max-width: 760px)"),r=window.matchMedia("(prefers-reduced-motion: reduce)"),a=[...e.querySelectorAll(".mobile-work-card")],i=new Set,l=new Set,n=[],o=()=>{for(let e of a)for(let a of e.querySelectorAll("video"))t.matches&&!r.matches&&i.has(e)&&"visible"===document.visibilityState?a.play().catch(()=>void 0):a.pause();(r.matches||!t.matches)&&n.forEach(e=>e.cancel())},c=new IntersectionObserver(e=>{for(let o of e)o.isIntersecting?i.add(o.target):i.delete(o.target),!(!o.isIntersecting||!t.matches||l.has(o.target))&&(l.add(o.target),r.matches||o.target===a[0]||n.push(o.target.animate([{transform:"translateY(12px)"},{transform:"translateY(0)"}],{duration:380,easing:"cubic-bezier(0.16, 1, 0.3, 1)"})));o()},{threshold:.12});return a.forEach(e=>c.observe(e)),t.addEventListener("change",o),r.addEventListener("change",o),document.addEventListener("visibilitychange",o),()=>{c.disconnect(),n.forEach(e=>e.cancel()),t.removeEventListener("change",o),r.removeEventListener("change",o),document.removeEventListener("visibilitychange",o),a.forEach(e=>e.querySelectorAll("video").forEach(e=>e.pause()))}},[a]),(0,t.jsxs)("div",{"aria-label":"kr"===l?"모바일 대표 작업":"Mobile selected work",className:"mobile-work-showcase shell",ref:s,role:"group",children:[(0,t.jsx)("div",{className:"mobile-work-deck",children:a.map((r,a)=>(0,t.jsx)("article",{className:"mobile-work-card",children:(0,t.jsx)("button",{"aria-expanded":e===r.id,"aria-haspopup":"dialog","aria-label":`${r.project.title}: ${r.title}`,className:"mobile-work-thumbnail","data-brief-id":r.id,onClick:e=>n(r.id,e.currentTarget),type:"button",children:(0,t.jsx)("span",{className:"mobile-work-card__media",children:r.image?(0,t.jsx)(m.MediaAsset,{autoPlay:!1,media:r.image,priority:0===a,profile:"content"}):(0,t.jsx)("span",{className:"mobile-work-card__fallback",children:r.project.title})})})},r.id))}),(0,t.jsxs)(o.default,{className:"button mobile-work-see-all",href:i,children:["kr"===l?"전체 작업 보기":"See all works",(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})}let b=e=>{let t=0;for(let r of`${e.id}-${e.slug}`)t=(31*t+r.charCodeAt(0))%997;return t},x=e=>e instanceof HTMLElement&&e.matches(".brief-dialog, .brief-dialog__surface, .brief-dialog__mobile-scroll, .brief-dialog__desktop, .brief-dialog__deck-stage, .brief-dialog__deck-footer");e.s(["BriefDeck",0,function({briefs:e,ctaHref:a,locale:h,workProjects:y=[]}){let _=(0,s.useRouter)(),[k,v]=(0,c.useState)(null),[j,N]=(0,c.useState)(!1),M=(0,c.useMemo)(()=>e.slice(0,3),[e]),C=M.length+1,E=M.length,$=null!==k,R=null===k?null:M[k]??null,S=(0,c.useRef)(null),P=(0,c.useRef)(null),A=(0,c.useRef)(null),T=(0,c.useRef)(!1),L=(0,c.useRef)(null),I=(0,c.useRef)(null),F=(0,c.useRef)(null),D=(0,c.useRef)(!1),q=(0,c.useRef)(!1),B=(0,c.useRef)(null),Y=(0,

1c.useRef)(null),z=(0,c.useRef)(null),H="kr"===h?"자세히 보기":"View more",X="kr"===h?"자세히 보기":"See details",O="kr"===h?"전체 작업 보기":"See all works",W=(0,c.useMemo)(()=>{let e=new Set,t=[...y].sort((e,t)=>b(e)-b(t)).flatMap(t=>{let r=(0,u.projectPrimaryMedia)(t);if(!(0,d.isMedia)(r))return[];let a=r.url||r.filename||String(r.id);return e.has(a)?[]:(e.add(a),[{id:t.id,image:r,title:t.title}])}).slice(0,6);return t.length?t:M.map(e=>({id:e.id,image:e.image,title:e.project.title}))},[M,y]),K=M[0]?.id,U=M.find(e=>["figma-plugin-evolution","lottiefiles-plugin-ecosystem"].includes(e.project.slug)),V=(0,c.useCallback)((e,t)=>{if(null!==L.current&&window.clearTimeout(L.current),T.current=!1,q.current=!1,N(!1),!S.current?.open){let e=document.activeElement;B.current=t??B.current??(e instanceof HTMLElement&&e!==document.body?e:null)}v(Math.max(0,M.findIndex(t=>t.id===e)))},[M]);(0,c.useEffect)(()=>{let e=()=>{"#lottiefiles"===window.location.hash.toLowerCase()&&U&&window.requestAnimationFrame(()=>V(U.id))},t=e=>{let t=e.target instanceof Element?e.target.closest('a[href$="#lottiefiles"]'):null;t&&!S.current?.open&&(B.current=t)};return e(),window.addEventListener("hashchange",e),document.addEventListener("click",t,!0),()=>{window.removeEventListener("hashchange",e),document.removeEventListener("click",t,!0)}},[U,V]),(0,c.useEffect)(()=>{let e=S.current;null!==k&&e&&!e.open&&(e.showModal(),e.focus({preventScroll:!0})),null!==k&&window.matchMedia("(max-width: 760px)").matches&&window.requestAnimationFrame(()=>{A.current?.querySelector(`[data-mobile-panel-index="${k}"]`)?.scrollIntoView({block:"center"})})},[k]),(0,c.useEffect)(()=>{let e=P.current;if(null===k||!e)return;let t=[...e.querySelectorAll(".brief-dialog__deck-card")],r=window.matchMedia("(prefers-reduced-motion: reduce)").matches;t.forEach((e,t)=>{e.querySelectorAll("video").forEach(e=>{t!==k||r?e.pause():e.play().catch(()=>void 0)})});let a=document.activeElement;S.current?.open&&(!a||a===document.body||a.closest("[inert]"))&&t[k]?.querySelector(".mobile-work-card__link")?.focus({preventScroll:!0})},[k]),(0,c.useEffect)(()=>()=>{null!==L.current&&window.clearTimeout(L.current),null!==I.current&&window.clearTimeout(I.current)},[]);let G=({revealCareer:e=!1}={})=>{let t=S.current;if(t?.open&&!T.current){if(q.current=e,window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void t.close();T.current=!0,N(!0),L.current=window.setTimeout(()=>t.close(),260)}},J=(0,c.useCallback)(e=>{v(t=>null===t?t:(t+e+C)%C)},[C]);(0,c.useEffect)(()=>{let e=P.current;if(!$||!e)return;let t=e=>{32>Math.abs(e.deltaX)||Math.abs(e.deltaX)<=Math.abs(e.deltaY)||(e.preventDefault(),null===I.current&&(J(e.deltaX>0?1:-1),I.current=window.setTimeout(()=>{I.current=null},460)))};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[$,J]);let Q=()=>{let e=A.current;return!!(e&&e.scrollTop+e.clientHeight>=e.scrollHeight-8)},Z=()=>{Q()&&G({revealCareer:!0})},ee=e=>{D.current&&e.preventDefault()},et=e=>{let t=(e-(k??0)+C)%C;return 0===t?"active":1===t?"after":"before"},er=[...M.map(e=>e.title),O];return(0,t.jsxs)("section",{"aria-label":"kr"===h?"선별한 대표 작업":"Selected work",className:"brief-showcase",id:"lottiefiles",children:[(0,t.jsx)("div",{className:"brief-deck shell",children:(0,t.jsx)("div",{className:"brief-deck__list",children:M.map((e,r)=>{let a=k===r;return(0,t.jsx)("article",{className:`brief-card${a?" is-active":""}${e.image?"":" brief-card--text"}`,"data-active":a?"true":"false",children:(0,t.jsx)("button",{"aria-expanded":a,"aria-haspopup":"dialog","aria-label":`${e.project.title}: ${e.title}`,className:"brief-card__trigger",onClick:t=>V(e.id,t.currentTarget),type:"button",children:e.image?(0,t.jsx)("span",{className:"brief-card__media",children:(0,t.jsx)(m.MediaAsset,{media:e.image,priority:!0,profile:"hero"})}):(0,t.jsx)("span",{className:"brief-card__fallback",children:e.project.title})})},e.id)})})}),(0,t.jsx)(w,{activeBriefID:R?.id??null,briefs:M,ctaHref:a,locale:h,onOpenBrief:V}),$&&(0,t.jsxs)("dialog",{"aria-label":R?`${R.project.title}: ${R.title}`:O,className:`brief-dialog${j?" is-closing":""}`,id:"brief-project-dialog",onCancel:e=>{e.preventDefault(),G()},onClick:e=>{let t=z.current;z.current=null,!x(e.target)||t&&(!t.backdrop||Math.hypot(e.clientX-t.x,e.clientY-t.y)>8)||G()},onClose:()=>{null!==L.current&&window.clearTimeout(L.current),L.current=null,T.current=!1,N(!1);let e=q.current;q.current=!1;let t=B.current;B.current=null,v(null),"#lottiefiles"===window.location.hash.toLowerCase()&&window.history.replaceState(window.history.state,"",`${window.location.pathname}${window.location.search}`),window.requestAnimationFrame(()=>{if(e)return void document.getElementById("work-experience")?.scrollIntoView({behavior:"smooth",block:"start"});if(t?.isConnected&&t.getClientRects().length)return void t.focus({preventScroll:!0});let r=[...document.querySelectorAll(".brief-showcase__cta, .mobile-work-thumbn

1ail")].find(e=>e.getClientRects().length);r?.focus({preventScroll:!0})})},onKeyDown:e=>{window.matchMedia("(max-width: 760px)").matches||("ArrowLeft"===e.key&&(e.preventDefault(),J(-1)),"ArrowRight"===e.key&&(e.preventDefault(),J(1)))},onPointerDownCapture:e=>{z.current={backdrop:x(e.target),x:e.clientX,y:e.clientY}},ref:S,tabIndex:-1,children:[(0,t.jsx)("button",{"aria-label":"kr"===h?"프로젝트 닫기":"Close project",className:"brief-dialog__close",onClick:()=>G(),type:"button",children:(0,t.jsx)(n.X,{"aria-hidden":"true"})}),(0,t.jsxs)("div",{className:"brief-dialog__surface",children:[(0,t.jsxs)("div",{className:"brief-dialog__desktop",children:[(0,t.jsxs)("div",{"aria-label":"kr"===h?"대표 프로젝트 카드 덱":"Selected project card deck","aria-roledescription":"kr"===h?"캐러셀":"carousel",className:"brief-dialog__deck-stage",onPointerCancel:e=>{F.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)},onPointerDown:e=>{let t=e.target;0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||t.closest("button")||(F.current={href:t.closest("a[href]")?.getAttribute("href")??null,pointerID:e.pointerId,x:e.clientX,y:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerLeave:()=>{let e=P.current;e&&(e.style.setProperty("--brief-deck-rotate-x","0deg"),e.style.setProperty("--brief-deck-rotate-y","0deg"))},onPointerMove:e=>{if("touch"===e.pointerType)return;let t=e.currentTarget.getBoundingClientRect(),r=Math.max(-1,Math.min(1,((e.clientX-t.left)/t.width-.5)*2)),a=Math.max(-1,Math.min(1,((e.clientY-t.top)/t.height-.5)*2));e.currentTarget.style.setProperty("--brief-deck-rotate-x",`${(-(2.2*a)).toFixed(2)}deg`),e.currentTarget.style.setProperty("--brief-deck-rotate-y",`${(3.2*r).toFixed(2)}deg`)},onPointerUp:e=>{let t=F.current;if(F.current=null,!t||t.pointerID!==e.pointerId)return;e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId);let r=e.clientX-t.x,a=e.clientY-t.y;if(52>Math.abs(r)||Math.abs(r)<1.15*Math.abs(a)){t.href&&(D.current=!0,_.push(t.href),window.setTimeout(()=>{D.current=!1},0));return}D.current=!0,J(r<0?1:-1),window.setTimeout(()=>{D.current=!1},0)},ref:P,role:"region",children:[M.map((e,r)=>(0,t.jsx)(p,{brief:e,detailsLabel:X,index:r,locale:h,onLinkClick:ee,state:et(r)},e.id)),(0,t.jsxs)("article",{className:`mobile-work-card mobile-work-card--all brief-dialog__deck-card is-${et(E)}`,"data-deck-state":et(E),inert:k!==E,children:[(0,t.jsx)(o.default,{"aria-label":O,className:"mobile-work-card__link mobile-work-card__link--all",href:a,onClick:ee,onDragStart:e=>e.preventDefault(),children:(0,t.jsxs)("div",{className:"mobile-work-all",children:[(0,t.jsx)("div",{"aria-hidden":"true",className:"mobile-work-all__collage",children:(0,t.jsx)(f,{autoPlay:!1,itemClassName:"mobile-work-all__preview",items:W})}),(0,t.jsxs)("span",{className:"mobile-work-all__cta",children:[O,(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})}),(0,t.jsx)("span",{"aria-hidden":"true",className:"mobile-work-card__halftone"})]}),(0,t.jsx)("button",{"aria-label":"kr"===h?"이전 프로젝트":"Previous project",className:"brief-dialog__nav brief-dialog__nav--previous",onClick:()=>J(-1),type:"button",children:(0,t.jsx)(i,{"aria-hidden":"true"})}),(0,t.jsx)("button",{"aria-label":"kr"===h?"다음 프로젝트":"Next project",className:"brief-dialog__nav brief-dialog__nav--next",onClick:()=>J(1),type:"button",children:(0,t.jsx)(l,{"aria-hidden":"true"})})]}),(0,t.jsxs)("div",{className:"brief-dialog__deck-footer",children:[(0,t.jsx)("nav",{"aria-label":"kr"===h?"대표 작업 페이지":"Selected work pages",className:"brief-dialog__pagination",children:er.map((e,r)=>{let a=k===r;return(0,t.jsx)("button",{"aria-current":a?"true":void 0,"aria-label":`${r+1}: ${e}`,className:`brief-dialog__pagination-dot${a?" is-active":""}`,onClick:()=>v(r),type:"button"},`${r}-${e}`)})}),(0,t.jsx)("p",{"aria-live":"polite",className:"sr-only",children:`${(k??0)+1} / ${C}`})]})]}),(0,t.jsxs)("div",{"aria-label":"kr"===h?"대표 작업":"Selected work",className:"brief-dialog__mobile-scroll",onTouchEnd:e=>{let t=e.changedTouches[0],r=Y.current;Y.current=null,r?.atEnd&&t&&r.y-t.clientY>24&&Z()},onTouchStart:e=>{let t=e.touches[0];t&&(Y.current={atEnd:Q(),y:t.clientY})},onWheel:e=>{e.deltaY>0&&Z()},ref:A,role:"region",children:[M.map((e,r)=>(0,t.jsx)(g,{brief:e,index:r,locale:h,viewMoreLabel:H},e.id)),(0,t.jsx)("section",{className:"brief-dialog__mobile-panel brief-dialog__mobile-panel--all","data-mobile-panel-index":M.length,children:(0,t.jsxs)("div",{"aria-label":"kr"===h?"전체 작업 미리보기":"All work preview",className:"brief-dialog__all-works-index",role:"group",children:[(0,t.jsx)("div",{"aria-hidden":"true",className:"brief-dialog__all-works-previews",children:(0,t.jsx)(f,{itemClassName:"brief-dialog__all-works-preview",items:W})}),(0,t.jsxs)(o.default,{className:"brief-dialog__all-works",href:a,children:["kr"===h?"전체 작업 보기":"See all work",(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})})]})]})]}),K&&(0,t.jsxs)("button",{className:"button brief-showcase__cta",onClick:e=>V(K,e.currentTarget),type:"button",children:[X,(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})}],382717)},147621,e=>{"use strict";var t=e.i(415575),r=e.i(206246);let a=(0,e.i(964234).default)("arrow-up-right",[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]]);var i=e.i(300231),l=e.i(300255),n=e.i(457286),o=e.i(109084);let s=(e,t)=>{let r=0;for(let a=1;a<=t;a+=1){let t=e[a-1],i=e[a];t&&i&&(r+=t.offsetHeight,r+=Number.parseFloat(window.getComputedStyle(i).marginTop)||0)}return r},c={"Friends of Figma Seoul":{href:"https://friends.figma.com/seoul/"},LottieFiles:{href:"https://lottiefiles.com/"},WantedLab:{href:"https://www.wantedlab.com/"},Buzzvil:{href:"https://www.buzzvil.com/"}},d={"Friends of Figma Seoul":"/assets/company-logos/friends-of-figma-seoul.png",LottieFiles:"/assets/company-logos/lottiefiles.png",WantedLab:"/assets/company-logos/wantedlab.png",Buzzvil:"/assets/company-logos/buzzvil.png",DICO:"/assets/company-logos/dico.png"},u=([e,t,r])=>.2126*e+.7152*t+.0722*r;function m({company:e}){let r=d[e];return(0,t.jsx)("span",{className:"home-career__logo-frame","data-company":e,children:r?(0,t.jsx)(i.default,{alt:"",className:"home-career__logo-image",height:360,src:r,width:360}):(0,t.jsx)("span",{className:"home-career__logo-fallback",children:e})})}e.s(["HomeCareer",0,function({items:e,locale:i,title:d}

1){let[h,f]=(0,n.useState)(0),p=(0,n.useRef)([]);if((0,n.useEffect)(()=>{let e=p.current.filter(e=>!!e);if(!e.length)return;let t=e[0]?.closest(".home-career__timeline"),r=t?.closest(".home-career"),a=window.matchMedia("(max-width: 760px)"),i=0,l=()=>{i=0;let l=.48*window.innerHeight,n=e.length-1,o=a.matches&&t?Math.max(0,window.scrollY-(t.getBoundingClientRect().top+window.scrollY+s(e,n)-(Number.parseFloat(window.getComputedStyle(e[n]).top)||0))):0,c=Math.min(1,o/Math.max(320,.46*window.innerHeight)),d=e[n],u=o>=(Number.parseFloat(window.getComputedStyle(d).top)||0)+d.offsetHeight,m=c*c*(3-2*c)>.001&&!u;r&&(r.dataset.stackExiting=m?"true":"false"),document.documentElement.dataset.careerStackExiting=m?"true":"false";let h=0,p=1/0;e.forEach((e,t)=>{let r=e.getBoundingClientRect(),a=r.top+r.height/2,i=Math.abs(a-l),s=Math.max(-1,Math.min(1,(a-l)/(.7*window.innerHeight))),c=1-Math.min(1,Math.abs(s));e.style.setProperty("--career-card-tilt-x",`${(-s*c*.72).toFixed(3)}deg`),e.style.setProperty("--career-card-tilt-y",`${((t%2?1:-1)*c*.28).toFixed(3)}deg`),e.style.setProperty("--career-card-sweep",`${(50-46*s).toFixed(2)}%`),e.style.setProperty("--career-card-stack-compensation-y",`${(-Math.min(o,(n-t)*18)).toFixed(2)}px`),i<p&&(p=i,h=t)}),f(h)},n=()=>{i||(i=window.requestAnimationFrame(l))};return l(),window.addEventListener("resize",n),window.addEventListener("scroll",n,{passive:!0}),()=>{i&&window.cancelAnimationFrame(i),window.removeEventListener("resize",n),window.removeEventListener("scroll",n),r?.removeAttribute("data-stack-exiting"),document.documentElement.removeAttribute("data-career-stack-exiting"),e.forEach(e=>{e.style.removeProperty("--career-card-stack-compensation-y")})}},[e?.length]),(0,n.useEffect)(()=>{let e=!1,t=p.current.filter(e=>!!e),r=[];return t.forEach(t=>{let a=t.querySelector(".home-career__logo-image");if(!a)return;let i=()=>{if(e)return;let r=((e,t)=>{if(!e.naturalWidth||!e.naturalHeight)return null;let r=document.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0});if(!a)return null;let i=56/Math.max(e.naturalWidth,e.naturalHeight);r.width=Math.max(1,Math.round(e.naturalWidth*i)),r.height=Math.max(1,Math.round(e.naturalHeight*i));try{a.drawImage(e,0,0,r.width,r.height)}catch{return null}let l=a.getImageData(0,0,r.width,r.height).data,n=new Map;for(let e=0;e<l.length;e+=4){let t=l[e]||0,r=l[e+1]||0,a=l[e+2]||0;if(180>(l[e+3]||0))continue;let i=Math.max(t,r,a),o=i-Math.min(t,r,a),s=.2126*t+.7152*r+.0722*a,c=o/Math.max(1,i);if(s<38||s>224||o<24||c<.2)continue;let d=`${t>>4}-${r>>4}-${a>>4}`,u=.4+1.6*c,m=n.get(d)||{blue:0,green:0,red:0,weight:0};m.red+=t*u,m.green+=r*u,m.blue+=a*u,m.weight+=u,n.set(d,m)}let o=[...n.values()].sort((e,t)=>t.weight-e.weight).slice(0,16).map(e=>[Math.round(e.red/e.weight),Math.round(e.green/e.weight),Math.round(e.blue/e.weight)]);return o.length?"Friends of Figma Seoul"===t?o.filter(([e,t,r])=>t>e+48&&t>r+24)[0]||[...o].sort((e,t)=>u(t)-u(e))[0]||null:"WantedLab"===t?o.filter(([e,t,r])=>r>e+36&&r>t+8)[0]||o[0]||null:o[0]||null:null})(a,t.dataset.company||"");if(r){let e;t.style.setProperty("--career-card-accent",(e=Math.max(0,Math.min(.42,(118-u(r))/170)),r.map(t=>Math.round(t+(255-t)*e))).join(" ")),t.dataset.accent=`rgb(${r.join(" ")})`}};a.complete&&a.naturalWidth?i():(a.addEventListener("load",i,{once:!0}),r.push({applyAccent:i,image:a}))}),()=>{e=!0,r.forEach(({applyAccent:e,image:t})=>t.removeEventListener("load",e))}},[e]),!e?.length)return null;let g=o.localeLabels[i],w=(0,o.withLocale)(i,"/work"),b="en"===i?"Work experience":d,x="kr"===i&&b?.includes("글로벌 창작 도구까지,")?b.indexOf("글로벌 창작 도구까지,")+12:-1;return(0,t.jsxs)("section",{"aria-label":b?void 0:"kr"===i?"경력":"Experience","aria-labelledby":b?"home-career-title":void 0,className:"home-career",id:"work-experience",children:[(0,t.jsx)("header",{className:"home-career__intro shell",children:b&&(0,t.jsx)("h2",{id:"home-career-title",children:x>-1?(0,t.jsxs)(t.Fragment,{children:[b.slice(0,x),(0,t.jsx)("br",{className:"home-career__title-break"}),b.slice(x).trimStart()]}):b})}),(0,t.jsx)("div",{className:"home-career__body shell",children:(0,t.jsx)("ol",{className:"home-career__timeline",children:e.map((e,n)=>(0,t.jsxs)("li",{"data-active":n===h,"data-company":e.company,onFocusCapture:()=>f(n),onPointerEnter:()=>f(n),ref:e=>{p.current[n]=e},style:{"--career-card-stack-order":n+1,"--career-card-stack-y":`${18*n}px`},children:[(0,t.jsx)("button",{"aria-label":"kr"===i?`${e.company} 경력 카드 다시 보기`:`Bring ${e.company} card into view`,className:"home-career__stack-tab",onClick:()=>(e=>{let t=p.current[e],r=t?.closest(".home-career__timeline");if(!t||!r||!window.matchMedia("(max-width: 760px)").matches)return;let a=Number.parseFloat(window.getComputedStyle(t).top)||0,i=r.getBoundingClientRect().top+window.scrollY+s(p.current,e)-a;f(e),window.scrollTo({behavior:window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth",top:Math.max(0,i)})})(n),type:"button"}),(0,t.jsx)("span",{"aria-hidden":"true",className:"home-career__company-logo",children:(0,t.jsx)(m,{company:e.company})}),(0,t.jsx)("span",{"aria-hidden":"true",className:"home-career__dot"}),(0,t.jsxs)("div",{className:"home-career__identity",children:[(0,t.jsx)("div",{className:"home-career__company-heading",children:(0,t.jsx)("h3",{children:"DICO"===e.company?(0,t.jsx)(l.default,{className:"home-career__company-link",href:`${w}/dico`,children:e.company}):c[e.company]?(0,t.jsxs)("a",{className:"home-career__company-link",href:c[e.company].href,rel:"noreferrer",target:"_blank",children:[(0,t.jsx)("span",{children:e.company}),(0,t.jsx)(a,{"aria-hidden":"true"})]}):e.company})}),(0,t.jsx)("p",{className:"home-career__role",children:e.role}),(0,t.jsx)("p",{className:"home-career__period",children:e.period})]}),(0,t.jsxs)("div",{className:"home-career__summary",children:[(0,t.jsx)("p",{children:e.summary}),"DICO"===e.company?(0,t.jsxs)(l.default,{className:"home-career__link home-career__link--mobile-only",href:`${w}/dico`,children:["kr"===i?"자세히 보기":"See details",(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]}):"Friends of Figma Seoul"===e.company?(0,t.jsxs)("a",{className:"home-career__link home-career__link--mobile-only",href:c[e.company].href,rel:"noreferrer",target:"_blank",children:["kr"===i?"커뮤니티 보기":"Visit community",(0,t.jsx)(a,{"aria-hidden":"true"})]}):(0,t.jsxs)(l.default,{className:"home-career__link",href:`${w}?company=${encodeURIComponent(e.company)}`,children:[g.relatedWork,(0,t.jsx)(r.ArrowRight,{"aria-hidden":"true"})]})]})]},e.id||`${e.period}-${e.company}`))})})]})}],147621)},301543,e=>{"use strict";var t=e.i(415575),r=e.i(300231),a=e.i(457286);e.s(["PracticeSticker",0,function({kind:e,label:i,locale:l,rotation:n=0}){let o=(0,a.useRef)(null),s=(0,a.useRef)(null),c=(0,a.useRef)({x:0,y:0}),d=(0,a.useRef)({x:0,y:0}),u=(0,a.useRef)(null),[m,h]=(0,a.useState)(!1),f=(0,a.useRef)(!1),p=`/assets/practice/${e}-rest.webp`,g=`/assets/practice/${e}-lift.webp`,w=(0,a.useCallback)(()=>{!window.matchMedia("(prefers-reduced-motion: reduce)").matches&&window.matchMedia("(pointer: coarse)").matches&&navigator.vibrate?.(8)},[]),b=e=>

1{let t=o.current,r=t?.closest(".home-practice");if(!t||!r||!s.current)return;let a=r.getBoundingClientRect(),i=t.getBoundingClientRect(),l=Math.max(a.left+16-i.left,Math.min(e.x,a.right-16-i.right)),n=Math.max(a.top+16-i.top,Math.min(e.y,a.bottom-16-i.bottom));c.current={x:l,y:n},s.current.style.setProperty("--sticker-x",`${l}px`),s.current.style.setProperty("--sticker-y",`${n}px`)},x=()=>{d.current={...c.current},f.current=!0,h(!0),w()},y=(0,a.useCallback)(()=>{f.current=!1,h(!1),w()},[w]);(0,a.useEffect)(()=>{let e=o.current,t=e?.closest(".home-practice");if(!e||!t)return;let r=new ResizeObserver(()=>b(c.current));return r.observe(t),()=>r.disconnect()},[]),(0,a.useEffect)(()=>{if(!m)return;let e=o.current?.closest(".home-practice"),t=e=>{if(!(e instanceof window.PointerEvent)||u.current)return;let t=e.target;if(!(t instanceof Element)||t.closest("a, button, input"))return;let r=o.current?.getBoundingClientRect();r&&(b({x:e.clientX-r.left-r.width/2,y:e.clientY-r.top-r.height/2}),y())};return e?.addEventListener("pointerdown",t),()=>e?.removeEventListener("pointerdown",t)},[m,y]);let _=()=>{(u.current||f.current)&&(b(d.current),u.current=null,f.current=!1,h(!1))};return(0,t.jsx)("span",{className:"practice-sticker-slot",ref:o,children:(0,t.jsx)("button",{"aria-describedby":"practice-sticker-help","aria-label":"kr"===l?`${i} 스티커`:`${i} sticker`,"aria-pressed":m,className:"practice-sticker","data-kind":e,"data-lifted":m,onBlur:_,onClick:e=>{0===e.detail&&(m?y():x())},onKeyDown:e=>{if("Escape"===e.key){e.preventDefault(),_();return}if("Home"===e.key){e.preventDefault(),b({x:0,y:0}),y();return}if(!m)return;let t=e.shiftKey?24:8,r={ArrowLeft:{x:-t,y:0},ArrowRight:{x:t,y:0},ArrowUp:{x:0,y:-t},ArrowDown:{x:0,y:t}}[e.key];r&&(e.preventDefault(),b({x:c.current.x+r.x,y:c.current.y+r.y}))},onLostPointerCapture:()=>{u.current&&_()},onPointerCancel:_,onPointerDown:e=>{e.isPrimary&&0===e.button&&!u.current&&(e.stopPropagation(),e.currentTarget.setPointerCapture(e.pointerId),u.current={id:e.pointerId,start:{x:e.clientX,y:e.clientY},origin:{...c.current},wasLifted:m,moved:!1},m||x())},onPointerMove:e=>{let t=e.currentTarget.getBoundingClientRect();e.currentTarget.style.setProperty("--sticker-glint-x",`${(e.clientX-t.left)/t.width*100}%`),e.currentTarget.style.setProperty("--sticker-glint-y",`${(e.clientY-t.top)/t.height*100}%`);let r=u.current;if(!r||r.id!==e.pointerId)return;let a=e.clientX-r.start.x,i=e.clientY-r.start.y;Math.hypot(a,i)>4&&(r.moved=!0),r.moved&&b({x:r.origin.x+a,y:r.origin.y+i})},onPointerUp:e=>{let t=u.current;t&&t.id===e.pointerId&&(u.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),(t.moved||t.wasLifted)&&y())},ref:s,style:{"--sticker-rotation":`${n}deg`,"--sticker-mask":`url("${m?g:p}")`},title:"kr"===l?"스티커 옮기기":"Move sticker",type:"button",children:(0,t.jsxs)("span",{className:"practice-sticker__surface",children:[(0,t.jsx)(r.default,{alt:"","aria-hidden":"true",className:"practice-sticker__rest",draggable:!1,height:448,loading:"eager",src:p,unoptimized:!0,width:448}),(0,t.jsx)(r.default,{alt:"","aria-hidden":"true",className:"practice-sticker__lift",draggable:!1,height:448,loading:"eager",src:g,unoptimized:!0,width:448}),(0,t.jsx)("span",{"aria-hidden":"true",className:"practice-sticker__foil"})]})})})}])},274160,e=>{"use strict";var t=e.i(457286);e.s(["HomeScrollReveal",0,function(){return(0,t.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=Array.from(document.querySelectorAll(".home-main > :is(.home-hero, section)"));if(!e.length)return;let t=()=>{for(let t of e)t.dataset.scrollReveal="revealed"};for(let t of e)t.dataset.scrollReveal="ready";let r=window.setTimeout(t,1600);if(!("IntersectionObserver"in window))return t(),()=>window.clearTimeout(r);let a=new IntersectionObserver(e=>{for(let t of e){if(!t.isIntersecting)continue;let e=t.target;e.dataset.scrollReveal="revealed",a.unobserve(e)}},{rootMargin:"0px 0px -8% 0px",threshold:.06}),i=window.requestAnimationFrame(()=>{for(let t of e)a.observe(t)});return()=>{window.cancelAnimationFrame(i),window.clearTimeout(r),a.disconnect()}},[]),null}])}]);