*,:after,:before{box-sizing:border-box}*{margin:0}iframe{border:0}ol,ul{list-style:none}img,picture,video{max-width:100%;display:block}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font:inherit}a{color:inherit}:focus,a:active,a:hover{outline:0}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:block;src:url(/font/inter-300.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:block;src:url(/font/inter-400.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}:root{--gutter:32px;--column:12}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--gutter) / -2)}.row.nowrap{flex-wrap:nowrap}.row.full-height{height:100%}.row.debug{--debug-theme-color:15,100%,70%}.row.debug,.row.debug .col{background:hsla(var(--debug-theme-color),.1)}.row.debug .col{box-shadow:inset 1px 0 0 hsla(var(--debug-theme-color),1),inset -1px 0 0 hsla(var(--debug-theme-color),1),inset calc(var(--gutter) / 2) 0 0 hsla(var(--debug-theme-color),.1),inset calc(var(--gutter) / 2 * -1) 0 0 hsla(var(--debug-theme-color),.1)}.col{flex:0 0 100%;max-width:100%;padding:0 calc(var(--gutter) / 2)}.col.middle{align-self:center}.col-xs-1{flex:0 0 calc(1 / var(--column) * 100%);max-width:calc(1 / var(--column) * 100%)}.col-xs-2{flex:0 0 calc(2 / var(--column) * 100%);max-width:calc(2 / var(--column) * 100%)}.col-xs-3{flex:0 0 calc(3 / var(--column) * 100%);max-width:calc(3 / var(--column) * 100%)}.col-xs-4{flex:0 0 calc(4 / var(--column) * 100%);max-width:calc(4 / var(--column) * 100%)}.col-xs-5{flex:0 0 calc(5 / var(--column) * 100%);max-width:calc(5 / var(--column) * 100%)}.col-xs-6{flex:0 0 calc(6 / var(--column) * 100%);max-width:calc(6 / var(--column) * 100%)}.col-xs-7{flex:0 0 calc(7 / var(--column) * 100%);max-width:calc(7 / var(--column) * 100%)}.col-xs-8{flex:0 0 calc(8 / var(--column) * 100%);max-width:calc(8 / var(--column) * 100%)}.col-xs-9{flex:0 0 calc(9 / var(--column) * 100%);max-width:calc(9 / var(--column) * 100%)}.col-xs-10{flex:0 0 calc(10 / var(--column) * 100%);max-width:calc(10 / var(--column) * 100%)}.col-xs-11{flex:0 0 calc(11 / var(--column) * 100%);max-width:calc(11 / var(--column) * 100%)}.col-xs-12{flex:0 0 calc(12 / var(--column) * 100%);max-width:calc(12 / var(--column) * 100%)}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:calc(1 / var(--column) * 100%)}.col-xs-offset-2{margin-left:calc(2 / var(--column) * 100%)}.col-xs-offset-3{margin-left:calc(3 / var(--column) * 100%)}.col-xs-offset-4{margin-left:calc(4 / var(--column) * 100%)}.col-xs-offset-5{margin-left:calc(5 / var(--column) * 100%)}.col-xs-offset-6{margin-left:calc(6 / var(--column) * 100%)}.col-xs-offset-7{margin-left:calc(7 / var(--column) * 100%)}.col-xs-offset-8{margin-left:calc(8 / var(--column) * 100%)}.col-xs-offset-9{margin-left:calc(9 / var(--column) * 100%)}.col-xs-offset-10{margin-left:calc(10 / var(--column) * 100%)}.col-xs-offset-11{margin-left:calc(11 / var(--column) * 100%)}.col-xs-offset-12{margin-left:calc(12 / var(--column) * 100%)}@media (min-width:768px){.col-sm-1{flex:0 0 calc(1 / var(--column) * 100%);max-width:calc(1 / var(--column) * 100%)}.col-sm-2{flex:0 0 calc(2 / var(--column) * 100%);max-width:calc(2 / var(--column) * 100%)}.col-sm-3{flex:0 0 calc(3 / var(--column) * 100%);max-width:calc(3 / var(--column) * 100%)}.col-sm-4{flex:0 0 calc(4 / var(--column) * 100%);max-width:calc(4 / var(--column) * 100%)}.col-sm-5{flex:0 0 calc(5 / var(--column) * 100%);max-width:calc(5 / var(--column) * 100%)}.col-sm-6{flex:0 0 calc(6 / var(--column) * 100%);max-width:calc(6 / var(--column) * 100%)}.col-sm-7{flex:0 0 calc(7 / var(--column) * 100%);max-width:calc(7 / var(--column) * 100%)}.col-sm-8{flex:0 0 calc(8 / var(--column) * 100%);max-width:calc(8 / var(--column) * 100%)}.col-sm-9{flex:0 0 calc(9 / var(--column) * 100%);max-width:calc(9 / var(--column) * 100%)}.col-sm-10{flex:0 0 calc(10 / var(--column) * 100%);max-width:calc(10 / var(--column) * 100%)}.col-sm-11{flex:0 0 calc(11 / var(--column) * 100%);max-width:calc(11 / var(--column) * 100%)}.col-sm-12{flex:0 0 calc(12 / var(--column) * 100%);max-width:calc(12 / var(--column) * 100%)}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:calc(1 / var(--column) * 100%)}.col-sm-offset-2{margin-left:calc(2 / var(--column) * 100%)}.col-sm-offset-3{margin-left:calc(3 / var(--column) * 100%)}.col-sm-offset-4{margin-left:calc(4 / var(--column) * 100%)}.col-sm-offset-5{margin-left:calc(5 / var(--column) * 100%)}.col-sm-offset-6{margin-left:calc(6 / var(--column) * 100%)}.col-sm-offset-7{margin-left:calc(7 / var(--column) * 100%)}.col-sm-offset-8{margin-left:calc(8 / var(--column) * 100%)}.col-sm-offset-9{margin-left:calc(9 / var(--column) * 100%)}.col-sm-offset-10{margin-left:calc(10 / var(--column) * 100%)}.col-sm-offset-11{margin-left:calc(11 / var(--column) * 100%)}.col-sm-offset-12{margin-left:calc(12 / var(--column) * 100%)}}@media (min-width:1024px){.col-md-1{flex:0 0 calc(1 / var(--column) * 100%);max-width:calc(1 / var(--column) * 100%)}.col-md-2{flex:0 0 calc(2 / var(--column) * 100%);max-width:calc(2 / var(--column) * 100%)}.col-md-3{flex:0 0 calc(3 / var(--column) * 100%);max-width:calc(3 / var(--column) * 100%)}.col-md-4{flex:0 0 calc(4 / var(--column) * 100%);max-width:calc(4 / var(--column) * 100%)}.col-md-5{flex:0 0 calc(5 / var(--column) * 100%);max-width:calc(5 / var(--column) * 100%)}.col-md-6{flex:0 0 calc(6 / var(--column) * 100%);max-width:calc(6 / var(--column) * 100%)}.col-md-7{flex:0 0 calc(7 / var(--column) * 100%);max-width:calc(7 / var(--column) * 100%)}.col-md-8{flex:0 0 calc(8 / var(--column) * 100%);max-width:calc(8 / var(--column) * 100%)}.col-md-9{flex:0 0 calc(9 / var(--column) * 100%);max-width:calc(9 / var(--column) * 100%)}.col-md-10{flex:0 0 calc(10 / var(--column) * 100%);max-width:calc(10 / var(--column) * 100%)}.col-md-11{flex:0 0 calc(11 / var(--column) * 100%);max-width:calc(11 / var(--column) * 100%)}.col-md-12{flex:0 0 calc(12 / var(--column) * 100%);max-width:calc(12 / var(--column) * 100%)}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:calc(1 / var(--column) * 100%)}.col-md-offset-2{margin-left:calc(2 / var(--column) * 100%)}.col-md-offset-3{margin-left:calc(3 / var(--column) * 100%)}.col-md-offset-4{margin-left:calc(4 / var(--column) * 100%)}.col-md-offset-5{margin-left:calc(5 / var(--column) * 100%)}.col-md-offset-6{margin-left:calc(6 / var(--column) * 100%)}.col-md-offset-7{margin-left:calc(7 / var(--column) * 100%)}.col-md-offset-8{margin-left:calc(8 / var(--column) * 100%)}.col-md-offset-9{margin-left:calc(9 / var(--column) * 100%)}.col-md-offset-10{margin-left:calc(10 / var(--column) * 100%)}.col-md-offset-11{margin-left:calc(11 / var(--column) * 100%)}.col-md-offset-12{margin-left:calc(12 / var(--column) * 100%)}}@media (min-width:1200px){.col-lg-1{flex:0 0 calc(1 / var(--column) * 100%);max-width:calc(1 / var(--column) * 100%)}.col-lg-2{flex:0 0 calc(2 / var(--column) * 100%);max-width:calc(2 / var(--column) * 100%)}.col-lg-3{flex:0 0 calc(3 / var(--column) * 100%);max-width:calc(3 / var(--column) * 100%)}.col-lg-4{flex:0 0 calc(4 / var(--column) * 100%);max-width:calc(4 / var(--column) * 100%)}.col-lg-5{flex:0 0 calc(5 / var(--column) * 100%);max-width:calc(5 / var(--column) * 100%)}.col-lg-6{flex:0 0 calc(6 / var(--column) * 100%);max-width:calc(6 / var(--column) * 100%)}.col-lg-7{flex:0 0 calc(7 / var(--column) * 100%);max-width:calc(7 / var(--column) * 100%)}.col-lg-8{flex:0 0 calc(8 / var(--column) * 100%);max-width:calc(8 / var(--column) * 100%)}.col-lg-9{flex:0 0 calc(9 / var(--column) * 100%);max-width:calc(9 / var(--column) * 100%)}.col-lg-10{flex:0 0 calc(10 / var(--column) * 100%);max-width:calc(10 / var(--column) * 100%)}.col-lg-11{flex:0 0 calc(11 / var(--column) * 100%);max-width:calc(11 / var(--column) * 100%)}.col-lg-12{flex:0 0 calc(12 / var(--column) * 100%);max-width:calc(12 / var(--column) * 100%)}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:calc(1 / var(--column) * 100%)}.col-lg-offset-2{margin-left:calc(2 / var(--column) * 100%)}.col-lg-offset-3{margin-left:calc(3 / var(--column) * 100%)}.col-lg-offset-4{margin-left:calc(4 / var(--column) * 100%)}.col-lg-offset-5{margin-left:calc(5 / var(--column) * 100%)}.col-lg-offset-6{margin-left:calc(6 / var(--column) * 100%)}.col-lg-offset-7{margin-left:calc(7 / var(--column) * 100%)}.col-lg-offset-8{margin-left:calc(8 / var(--column) * 100%)}.col-lg-offset-9{margin-left:calc(9 / var(--column) * 100%)}.col-lg-offset-10{margin-left:calc(10 / var(--column) * 100%)}.col-lg-offset-11{margin-left:calc(11 / var(--column) * 100%)}.col-lg-offset-12{margin-left:calc(12 / var(--column) * 100%)}}:root{--typeface-base:"Inter",sans-serif;--typeface-cursor:"Inter",sans-serif;--typeface-mono:monospace;--font-size-primary:18px;--edge:1rem;--color-identity-primary:#f2f995;--color-identity-secondary:#d6cec2;--color-identity-cursor:#9b8fbc;--color-black-hsl:0,0%,0%;--color-black-primary:hsl(var(--color-black-hsl));--color-black-secondary:hsla(var(--color-black-hsl),0.25);--color-black-line:hsla(var(--color-black-hsl),0.1);--color-white-hsl:0,0%,100%;--color-white-primary:hsl(var(--color-white-hsl));--color-white-secondary:hsla(var(--color-white-hsl),0.5);--color-white-line:hsla(var(--color-white-hsl),0.2);--motion:cubic-bezier(0.66,0,0.2,1)}@media(min-width:768px){:root{--font-size-primary:32px}}html{cursor:none;font-family:var(--typeface-base);letter-spacing:.025em;font-size:var(--font-size-primary);line-height:150%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{transition:background-color .5s var(--motion);transition-delay:.25s}code{font-family:var(--typeface-mono)}::-moz-selection{color:var(--color-black-primary);background:var(--color-identity-primary)}::selection{color:var(--color-black-primary);background:var(--color-identity-primary)}.logo,h1{font-weight:400}h1{font-size:2rem;line-height:150%}h1+p{margin-top:1rem}p+p{margin-top:1em}p+h1{margin-top:.125em}ul{padding:0}ul li{list-style:none}ul li+li{margin-top:.25em}a{cursor:none;color:var(--color-black-primary);text-decoration:none}.symbol-with-spacing{margin:0 .125em}#cursor{--cursor-color:var(--color-identity-cursor);z-index:10000;pointer-events:none;position:fixed}@media(pointer:coarse){#cursor{display:none}}#cursor .label-container{transform:translateX(-50%) translateY(-50%);font-family:var(--typeface-cursor);letter-spacing:0;font-size:.5rem;line-height:2em;background-color:var(--color-identity-cursor);color:var(--color-white-primary);height:2em;border-radius:100px;display:flex;align-items:center;overflow:hidden;transition:border-color .5s var(--motion),background-color .5s var(--motion),opacity .5s var(--motion)}#cursor .label-container .label{display:flex;align-items:center;padding:0 1em;white-space:nowrap}#cursor .label-container .label .icon{display:flex;align-items:center;margin-right:.5em;margin-left:-.25em}.gray{color:var(--color-black-secondary)}.hack-middle{display:flex;flex-direction:column;justify-content:center}@media not all and (min-width:768px){.hack-hiddenInMobile{display:none}}@media(min-width:768px){.hack-visibleInMobile{display:none}}img.placeholder{opacity:0}:root{--dark-background:var(--color-identity-secondary)}.dark{background:var(--dark-background)}.welcome{position:fixed;z-index:100000;background:var(--color-white-primary);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-black-primary)}.welcome .copyright,.welcome .name{position:absolute}.welcome .name{left:1em;top:.75em}.welcome .copyright{right:1em;bottom:.75em}.global-footer,.global-header,.navigator{padding:var(--edge);line-height:1;display:flex;align-items:center;justify-content:space-between}@media not all and (min-width:768px){.navigator .anchor-list>*{display:none}}.back,.burger{z-index:1000}.burger .svg-burger,.svg-arrow{fill:var(--color-black-primary)}.icon-container{line-height:0}.icon-container svg{height:1em;width:auto}.menu{z-index:100;background:var(--color-identity-primary);position:fixed;top:0;bottom:0;right:0;width:50vw;padding:var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center}@media not all and (min-width:768px){.menu{width:100vw}}.menu a{color:var(--color-black-secondary);transition:color .25s var(--motion)}.menu a.active{color:var(--color-black-primary)}.menu>*+*{margin-top:1rem}.menu .copyright{position:absolute;right:1em;bottom:.75em;color:var(--color-black-secondary)}.overlayer{z-index:10;position:fixed;left:0;top:0;bottom:0;right:0}.hero{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.hero .content{padding:var(--edge)}.hero .content.two-side{display:flex;align-items:center;justify-content:space-between}@media not all and (min-width:768px){.hero .content.two-side{flex-direction:column;align-items:flex-start}}.hero .content.two-side .right{text-align:right}.hero .open-info{display:flex;align-items:center}.hero .open-info .ball{display:block;height:1em;width:1em;margin-right:.5em;background:var(--color-identity-primary);border-radius:100%}.not-found{height:100vh;color:var(--color-white-primary);display:flex;align-items:center;justify-content:center}.not-found h1+h1{margin-left:1em}.cta{text-align:center;padding:8em 0}.cta h1{display:inline}.line{background:var(--color-black-line);height:1px}main{padding:0 var(--edge)}.home-work-cover-grid{display:grid;grid-gap:1em;gap:1em}.home-work-cover{position:relative}@media not all and (min-width:768px){.home-work-cover{margin:4em 0}}@media(min-width:768px){.home-work-cover{height:calc(100vh - var(--edge)*2)}.home-work-cover+.home-work-cover{margin-top:1em}}.home-work-cover .background{z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.work-hero{position:relative;height:100vh;padding:var(--edge)}.work-hero .global-header{position:absolute;top:0;left:0;right:0}.work-hero .more-sign{position:absolute;right:1em;bottom:1em}.work .mobile-screenshot{padding:6em 0}.work .mobile-screenshot .left>*+*,.work .mobile-screenshot .right>*+*{margin-top:6em}.work .mobile-screenshot .right{margin-top:12em}.work .info-row{margin-top:4em;margin-bottom:4em}.work .info{display:grid;grid-row-gap:3em;row-gap:3em}.work .info .meta{display:grid;grid-gap:1.5em;gap:1.5em;grid-template-columns:repeat(2,1fr)}.work .info .meta a{border-bottom:1px solid var(--color-black-secondary)}.work .single-image-row{margin:1em 0}.work .video-row{margin:8em 0}.work video{border-radius:.5em;overflow:hidden;background:#fff url(/_next/static/media/video.618b9c33.svg) 50% no-repeat;background-size:3em 2em;box-shadow:0 0 0 .25em var(--color-black-primary)}.work .stories{margin:1em 0;position:relative;overflow:hidden;color:var(--color-white-primary)}.work .stories .image-container{position:relative;margin:4em 0}.work .stories .image-container .image{position:absolute;top:0;bottom:0}.work .stories .background-color{z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}.work .stories .meta{position:absolute;left:1em;right:1em;bottom:1em;line-height:1;display:flex;justify-content:space-between}.work .stories .indicator-container{z-index:2;position:absolute;top:0;left:0;right:0;margin:.5em 1em;display:flex}.work .stories .indicator-container .indicator{flex:auto;padding:.5em 0}.work .stories .indicator-container .indicator+.indicator{margin-left:.1em}.work .stories .indicator-container .indicator .background{height:.1em;transition:background-color .5s var(--motion);background:var(--color-white-line)}.work .stories .indicator-container .indicator.active .background{background:var(--color-white-primary)}.work .stories .stepper-container{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin-top:2.6em}.work .stories .stepper-container .next,.work .stories .stepper-container .previous{flex:50% 1}.work .stories .stepper-container .next{margin-left:33.3333333333%}.work .line{margin-top:4em}@media not all and (min-width:768px){.about .experience,.about .greatWith,.about .speaking{display:grid;grid-gap:2em;gap:2em}.about .text-block{margin:4em 0}}@media(min-width:768px){.about .experience,.about .greatWith,.about .speaking{display:grid;grid-gap:3em;gap:3em}.about .text-block{margin:6em 0}}.about .photo{padding-bottom:61.8%;position:relative}.about .photo img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;vertical-align:middle}.projects{display:grid}@media not all and (min-width:768px){.projects{grid-gap:2em;gap:2em;margin:4em 0}}@media(min-width:768px){.projects{grid-gap:3em;gap:3em;margin:6em 0}}.projects .project-item .project-image-container{padding-bottom:100%;background:var(--color-identity-primary)}.projects .project-item .project-info{height:100%;display:flex;flex-direction:column;justify-content:center}.launch-button{display:inline-flex;justify-self:start;align-items:center}.launch-button .cord{margin-left:.5em;background:#000;height:2.5px}.launch-button svg{margin-left:-8px}