1/*! For license information please see [slug]-e61fc54af70c848e.js.LICENSE.txt */ 2(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{5400:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/works/[slug]",function(){return e(1093)}])},8116:function(n,t,e){"use strict";e.d(t,{Z:function(){return g}});var i=e(1262),r=e(4122),o=e(8467),c=e(7883),l=e(3314),a=e(7698),u=e(9309),s=e(2801),d=e(1490),h=e(7793);function f(){const n=(0,i._)(["\n font-size: ",";\n letter-spacing: ",";\n color: inherit;\n text-decoration: none;\n "]);return f=function(){return n},n}function p(){const n=(0,i._)(["\n font-family: ",";\n "]);return p=function(){return n},n}function m(){const n=(0,i._)(["\n display: inline-block;\n color: inherit;\n "]);return m=function(){return n},n}function g(n){const t=(0,h.useRouter)(),e=(0,s.E)(),i=(0,s.E)();function g(){e.start("initial"),i.start("initial")}return(0,r.tZ)(d.E.button,{type:"button",css:(0,u.iv)(f(),(0,l.Q1)(20),a.cp.letterSpacingWide),transition:a.eR.default,variants:{initial:{opacity:0}
2,show:{opacity:1}},initial:"initial",whileInView:"show",viewport:a.Pj.default,onHoverStart:function(){e.start("hover"),i.start("hover")},onHoverEnd:g,onTapStart:function(){e.start("tap"),i.start("hover")},onTapCancel:g,onClick:function(){t.back()},...n,"aria-label":"Back",children:(0,r.BX)(c.Z,{direction:"row",children:[(0,r.tZ)(d.E.span,{css:(0,u.iv)(p(),a.cp.fontFamilyEmoji),transition:a.eR.spring,variants:{initial:{x:0},hover:{x:(0,l.Q1)(-4)},tap:{x:(0,l.Q1)(2)}},animate:e,"aria-hidden":"true",children:"ð"}),(0,r.tZ)(o.Z,{x:(0,l.Q1)(8)}),(0,r.tZ)(d.E.span,{css:(0,u.iv)(m()),transition:a.eR.quick,variants:{initial:{fontVariationSettings:"'wght' 400, 'slnt' 0"},hover:{fontVariationSettings:"'wght' 900, 'slnt' -10"}},animate:i,children:"Back"})]})})}},6543:function(n,t,e){"use strict";e.d(t,{Z:function(){return u}});var i=e(1262),r=e(4122),o=e(7698),c=e(9309);function l(){const n=(0,i._)(["\n display: grid;\n grid-gap: ",";\n grid-template-columns: ",";\n align-items: flex-start;\n "]);return l=function(){return n},n}function a(){const n=(0,i._)(["\n max-width: ",";\n margin-inline: auto;\n "]);return a=function(){return n},n}function u(n){let{inset:t,autoFit:e=!0,columns:i=12,children:u,...s}=n;return(0,r.tZ)("div",{css:[(0,c.iv)(l(),o.W0.grid,e?"repeat(auto-fit, minmax(0, 1fr))":"repeat(".concat(i,", 1fr)")),t&&(0,c.iv)(a(),o.kk.worksContent)],...s,children:u})}},2914:function(n,t,e){"use strict";e.d(t,{Z:function(){return s}});var i=e(1262),r=e(4122),o=e(7698),c=e(9309),l=e(1490);function a(){const n=(0,i._)(["\n line-height: ",";\n "]);return a=function(){return n},n}function u(){const n=(0,i._)(["\n max-width: ",";\n margin-inline: auto;\n "]);return u=function(){return n},n}function s(n){let{inset:t,children:e,...i}=n;return(0,r.tZ)(l.E.p,{css:[(0,c.iv)(a(),o.cp.lineHeightBase),t&&(0,c.iv)(u(),o.kk.worksContent)],transition:o.eR.default,variants:{initial:{opacity:0}
2,show:{opacity:1}},initial:"initial",whileInView:"show",viewport:o.Pj.default,...i,children:e})}},1093:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSG:function(){return nn},default:function(){return tn}});var i={};e.r(i),e.d(i,{MDXContext:function(){return I},MDXProvider:function(){return P},useMDXComponents:function(){return j},withMDXComponents:function(){return R}});var r=e(1262),o=e(4122),c=e(8116),l=e(2473),a=e(8724),u=e(7925),s=e(4945),d=e(6249),h=e(7698),f=e(9309);function p(){const n=(0,r._)(["\n columns: 1;\n column-gap: ",";\n\n & > * {\n margin-top: ",";\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n @media (",") {\n columns: 2;\n\n & > * {\n margin-top: 1em;\n }\n }\n "]);return p=function(){return n},n}function m(){const n=(0,r._)(["\n max-width: ",";\n margin-inline: auto;\n "]);return m=function(){return n},n}function g(n){let{inset:t,children:e,...i}=n;return(0,o.tZ)("div",{css:[(0,f.iv)(p(),h.W0.grid,h.W0.paragraph,h.cy.lg),t&&(0,f.iv)(m(),h.kk.worksContent)],...i,children:e})}var v=e(6543),Z=e(7460),w=e(4067),y=e(1490);function k(){const n=(0,r._)(["\n line-height: ",";\n "]);return k=function(){return n},n}function _(){const n=(0,r._)(["\n max-width: ",";\n margin-inline: auto;\n "]);return _=function(){return n},n}function b(n){let{inset:t,children:e,...i}=n;return(0,o.tZ)(y.E.li,{css:[(0,f.iv)(k(),h.cp.lineHeightBase),t&&(0,f.iv)(_(),h.kk.worksContent)],transition:h.eR.default,variants:{initial:{opacity:0}
2,show:{opacity:1}},initial:"initial",whileInView:"show",viewport:h.Pj.default,...i,children:e})}var x=e(2914),C=e(8467),E=e(7883);function B(){const n=(0,r._)(["\n max-width: ",";\n margin-inline: auto;\n "]);return B=function(){return n},n}function T(){const n=(0,r._)(["\n display: block;\n width: 100%;\n aspect-ratio: ",";\n border-radius: ",";\n overflow: hidden;\n position: relative;\n z-index: ",";\n "]);return T=function(){return n},n}function S(){const n=(0,r._)(["\n width: 100%;\n height: 100%;\n "]);return S=function(){return n},n}function X(n){let{vimeoId:t,aspectRatio:e="16 /9",background:i,inset:r,...c}=n;return(0,o.tZ)(y.E.p,{css:r&&(0,f.iv)(B(),h.kk.worksContent),transition:h.eR.default,variants:{initial:{opacity:0},show:{opacity:1}},initial:"initial",whileInView:"show",viewport:h.Pj.default,...c,children:(0,o.tZ)("span",{css:(0,f.iv)(T(),e,h.q0.image,h.W5.default),children:(0,o.tZ)("iframe",{title:"vimeo-".concat(t),src:"https://player.vimeo.com/video/".concat(t,"?background=").concat(i,"&title=false&byline=false&portrait=false&responsive=true"),frameBorder:"0",allow:"autoplay; fullscreen",allowFullScreen:!0,css:(0,f.iv)(S())})})})}var H=e(3314),Q=e(9708),W=e(5271),z=e(5670);const I=W.createContext({});function R(n){return function(t){const e=j(t.components);return W.createElement(n,{...t,allComponents:e})}}function j(n){const t=W.useContext(I);return W.useMemo(()=>"function"==typeof n?n(t):{...t,...n},[t,n])}const M={};function P({components:n,children:t,disableParentContext:e}){let i;return i=e?"function"==typeof n?n({}):n||M:j(n),W.createElement(I.Provider,{value:i},t)}function D({compiledSource:n,frontmatter:t,scope:e,components:r={},lazy:o}){const[c,l]=(0,W.useState)(!o||"undefined"==typeof window);(0,W.useEffect)(()=>{if(o){const n=window.requestIdleCallback(()=>{l(!0)});return()=>window.cancelIdleCallback(n)}},[]);const a=(0,W.useMemo)(()=>{const r=Object.assign({opts:{...i,...z.jsxRuntime}},{frontmatter:t},e),o=Object.keys(r),c=Object.values(r),l=Reflect.construct(Function,o.concat(`${n}`));return l.apply(l,c).default},[e,n]);if(!c)return W.createElement("div",{dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0});const u=W.createElement(P,{components:r},W.createElement(a,null));return o?W.createElement("div",null,u):u}"undefined"!=typeof window&&(window.requestIdleCallback=window.requestIdleCallback||function(n){var t=Date.now();return setTimeout(function(){n({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})},1)},window.cancelIdleCallback=window.cancelIdleCallback||function(n){clearTimeout(n)});var O=e(630),V=e(3438);function N(){const n=(0,r._)(["\n height: 85svh;\n min-height: 50vw;\n "]);return N=function(){return n},n}function q(){const n=(0,r._)(["\n font-size: ",";\n line-height: ",";\n letter-spacing: ",";\n transition: ",";\n color: var(--color-interaction-base);\n\n @media (",") {\n font-size: ",";\n }\n @media (",") {\n font-size: ",";\n }\n @media (",") {\n font-size: ",";\n }\n @media (",") {\n font-size: ",";\n }\n @media (",") {\n font-size: ",";\n }\n @media (",") {\n font-size: ",";\n }\n "]);return q=function(){return n},n}function F(){const n=(0,r._)(["\n font-size: ",";\n line-height: ",";\n transition: ",";\n color: var(--color-interaction-sub);\n "]);return F=function(){return n},n}function Y(){const n=(0,r._)(["\n line-height: ",";\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: ",";\n }\n\n & > * {\n margin-top: ",";\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n & > p + p {\n margin-top: ",";\n }\n\n & ul,\n & ol {\n padding-left: 1.25em;\n }\n "]);return Y=function(){return n},n}function L(){const n=(0,r._)(["\n & > * {\n width: 100%;\n }\n "]);return L=function(){return n},n}function U(){const n=(0,r._)(["\n font-size: ",";\n "]);return U=function(){return n},n}function G(){const n=(0,r._)(["\n list-style-type: none;\n line-height: ",";\n font-size: ",";\n "]);return G=function(){return n},n}function $(){const n=(0,r._)(["\n display: inline;\n "]);return $=function(){return n},n}function A(){const n=(0,r._)(["\n list-style-type: none;\n line-height: ",";\n font-size: ",";\n "]);return A=function(){return n},n}function J(){const n=(0,r._)(["\n display: inline;\n "]);return J=function(){return n},n}function K(){const n=(0,r._)(["\n margin-left: -1em;\n "]);return K=function(){return n},n}var nn=!0;function tn(n){let{slug:t,source:e}=n;const{webfontLoadComplete:i}=(0,Q.o)(),r=e.frontmatter,p=(0,W.useMemo)(()=>({h1:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h1",inset:!0,children:t})},h2:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h2",inset:!0,children:t})},h3:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h3",inset:!0,children:t})},h4:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h4",inset:!0,children:t})},h5:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h5",inset:!0,children:t})},h6:n=>{let{children:t}=n;return(0,o.tZ)(Z.Z,{as:"h6",inset:!0,children:t})},img:n=>{let{src:e,width:i,height:r,alt:c}=n;return(0,o.tZ)(w.Z,{slug:t,src:e,width:i,height:r,alt:c,border:!0,sizes:"100vw, (min-width: 1280px) 1280w"})},p:n=>{let{children:t}=n;return(0,o.tZ)(x.Z,{inset:!0,children:t})},li:n=>{let{children:t}=n;return(0,o.tZ)(b,{inset:!0,children:t})},a:n=>{let{href:t,children:e}=n;return(0,o.tZ)(d.Z,{href:t||"",external:!0,hoverWeight:400,underline:!0,underlineOnHover:!0,children:e})},Column:n=>{let{children:t}=n;return(0,o.tZ)(g,{inset:!0,children:t})},Heading:Z.Z,Grid:v.Z,Image:w.Z,Vimeo:X}),[]);return(0,O.Z)(()=>
2{Q.o.setState({mixedColorInputType:"scroll",targetBackgroundColor:r.backgroundColor,colorTheme:r.theme})}),(0,V.Z)(()=>{}),(0,o.BX)(o.HY,{children:[(0,o.tZ)(s.Z,{path:"/works/".concat(r.slug),title:r.title,description:(0,H.TY)({date:r.date,category:r.category,role:r.role}),type:"article"}),(0,o.tZ)(u.Z,{children:(0,o.BX)("article",{children:[(0,o.BX)(E.Z,{direction:"column",css:(0,f.iv)(N()),justify:"center",children:[(0,o.tZ)("h1",{css:(0,f.iv)(q(),(0,H.Q1)(40),h.cp.lineHeightTitle,h.cp.letterSpacingWide,h.vU.color,h.cy.sm,(0,H.Q1)(44),h.cy.md,(0,H.Q1)(48),h.cy.lg,(0,H.Q1)(56),h.cy.xl,(0,H.Q1)(64),h.cy["2xl"],(0,H.Q1)(72),h.cy["3xl"],(0,H.Q1)(80)),children:(0,o.tZ)(a.Z,{visible:i,weight:800,delay:h.gw.default,children:r.title})}),(0,o.tZ)(C.Z,{y:(0,H.Q1)(32)}),(0,o.tZ)("div",{css:(0,f.iv)(F(),(0,H.Q1)(12),h.cp.lineHeightTitle,h.vU.color),children:(0,o.tZ)(a.Z,{visible:i,weight:700,delay:2*h.gw.default,family:"mono",children:(0,H.TY)({date:r.date,category:r.category,role:r.role})})})]}),(0,o.tZ)("div",{css:(0,f.iv)(Y(),h.cp.lineHeightBase,h.W0.section,h.W0.paragraph,h.W0.default),children:(0,o.tZ)(D,{...e,components:p})}),(r.url||r.designTool||r.techStack)&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(C.Z,{y:h.W0.section}),(0,o.BX)(E.Z,{direction:"column",gap:h.W0.default,css:(0,f.iv)(L()),children:[r.url&&(0,o.BX)(v.Z,{inset:!0,children:[(0,o.tZ)(Z.Z,{as:"h3",children:"URL"}),(0,o.tZ)("div",{children:(0,o.tZ)(d.Z,{href:r.url,external:!0,hoverWeight:400,underline:!0,underlineOnHover:!0,css:(0,f.iv)(U(),(0,H.Q1)(12)),children:r.url})})]}),r.designTool&&(0,o.BX)(v.Z,{inset:!0,children:[(0,o.tZ)(Z.Z,{as:"h3",children:"Design Tool"}),(0,o.tZ)("ul",{css:(0,f.iv)(G(),h.cp.lineHeightBase,(0,H.Q1)(12)),children:r.designTool.map((n,t)=>(0,o.BX)("li",{css:(0,f.iv)($()),children:[(0,o.tZ)("span",{children:n}),t<r.designTool.length-1&&(0,o.tZ)("span",{children:" / "})]},t))})]}),r.techStack&&(0,o.BX)(v.Z,{inset:!0,children:[(0,o.tZ)(Z.Z,{as:"h3",children:"Tech Stack"}),(0,o.tZ)("ul",{css:(0,f.iv)(A(),h.cp.lineHeightBase,(0,H.Q1)(12)),children:r.techStack.map((n,t)=>(0,o.BX)("li",{css:(0,f.iv)(J()),children:[(0,o.tZ)("span",{children:n}),t<r.techStack.length-1&&(0,o.tZ)("span",{children:" / "})]},n))})]})]})]}),(0,o.tZ)(C.Z,{y:h.W0.section}),(0,o.tZ)(E.Z,{direction:"row",justify:"center",children:(0,o.tZ)(c.Z,{css:(0,f.iv)(K())})})]})}),(0,o.tZ)(C.Z,{y:h.W0.section}),(0,o.tZ)(l.Z,{visible:!0,delay:h.gw.default})]})}},5670:function(n,t,e){n.exports.jsxRuntime=e(2676)}},function(n){n.O(0,[230,512,774,888,179],function(){return t=5400,n(n.s=t);var t});var t=n.O();_N_E=t}]);
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.