@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}html,body{font-family:"Work Sans",Helvetica,sans-serif;font-weight:400;color:#000;overflow:hidden;background-color:#fff}body{height:100vh}html *{max-height:1000000px}html,body{-webkit-text-size-adjust:none !important;-moz-text-size-adjust:none !important;-ms-text-size-adjust:none !important;text-size-adjust:none !important}#debug1{position:fixed;left:10px;top:30vw;z-index:1000}#debug2{position:fixed;left:10px;top:32vw;z-index:1000}#cursor{position:fixed;display:none;width:40px;height:40px;z-index:500;pointer-events:none;mix-blend-mode:difference}#cursor svg{width:100%;height:100%}#cursor.visible{display:block}#cursor.hovering-link{display:none}header{position:fixed;z-index:100;width:100%;box-sizing:border-box;overflow:hidden;transition:height .3s ease-in-out;padding-right:4vw;pointer-events:none;padding-left:1.5vw}header.hidden:not(.hovered){height:0 !important}#header__top{background-color:#fff;border-bottom:1px solid #000;position:relative;z-index:2;pointer-events:all}#header__top .logo{left:2.5vw;padding-top:1.5vw}#header__top{padding-bottom:4vw}#header__content{background-color:#fff;padding-top:1.5vw;padding-bottom:2.5vw;position:relative;pointer-events:all}#header__content p{font-size:2.8vw;letter-spacing:-0.025em}#header__content div{font-size:11px;font-family:"Source Code Pro",monospace;color:#666;letter-spacing:.03em;margin-top:2em;font-size:16px;font-size:1.02vw}#header__content div span{margin:0 .5em}#header--behind{position:fixed;top:1.5vw;z-index:0;width:100%;box-sizing:border-box}#header--hover{position:fixed;top:1.5vw;z-index:1000;padding-bottom:9.6%;width:2.75%;left:1.25vw}.column--1-open #header--hover,.column--2-open #header--hover,.column--3-open #header--hover{display:none}.logo{position:relative;width:12vw;left:4vw}.logo img{display:block;width:100%;height:auto;position:relative;left:-20.5%}nav{display:block;position:fixed;text-transform:lowercase;top:280px;right:24px;right:calc(4vw - 16px - 1%);width:240px;transform-origin:100% 0 !important;transition:right .25s ease-in-out;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg) !important;font-size:11px;font-family:"Source Code Pro",monospace;color:#666;letter-spacing:.03em;z-index:105;overflow:hidden;opacity:.99;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav__link{position:relative;display:inline-block;margin-right:1.5em;position:relative;transition:top .25s ease-in-out;top:0px;color:#000;text-decoration:none;cursor:pointer;border-bottom:none}.nav__link:hover{border-bottom:1px solid #000}.nav__link.active{border-bottom:1px solid #000;cursor:default;pointer-events:none}.nav__link--pill-border{padding:0 5px 3px;border:1px solid #000;border-radius:12px;background-color:#000;color:#fff}.nav__link--pill-border.active{cursor:default}.nav__link:last-child{margin-right:0}nav.hidden .nav__link{top:-16px}nav.hovered .nav__link{top:0 !important}main{position:relative;z-index:1;padding:0 4vw;box-sizing:border-box;width:100%;opacity:0;transition:.2s ease-in-out opacity}main.loaded{opacity:1}.column{width:15%;margin-right:2.5%;float:left;position:relative;box-sizing:border-box;transition:left .5s,top .5s;transition-timing-function:ease-in-out;left:0}.column.column--wide{width:30%}.column:last-of-type{margin-right:0}.column .column__content{width:100%;box-sizing:border-box;transition-property:height;transition-duration:.5s;transition-timing-function:ease-in-out}.column .column__content-copy{position:absolute;box-sizing:border-box;top:100%;width:100%;transition-property:height;transition-duration:.5s;transition-timing-function:ease-in-out}.column.column--copy-above .column__content-copy{top:-100%}.column{width:24.5%;margin-right:1%}.column.column--wide{width:49%}#column--3{margin-right:0}.column--1-open #column--1{left:0}.column--1-open #column--2{left:25.5%}.column--1-open #column--3{left:calc(24.5% + 4vw)}.column--2-open #column--1,.column--2-open #column--2{left:-24.5%}.column--2-open #column--3{left:calc(24.5% + 4vw)}.column--3-open #column--1,.column--3-open #column--2,.column--3-open #column--3{left:-50%}.project-container.open{width:calc(var(--main-width)*.745)}.column--wide .project-container.open{width:calc(var(--main-width)*.745)}html:not(.mobile) .project-container.open .project__cover-image-container{width:15vw !important}.project-container.open .project__description{bottom:26px !important}.project-container.open .project__content,.project-container.open .project__image,.project-container.open .project__video-container{display:block}.project-container.closing .project__content,.project-container.closing .project__image,.project-container.closing .project__video-container{display:block}.no-transition,.no-transition *{transition:none !important;background-image:none !important}.no-transition video{display:none}.project-container{width:100%;margin-top:calc(var(--main-width)*.01);transition-property:width,height;transition-duration:.5s;transition-timing-function:ease-in-out;position:relative;overflow:hidden}.project{border-bottom:1px solid #000;padding-bottom:12px;width:100%;position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box}.project-container.open .project{cursor:none}.project.project--text{padding-bottom:1.5vw}.project img{width:100%;width:100%;height:auto}.project__cover-image-container{width:100%;transition-property:width;transition-duration:.5s;transition-timing-function:ease-in-out}.project__cover-image{width:100%;padding-bottom:150%;background-position:top left;background-size:contain;background-repeat:no-repeat;transition:padding-bottom .5s ease-in-out,min-height .5s linear,opacity .25s ease-in-out;box-sizing:border-box;opacity:0}.project__cover-image.loaded{opacity:1}.project__cover-image.project__cover-video{position:relative;opacity:1}.project__cover-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.project__title{font-size:16px;margin-top:16px}.project__subtitle{text-transform:lowercase;font-size:11px;font-family:"Source Code Pro",monospace;color:#666;letter-spacing:.03em}.project__open-width-container{position:absolute;top:0;left:0;width:calc(var(--main-width)*.745);height:100%;pointer-events:none}.project-container.open .project__open-width-container{pointer-events:all}.project__description{position:absolute;width:50%;right:0;transition-property:bottom;transition-duration:.5s;transition-timing-function:ease-in-out;max-width:30em;opacity:0}.project__description.positioned{opacity:1}.project__close--sticky{position:absolute;top:calc(var(--main-width)*.0355);left:100%;cursor:pointer;font-size:11px;font-family:"Source Code Pro",monospace;color:#666;letter-spacing:.03em;color:#000;padding:0 5px 3px;border:1px solid #000;border-radius:12px;transform-origin:0 0;transform:rotate(90deg);white-space:nowrap}.project-container--text .project__close--sticky{top:calc(var(--main-width)*.01)}.project__close--sticky:hover{background-color:#000;color:#fff}.project__close--sticky:hover path{stroke:#fff}.project__close--sticky svg{width:.75em;vertical-align:baseline;position:relative;top:.1em}.project__close--sticky path{stroke:#000}.project__heading{font-size:11px;font-family:"Source Code Pro",monospace;color:#666;letter-spacing:.03em;margin-bottom:1em;margin-top:3em}.project .project__heading{margin-top:0}.project__paragraph{font-size:16px}.column--wide .project .project__open-wid th-container{width:calc(var(--main-width)*.655)}a{color:#000;text-decoration:none;border-bottom:1px solid #000}a.a--no-underline{border-bottom:none}.project__content{display:none;position:relative;overflow:hidden;border-bottom:1px solid #000;padding-left:calc(var(--main-width)*.0355);padding-right:calc(var(--main-width)*.0355)}.project__content.project__content--static-width{width:calc(var(--main-width)*.745)}.project__content .project__image-container{margin-top:1.5%;margin-top:calc(var(--main-width)*.0355);margin-bottom:calc(var(--main-width)*.08)}.project__content .project__image{width:100%;box-sizing:border-box;padding-bottom:150%;background-position:center;background-size:cover;background-repeat:no-repeat;display:none;opacity:0;transition:opacity .25s ease-in-out}.project__content .project__image.loaded{opacity:1}.project__content .video-controls{cursor:pointer}.project__content .video-controls .project__video-container{position:relative}.project__content .video-controls .project__video-container.overlay::before{content:"PLAY";color:#fff;border:2px solid #fff;width:80px;height:80px;line-height:80px;text-align:center;position:absolute;border-radius:50%;font-size:14px;letter-spacing:.1em;left:50%;top:50%;transform:translate(-50%, -50%);backdrop-filter:blur(8px) brightness(80%);z-index:5;pointer-events:none;transition:backdrop-filter,width,height,line-height;transition-duration:.1s;pointer-events:none}.project__content .video-controls .project__video-container.overlay:hover::before{backdrop-filter:blur(10px) brightness(80%);width:90px;height:90px;line-height:90px}.project__content .video-controls .project__video-container.overlay video{pointer-events:none}.project__content .project__video-container{padding-bottom:56.25%;position:relative;display:none}.project__content .project__video{width:100%;position:absolute;height:100%;top:0}.project__content .vimeo--looping,.project__content .vimeo--background{pointer-events:none}.project__content .variation--aa,.project__content .variation--ab,.project__content .variation--ac,.project__content .variation--ad,.project__content .variation--ae{width:80%}.project__content .variation--ab{margin-left:5%}.project__content .variation--ac{margin-left:10%}.project__content .variation--ad{margin-left:15%}.project__content .variation--ae{margin-left:20%}.project__content .variation--ba,.project__content .variation--bb,.project__content .variation--bc,.project__content .variation--bd,.project__content .variation--be{width:65%}.project__content .variation--bb{margin-left:10%}.project__content .variation--bc{margin-left:17.5%}.project__content .variation--bd{margin-left:25%}.project__content .variation--be{margin-left:35%}.project__content .variation--ca,.project__content .variation--cb,.project__content .variation--cc,.project__content .variation--cd,.project__content .variation--ce{width:50%}.project__content .variation--cb{margin-left:15%}.project__content .variation--cc{margin-left:25%}.project__content .variation--cd{margin-left:35%}.project__content .variation--ce{margin-left:50%}.project__content .variation--da,.project__content .variation--db,.project__content .variation--dc,.project__content .variation--dd,.project__content .variation--de{width:35%}.project__content .variation--db{margin-left:15%}.project__content .variation--dc{margin-left:32.5%}.project__content .variation--dd{margin-left:50%}.project__content .variation--de{margin-left:65%}.project__content .variation--ea,.project__content .variation--eb,.project__content .variation--ec,.project__content .variation--ed,.project__content .variation--ee{width:20%}.project__content .variation--eb{margin-left:15%}.project__content .variation--ec{margin-left:40%}.project__content .variation--ed{margin-left:65%}.project__content .variation--ee{margin-left:80%}.column--wide .project__cover-image{padding-bottom:66%}.column--wide .project-container.open .project__cover-image{padding-bottom:max(68%,var(--natural-ratio, 66%)) !important}.project-container:not(.open) .project__cover-image{min-height:0 !important}.project-container--text .project__content{padding-top:calc(var(--main-width)*.01);padding-bottom:calc(var(--main-width)*.01);padding-left:0;padding-right:30px;box-sizing:border-box}.project__open-cover-image{padding-bottom:0%;width:100%;background-size:cover;background-position:top left;margin-bottom:0;transition-property:padding-bottom,margin-bottom;transition-duration:.5s;transition-timing-function:ease-in-out;width:calc(var(--main-width)*.745)}.project-container.open .project__open-cover-image{padding-bottom:50%;margin-bottom:1vw}.contact__column{width:260px;display:inline-block;margin-right:60px;vertical-align:top}.contact__column:last-of-type{margin-right:0}.about__column-container{overflow:hidden}.about__column--left{max-width:820px;width:calc(100% - 300px);margin-right:30px;float:left}.about__column--right{float:left;max-width:270px}.project__paragraph.about__paragraph{width:auto;max-width:820px}.hr{clear:both;width:100%;height:1px;background-color:#000;margin:1.5vw 0}.team{overflow:hidden;padding-bottom:1px}.team__lists{width:200px;float:left}.team__heading{margin-top:1.5em}.team-member{cursor:default;padding-bottom:2px}.team-member .team-member__name{border-bottom:1px solid #000}.team-frame{float:left;width:calc(100% - 220px);margin-left:20px;overflow:hidden;display:none}.team-frame.visible{display:block}.team-frame .team-frame__image-container{max-width:600px}.team-frame .team-frame__image{padding-bottom:66.666%;background-position:center;background-size:cover;background-color:#000;box-sizing:border-box;border:1px solid rgba(0,0,0,0)}.team-frame .team-frame__image.placeholder-image{border:1px solid #000}.team-frame .team-frame__name{margin-top:1em}.team-frame__bio{display:none}.team-frame__bio.visible{display:block}#close-project-button{display:none}@media only screen and (max-width: 959px){body{display:none}}.mobile-only{display:none}html.mobile .mobile-only{display:block}html.mobile{overflow:auto}html.mobile body{height:auto;display:block !important}html.mobile header{display:none}html.mobile #header--hover{display:none}html.mobile #header--behind{top:3vw}html.mobile .logo{left:8vw;width:26vw}html.mobile nav{font-size:14px;right:auto;top:3vw;left:97vw;left:calc(96vw + 10px);transform-origin:0 0 !important;width:100vh;width:calc(var(--vh, 1vh)*100);transition:width .2s ease-in-out;overflow:visible}html.mobile .nav__link:hover{border-bottom:none}html.mobile .nav__link.active{border-bottom:1px solid #000 !important}html.mobile #close-project-button{display:block;position:absolute;right:6vw;top:-6vw;transition:top .5s ease-in-out}html.mobile body.open #close-project-button{top:0px}html.mobile .project__close{display:none}html.mobile main{padding:40vw 8vw 8vw;padding-right:34px;margin:0;width:100%;box-sizing:border-box}html.mobile .column{float:none;width:100%}html.mobile .project-container{margin-top:0}html.mobile .project-container.open{width:100%}html.mobile .project-container:first-of-type .project{padding-top:0px}html.mobile .project-container{background-color:#fff}html.mobile .project{font-size:0;background-color:#fff;padding-top:24px}html.mobile .project.project--text{padding-bottom:12px;padding-top:0}html.mobile .project__cover-image-container{display:inline-block;width:30%}html.mobile .project__title-container{display:inline-block;margin-left:12px;width:calc(100% - 12px - 30%);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.mobile .project__title{font-size:20px}html.mobile .project__subtitle{font-size:14px}html.mobile .project__content .project__image-container{margin-top:4vw;margin-bottom:8vw;width:100% !important;margin-left:0 !important}html.mobile .project__content .project__image-container:nth-child(2){margin-top:0}html.mobile .project__content .project__description{position:static;width:100%;transition:none;max-width:none;background-color:#fff;padding-top:4vw;padding-bottom:8vw}html.mobile .project__content .project__description.project__description--no-text{padding-bottom:0;background:none}html.mobile .project-container--text{background-color:#fff;padding-top:24px}html.mobile .project-container.open .project__open-cover-image{margin-bottom:12px}html.mobile .project-container--text .project__content{margin-top:12px;padding-bottom:12px}html.mobile .contact__column{width:100%;display:block;margin-right:0;margin-bottom:1.5em}html.mobile .contact__column:last-of-type{margin-bottom:0}html.mobile .about__column--left{max-width:none;width:auto;margin-right:0;float:none}html.mobile .about__column--right{float:none;max-width:none}html.mobile .about__services{position:static;width:100%}html.mobile .about__paragraph{max-width:none;width:100%}html.mobile .project__paragraph.about__paragraph{width:100%}html.mobile .hr{margin:3vw 0}html.mobile .team__list{width:100%}html.mobile .team__heading{margin-top:1.5em}html.mobile .team-member .team-member__name{border-bottom:none}html.mobile .team-member:hover .team-member__name{border-bottom:none}html.mobile .team-frame{display:none !important}html.mobile .team-frame__bio{display:none !important}