@font-face{font-family:Public Sans;src:url(/assets/public-sans-400-V090DIc4.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Public Sans;src:url(/assets/public-sans-500-DtysfDld.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Public Sans;src:url(/assets/public-sans-600-B7yTeIHc.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Baskervville;src:url(/assets/baskervville-variable-CTx8X-hY.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;widows:2;orphans:2}:root{--golden-ratio: 1.618/1}::selection{background-color:#000;color:#fff}html{scroll-behavior:smooth;scroll-padding-top:36px}html,body{font-family:Helvetica Neue;font-size:18px;line-height:140%;cursor:none;min-height:100vh}body{background-color:#fff}.cursor-wrapper{pointer-events:none}.a,a,button,.tooltip,.actionable,.showcase-piece:not(.coming-soon),.navigate .toggle{cursor:none}.nextProject a:visited{color:#000}.custom-cursor{display:none;will-change:transform;width:16px;height:16px;background-color:#000;border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:transform .2s ease,background-color .2s ease;-webkit-transition:transform .2s ease,background-color .2s ease}#mainGraphic{position:relative;margin:0;padding:0;width:100%;min-height:20rem;aspect-ratio:var(--golden-ratio);background-color:#007bff;overflow:hidden;max-height:100dvh}#blobs{filter:url(#goo) blur(50px);position:absolute;top:0;left:0;width:100%;height:100%}#mainGraphic svg{fill:none;overflow:visible;mix-blend-mode:overlay}path{transition:d 4s ease-in-out;-webkit-transition:d 4s ease-in-out}d{transition:2s ease-out;-webkit-transition:2s ease-out}#header-content{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:min(100%,100vh);z-index:10;text-shadow:0 0 1.5rem rgba(0,0,0,.08)}#menu{position:absolute;top:0;left:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;width:100dvw;z-index:100}.menu-link{padding:.63rem .75rem;color:#fff;text-decoration:none;display:block;opacity:1;transition:.25s ease-in-out}.menu-link:hover{opacity:.6}h1{color:#fff;justify-self:start;align-self:end;font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.004rem;margin:1rem}h2{font-size:1.15rem;font-weight:400;line-height:normal;letter-spacing:-.004rem}#mainGraphic h1{grid-row:end;min-width:calc(375px - 2rem)}#noiseCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;overflow:hidden}main{min-width:375px}#showcase{width:calc(100% - 2rem);max-width:500px;margin:1rem auto;display:grid;grid-template-columns:minmax(0,500px);justify-content:center;gap:1rem}.work-grid__item{width:100%;padding:0;aspect-ratio:1;background:none}.work-grid__item img{display:block;width:100%;height:100%;object-fit:cover}.showcase-piece{display:grid;gap:0;grid-template-rows:1fr auto;grid-template-columns:1fr;justify-content:center;align-items:center}.showcase-piece .container{display:grid;align-items:center;justify-items:center;overflow:hidden;position:relative}.showcase-piece img{fill:#fff;transform:scale(1);transform-origin:center;width:100%;border:1px solid rgba(0,0,0,.04)}.showcase-piece:not(.coming-soon) img:hover{animation:thumbnailHover .25s ease-out forwards alternate}@keyframes thumbnailHover{to{transform:scale(1.03)}}.showcase-piece p{position:relative;left:0;bottom:0;margin:1rem 0 1.4rem;font-weight:400;transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000}.showcase-piece p span{font-weight:500;color:#000}.showcase-piece>*{width:100%}.nextProject{margin:8rem auto;width:min(90%,500px)}.nextProject a{text-decoration:none}.showcase-piece p .tooltip{position:relative;display:inline;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;width:16rem;margin-left:-8rem;background-color:#111;color:#fff;text-align:left;padding:.75rem;position:absolute;z-index:1;bottom:150%;left:50%}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-.5rem;border-width:.5rem;border-style:solid;border-color:#111 transparent transparent transparent}.tooltip:hover .tooltiptext{animation:tooltipHoverAnimateOut .15s forwards}.tooltip:not(hover) .tooltiptext{animation:tooltipHoverAnimate .25s forwards}@keyframes tooltipHoverAnimate{0%{visibility:visible;opacity:1;transform:translateY(0)}20%{visibility:visible;opacity:0}99%{visibility:visible;opacity:0}to{visibility:hidden;transform:translateY(-1rem)}}@keyframes tooltipHoverAnimateOut{0%{visibility:hidden}1%{visibility:visible;opacity:0;transform:translateY(1rem)}to{visibility:visible;opacity:1;transform:translateY(0)}}#vid{justify-self:center;align-self:start;margin-top:2rem;width:75%;overflow:hidden;border-radius:3rem;border:.5rem solid #eee;mask-image:linear-gradient(to bottom,#000 60%,#fff0 70%);-webkit-mask-image:linear-gradient(to bottom,lch(0% 0 0) 60%,lch(100% 0 0 / 0) 70%)}#lebot-vid{justify-self:center;align-self:start;margin-top:2rem;width:35%;overflow:hidden;border:.5rem solid #333;mask-image:linear-gradient(to bottom,#000 60%,#fff0 70%);-webkit-mask-image:linear-gradient(to bottom,lch(0% 0 0) 60%,lch(100% 0 0 / 0) 70%)}#footer{margin:8rem 1rem 1rem;width:Cal(100vw - 2rem);display:grid;grid-template-columns:repeat(2,1fr);align-items:baseline}#footer p{justify-self:start;color:#d3d3d3}#footer a{justify-self:end;color:#d3d3d3}#featuredGraphic{display:grid;position:relative;padding:0;width:100vw;aspect-ratio:var(--golden-ratio);min-height:20rem;max-height:90vh;align-self:center;justify-self:center}#featuredGraphic svg{max-width:100%;justify-self:center;align-self:center;fill:#fff;transform:scale(.62);transform-origin:center}#featuredGraphic img{justify-self:center;align-self:center;width:100%;aspect-ratio:var(--golden-ratio)}#info ul li{margin-bottom:.5rem}.case-study-gallary{display:grid;gap:1rem}figure{padding:3rem;background-color:#f8f7f7;display:grid;align-items:center;justify-content:center;overflow:hidden}figcaption{margin:1rem;position:relative;text-align:center;opacity:.5;font-size:1rem}figure img{width:100%}.gallery{position:relative;margin:1rem;aspect-ratio:var(--golden-ratio)}.gallery .gallery-item{position:absolute;top:0;left:0;width:100%;max-height:100%;height:100%}.gallery .gallery-item img{width:100%;height:100%;object-fit:cover}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mobile-layout{position:relative;justify-self:center;align-self:center;width:393px;height:852px;overflow:hidden;border-radius:55px;margin:0;padding:0;background:#fff}.mobile-layout img{width:393px}.mobile-layout .top{position:absolute;top:0;left:0;z-index:10}.mobile-layout .bottom{position:absolute;bottom:0;left:0;z-index:10}.mobile-layout .scrollable{position:absolute;top:0;left:0;z-index:1;animation:mobileScroll1 12s infinite}@keyframes mobileScroll1{0%,25%,to{top:0}50%,75%{top:calc(100% - 1800px)}}.gallery__small{width:90%}.gallery__medium{width:393px;aspect-ratio:1/1;align-self:center;justify-self:center}.gallery__large{width:90%;align-self:center;justify-self:center}.large-image-container{position:relative;overflow:hidden;border-radius:12px;border:1px solid #edeae9;box-shadow:.25rem 0 2rem #0000000a}.large-image-container video{width:100%}.large-image-container img{width:100%}.top-image{position:absolute;width:100%;top:0;left:0;z-index:10;animation:showShadow 12s ease-in-out infinite}.bottom-image{position:absolute;width:100%;bottom:0;left:0;z-index:10}.animated-image{position:absolute;top:0;z-index:0;animation:scrollTaskDetail 12s ease-in-out infinite}@keyframes showShadow{0%,to{box-shadow:.25rem 0 2rem #0000}50%,90%{box-shadow:.25rem 0 2rem #00000014}}@keyframes scrollTaskDetail{0%,25%,to{top:0}50%,75%{top:calc(100% - 1000px)}}@keyframes shift{0%,to{transform:translate(-5px)}60%,99%{transform:translate(-55px)}}.figma-prototype{background:#bcded4;margin:1rem;width:calc(100vw - 2rem);border:1px solid rgba(0,0,0,.04);aspect-ratio:var(--golden-ratio)}h4{color:#000;font-size:1.4rem;margin:2rem 0 1rem;font-weight:500}h5{color:#000;font-size:1rem;font-weight:500}.showOnScroll{will-change:opacity,transform;opacity:0;transform:translateY(5rem);transition:transform .4s ease-out,opacity .4s ease-out;-webkit-transition:transform .4s ease-out,opacity .4s ease-out;position:relative}.showOnScroll.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.showOnScroll{opacity:1;transform:none;transition:none}}@media (min-width: 600px){h1{font-size:2.35rem;width:min(870px,90%)}#info,#cs-info{margin:8rem 0}#showcase{max-width:1016px;grid-template-columns:repeat(2,minmax(0,500px))}.gallery__medium{width:550px}}@media (min-width: 800px){#info,#cs-info{grid-template-columns:63% 1fr}.gallery__medium{width:700px}}@media (min-width: 1500px){#mainGraphic{aspect-ratio:var(--golden-ratio)}main{margin:0 auto;min-width:375px;max-width:1500px}}@media (min-width: 2000px){.showcase-piece{width:auto}}.project-status-badge{position:absolute;top:8px;left:8px;z-index:1;padding:5px 9px;border-radius:4px;background:#fff;color:#111;font-size:12px;font-weight:500;line-height:1.25;box-shadow:0 1px 4px #0000001f;pointer-events:none}#app,.site-shell{min-height:100dvh}.site-shell{position:relative;overflow-x:clip;background:#fff;color:#1d1f20}#menu{inset:16px 16px auto;position:fixed;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;font-family:Public Sans,sans-serif;font-size:16px;line-height:19px}.menu-link{padding:0;color:#1d1f20;white-space:nowrap}.menu-link--brand{justify-self:start;font-weight:600}.menu-link--center{justify-self:center}.menu-link--right{justify-self:end}.menu-link--center.router-link-exact-active,.menu-link--right.router-link-exact-active{text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font}.home-page,.info-page,.work-page{min-width:0;font-family:Public Sans,sans-serif}.home-page{width:100%;height:100dvh;min-height:600px;padding:51px 16px 53px}.home-graphic{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.home-graphic__image{position:absolute;top:-17.37%;left:50%;width:105.05%;max-width:none;height:138.9%;transform:translate(-50%)}.home-graphic__title{position:absolute;left:20px;bottom:22px;width:min(652px,calc(100% - 40px));margin:0;color:#fff;font-family:Public Sans,sans-serif;font-size:32px;font-weight:500;line-height:38px;letter-spacing:-.48px}.info-page{padding:304px 16px 100px}.info-content{display:flex;width:min(732px,100%);margin:0 auto;flex-direction:column;align-items:stretch;gap:97px}.info-content__intro{width:min(687px,100%);margin:0 auto;color:#000;font-size:32px;font-weight:400;line-height:38px;text-align:center}.info-content__body{color:#1d1f20;font-family:Baskervville,serif;font-size:24px;font-weight:500;line-height:36.4px}.experience{display:flex;flex-direction:column;gap:24px;color:#1d1f20;font-size:16px}.experience__title{color:#000;font-size:16px;font-weight:500;line-height:19px;letter-spacing:-.16px}.experience__row{display:grid;min-height:53px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid rgb(40 40 42 / 10%)}.experience__row--first{border-top:1px solid rgb(40 40 42 / 10%)}.experience__row p{font-size:16px;font-weight:500;line-height:36.4px;letter-spacing:-.4px}.experience__row .experience__years{font-weight:400;line-height:19px;letter-spacing:0;text-align:right;opacity:.4}.work-page{padding-top:260px;padding-bottom:100px}.work-page__heading{display:grid;min-height:60px;width:min(calc(100% - 32px),1020px);margin:0 auto 20px;grid-template-columns:repeat(2,minmax(0,500px));gap:20px;color:#000}.work-page__heading h1,.work-page__heading p{margin:0;width:100%;align-self:start;color:#1d1f20;font-size:16px;font-weight:400;line-height:19px;letter-spacing:normal}.work-page__heading p{opacity:.4}#showcase.work-grid{display:grid;width:min(calc(100% - 32px),1020px);max-width:1020px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,500px));gap:20px}#showcase .work-grid__item{width:100%;max-width:500px;padding:0;aspect-ratio:1;background:transparent}#showcase .work-grid__item img{width:100%;height:100%;object-fit:cover}#footer.site-footer{position:fixed;inset:auto 0 0;z-index:20;pointer-events:none;display:grid;width:100%;margin:0;padding:0 16px 16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:baseline;color:#1d1f20;font-family:Public Sans,sans-serif;font-size:16px;line-height:19px}#footer.site-footer p{color:inherit}.site-footer__year{grid-column:1;justify-self:start;opacity:.4}#footer .site-footer__discipline{grid-column:2;justify-self:center;opacity:.4}#footer .site-footer__mark{grid-column:3;justify-self:end;color:inherit;text-decoration:none;pointer-events:auto}@media (max-width: 699px){#menu{inset:14px 12px auto;font-size:14px}.home-page{min-height:520px;padding:45px 12px 49px}.home-graphic__image{top:-8%;width:190%;height:120%}.home-graphic__title{left:16px;bottom:24px;width:calc(100% - 32px);font-size:clamp(24px,7vw,30px);line-height:1.1875;letter-spacing:-.4px}.info-page{padding:156px 16px 80px}.info-content{gap:68px}.info-content__intro{font-size:28px;line-height:1.1875}.info-content__body{font-size:21px;line-height:31px;letter-spacing:-.4px}.experience__row{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);row-gap:0}.experience__row p{font-size:14px;line-height:24px;letter-spacing:-.2px}.experience__row .experience__years{grid-column:1 / -1;grid-row:2;text-align:left}.work-page{padding-top:150px}.work-page__heading{width:calc(100% - 32px);grid-template-columns:1fr;gap:0}#showcase.work-grid{width:calc(100% - 32px);grid-template-columns:minmax(0,500px)}#footer.site-footer{font-size:14px}}.arrowRight[data-v-bd00e77a]{display:none;position:absolute;top:-7.5px;left:6.5px}.arrowLeft[data-v-bd00e77a]{display:none;position:absolute;top:-7.5px;left:5.5px}.fullScreen[data-v-bd00e77a]{display:none;position:absolute;top:-7px;left:4.25px}.play[data-v-bd00e77a]{display:none;position:absolute;top:-7.5px;left:6px}#mainGraphic.home-graphic[data-v-e8577a85]{height:100%;min-height:0;max-height:none;aspect-ratio:auto;background-color:#007bff}#mainGraphic .home-graphic__title[data-v-e8577a85]{min-width:0;z-index:1}.work-grid__toggle[data-v-2becac31]{position:relative;display:block;width:100%;height:100%;padding:0;background:transparent;overflow:hidden;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left}.work-grid__item[data-v-2becac31]:has(.work-grid__toggle:focus-visible){outline:2px solid #1d1f20;outline-offset:4px}.work-grid__toggle[data-v-2becac31]:focus{outline:none}.work-grid__item img[data-v-2becac31],.work-grid__details[data-v-2becac31]{transition:opacity .24s ease}.work-grid__details[data-v-2becac31]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template:auto 1fr auto / minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px 16px 16px 15px;background:#f5f5f3;color:#000;font-family:Public Sans,sans-serif;font-size:16px;font-weight:400;line-height:19px;overflow-wrap:anywhere;opacity:0;pointer-events:none}.is-detail .work-grid__details[data-v-2becac31]{opacity:1}.is-detail img[data-v-2becac31]{opacity:0}.work-grid__platform[data-v-2becac31],.work-grid__year[data-v-2becac31]{text-align:right}.work-grid__type[data-v-2becac31],.work-grid__year[data-v-2becac31]{grid-row:3;align-self:end}.work-grid__year[data-v-2becac31]{opacity:.4}.work-grid__close[data-v-2becac31]{position:absolute;inset:50% auto auto 50%;width:100px;height:100px;transform:translate(-50%,-50%)}.work-grid__close[data-v-2becac31]:before,.work-grid__close[data-v-2becac31]:after{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:100%;background:#000;transform:rotate(45deg)}.work-grid__close[data-v-2becac31]:after{transform:rotate(135deg)}@media (prefers-reduced-motion: reduce){.work-grid__item img[data-v-2becac31],.work-grid__details[data-v-2becac31]{transition:none}}.navigate{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.navigate .toggle{display:flex;flex:1;height:100%;width:50%}.navigate .toggle svg{fill:#000}.navigate .right{justify-content:end}.navigate .left{justify-content:start}.grid-text{margin:2rem auto}.grid-columns{margin:1rem 1.15rem;display:flex;flex-wrap:wrap;gap:1rem}.grid-column{flex:1;min-width:100%}em{color:#000;font-style:normal;background:linear-gradient(180deg,#fff 24%,#fec 25%,#fec 75%,#fff 76%)}.project-name{color:#000;width:min(100%,1500px);margin:2rem auto 0}.project-name h1{font-size:2.35rem;color:#000;font-weight:400}#project-nav{text-align:center;width:calc(100vw - 2rem);display:grid;grid-template-rows:1fr 1fr;gap:1rem;margin:1rem;align-content:space-between}#project-nav a{color:#000;text-decoration:none;opacity:1;transition:all .25 ease}#project-nav a:hover,#project-nav a:visited{opacity:.6}#project-nav .previous{width:calc(100vw - 4rem);justify-self:center;background:#f8f7f7;padding:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#project-nav .next{width:calc(100vw - 4rem);justify-self:center;background:#f8f7f7;padding:1rem}.block__text ul li{margin-bottom:.5rem;list-style:none}.mobile-vid{border-radius:55px;max-height:852px}.web-vid{border-radius:16px;max-height:852px;border:1px solid rgba(0,0,0,.04)}iframe{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter,.fade-leave-to{opacity:0}@media (min-width: 500px){#project-nav{grid-template-columns:1fr 1fr;text-align:left}#project-nav .previous{justify-self:start;width:auto}#project-nav .next{grid-column:end;width:auto}}.block{max-width:40rem}.block__text{margin:8rem 1rem}.block__image,.block__video{margin:1rem;padding:2rem;display:grid;justify-content:center;background:#f8f7f7}.block__prototype{margin:1rem;padding:2rem;display:grid;justify-content:center}.block__text{margin:1rem;display:grid;width:min(90%,700px);grid-template-columns:1fr}.block__image{display:grid;grid-template-rows:auto auto;align-items:center;justify-items:center}.block__prototype iframe{border:none;width:calc(100vw - 2rem);height:90vh}@media (min-width: 534px){.block__text{margin:1rem auto}}@media (min-width: 800px){.project-name{margin-top:3rem}.block__text{margin:8rem auto}}@media (min-width: 1500px){.project-name{margin-top:8rem}.project-name h1{margin-bottom:-2.33rem}}.header[data-v-a35c3b1d]{position:absolute;display:flex;align-items:center;justify-items:center;top:0;width:100vw;aspect-ratio:1.618/1;max-height:100vh;background-color:#f8f7f7}.password-protected-container[data-v-a35c3b1d]{margin:0 auto;padding:4rem;width:min(80%,27.5rem);background:#fff}.input-with-button[data-v-a35c3b1d]{margin-top:1rem;display:flex;align-items:center;width:100%;height:2rem;padding:2rem .5rem 2rem 1.25rem;border:.0625rem solid rgba(0,0,0,.08);font-size:1rem;background:#fff}.input-with-button[data-v-a35c3b1d]:focus-within{border-color:#000}.input-with-button input[data-v-a35c3b1d]{flex:1;border:none;outline:none;font-size:1rem}.input-with-button input[data-v-a35c3b1d]:focus{outline:none}.password-protected-container h2[data-v-a35c3b1d]{margin-bottom:1rem}.goBackLink[data-v-a35c3b1d]{background:transparent;border:none;margin-bottom:3rem;font-size:1rem}.input-with-button button[data-v-a35c3b1d]{background:#00000014;padding:.5rem;margin:.5rem;border:none;transition:.25s ease-in-out;border-radius:50%}.input-with-button button[data-v-a35c3b1d]:not(:disabled):hover{background:#0000001f;border:1px solid black}