.projectHead,.fullBleed,.constrainBlock{margin-bottom:14rem}@media screen and (min-width: 768px){.projectHead,.fullBleed,.constrainBlock{margin-bottom:10rem}}.projectHead .bannerImage{margin-bottom:5rem}@media screen and (min-width: 768px){.projectHead .bannerImage{margin-bottom:3rem}}.blockCaption{margin-top:3rem}@media screen and (min-width: 768px){.blockCaption{margin-top:1.5rem}}.project{margin-top:30rem}@media screen and (min-width: 768px){.project{margin-top:18rem}}.projectHead .projectInfo,header,.project,footer,#copyright,.constrainBlock,#intro,#projectsContainer{padding-left:4rem;padding-right:4rem}@media screen and (min-width: 768px){.projectHead .projectInfo,header,.project,footer,#copyright,.constrainBlock,#intro,#projectsContainer{padding-right:3rem;padding-left:3rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:neue-haas-grotesk-display,sans-serif;font-variant-ligatures:common-ligatures}u{text-decoration:none;position:relative;display:inline-block!important}em{display:inline;font-weight:200;font-style:normal;color:var(--inverted)}strong{font-weight:inherit;color:var(--inverted)!important}h1,.transitionCoverContent span{font-size:10rem;font-weight:600;line-height:1.03;margin:0 0 .25em;font-variant-ligatures:common-ligatures;font-feature-settings:"liga","salt";color:var(--inverted);perspective:1800px;font-kerning:none;transform-style:preserve-3d;letter-spacing:-.01em!important}@media screen and (min-width: 768px){h1,.transitionCoverContent span{font-size:4.5rem}}h2,.transitionCoverContent span:not(.path){font-weight:300;word-spacing:.04em;line-height:1.25;font-family:neue-haas-grotesk-display,sans-serif;font-variant-ligatures:common-ligatures;font-feature-settings:"liga","salt";margin:0 0 .1em;font-size:5rem;letter-spacing:.015em;min-height:0vw;will-change:transform}@media screen and (min-width: 768px){h2,.transitionCoverContent span:not(.path){font-size:1.7rem}}h2 em,.transitionCoverContent span:not(.path) em{font-family:inherit;font-style:italic}h3{font-weight:500;letter-spacing:.011em;line-height:1.3;font-family:neue-haas-grotesk-display,sans-serif;font-variant-ligatures:common-ligatures;font-feature-settings:"liga","salt";margin:0 0 .5em;font-size:3.75rem;min-height:0vw;will-change:transform}@media screen and (min-width: 768px){h3{font-size:1.15rem}}h4,span.path{letter-spacing:.2em;text-transform:uppercase;min-height:0vw;margin-bottom:.5rem;color:var(--teal);font-variant-ligatures:common-ligatures;font-feature-settings:"liga","salt";line-height:180%;font-weight:500;font-size:2rem}@media screen and (min-width: 768px){h4,span.path{font-size:.6rem}}h4:nth-of-type(2),span.path:nth-of-type(2){margin-top:4rem}h5{font-weight:700;font-size:clamp(1.19rem,1.19rem + (1vw - .35rem) * .581,1.8rem);margin:0;letter-spacing:.04em}h6{font-size:1.27rem;font-weight:600;line-height:1.1;margin-left:-.07em!important;text-transform:uppercase;letter-spacing:.1em}ol{padding:0}ul{list-style-type:none;padding:0}p,li,ol,ul,a{line-height:1.4;font-weight:500;margin:0 0 .5em;letter-spacing:.015em;font-size:3.2rem}@media screen and (min-width: 768px){p,li,ol,ul,a{font-size:.9rem}}p>strong,li>strong,ol>strong,ul>strong,a>strong{font-weight:700}p br,li br,ol br,ul br,a br{margin-bottom:2em}p,ul,li{opacity:.7}li{margin-bottom:0}p>a{text-decoration:underline}button{background:none;border:none;padding:0}a{text-decoration:none;color:var(--inverted);transition:all .2s ease-in-out}a:visited{color:var(--inverted)}#intro{display:flex;position:relative;flex-direction:column;margin-top:17.5vh;justify-content:space-between;align-items:flex-end;margin-bottom:9rem}@media screen and (min-width: 768px){#intro{flex-direction:row}}#intro h1{transform-origin:center center;transform:perspective(300px);transform-style:preserve-3d;width:100%;margin-bottom:10rem}#intro h1>div{opacity:0;transform:translateY(90%)}@media screen and (min-width: 768px){#intro h1{width:60%;margin-bottom:.25em}}#intro #shortAbout{width:100%}#intro #shortAbout>div>*{opacity:0;transform:translateY(10%)}#intro #shortAbout>div:last-child{margin-top:6rem}@media screen and (min-width: 768px){#intro #shortAbout{width:30%}#intro #shortAbout>div:last-child{margin-top:2rem}}#projectsContainer{margin:0}@media screen and (min-width: 768px){#projectsContainer{margin:auto}}.projectSpan{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.projectSpan:nth-of-type(2){flex-direction:column}@media screen and (min-width: 768px){.projectSpan{flex-direction:row}.projectSpan:nth-of-type(2){flex-direction:row-reverse}}.projectContent{margin-bottom:10rem}.projectWrapper{height:100%}.constrainBlock{width:100%}@media screen and (min-width: 768px){.constrainBlock{width:90%;margin-left:auto;margin-right:auto}}.blockCaption{width:100%;margin-left:auto;margin-right:auto}.blockCaption p{margin:0}@media screen and (min-width: 768px){.blockCaption{width:60%}}footer{margin-top:20rem;width:100%;position:relative;margin-right:auto;margin-left:auto;padding-top:7rem;background:var(--faded);padding-bottom:8rem}footer h2{color:var(--teal)!important}footer>div{width:100%;margin:0 auto;padding-top:calc(var(--spacer) * 2)}footer a{display:inline-block;position:relative}footer a:after{position:absolute;bottom:.25em;display:block;height:2px;width:100%;background:var(--teal);content:""}footer h4{color:var(--inverted)!important;margin-bottom:0}#copyright{text-align:right;margin-top:5rem;display:inline;margin-bottom:.75rem}.projectHoverElement{position:absolute;z-index:4;width:7.75rem;height:7.75rem;top:0;left:0;transform-origin:center center;pointer-events:none;display:none;align-items:center;justify-content:center;border-radius:40rem;background:none}@media screen and (min-width: 768px) and (hover: hover){.projectHoverElement{display:flex}}.projectHoverElement .acronym{text-transform:uppercase}.lagHoverElement{position:absolute;top:0;left:0;pointer-events:none;z-index:3;border-radius:50rem;width:7rem;height:7rem;display:none;background:var(--faded)}@media screen and (min-width: 768px) and (hover: hover){.lagHoverElement{display:block}}.lagHoverElement,.projectHoverElement{transform:translate(-50%,-50%) scale(.85);opacity:0;transition:opacity .3s ease-in-out}.project{display:block;position:relative}@media screen and (min-width: 768px){.project{margin-bottom:0}}.project .projectThumbnailContainer{width:100%;height:68vh;position:relative;transform-origin:center;overflow:hidden}.project .projectThumbnailContainer .thumbnailConveyer{width:100%;height:100%;transform-origin:bottom center}.project .projectThumbnailContainer .imageContainer{width:100%;height:100%}.project .projectThumbnailContainer img{height:100%;width:100%;object-fit:cover;transform-origin:top center;transform:perspective(300px);transform-style:preserve-3d}.project .projectThumbnailContainer .tealCover{width:100%;height:100%;background:var(--teal)}.project .projectThumbnailContainer:hover .lagHoverElement,.project .projectThumbnailContainer:hover .projectHoverElement{opacity:1;transition:opacity .3s ease-in-out}.project .projectInfo{margin:4rem auto 0;width:100%}@media screen and (min-width: 768px){.project .projectInfo{width:30%;margin-top:2rem;padding:0;margin-left:auto;margin-right:0}}.project.vertical{width:100%}.project.vertical:first-child{margin-right:0rem}.project.vertical:last-child{margin-left:0rem}.project.vertical:last-child .projectThumbnailContainer{height:81vh}@media only screen and (min-width: 768px){.project.vertical{width:50%;margin-top:0}.project.vertical:first-child{margin-right:3rem}.project.vertical:last-child{margin-top:25%;margin-left:3rem}.project.vertical:nth-of-type(2):first-child{margin-left:3rem;margin-right:0}.project.vertical:nth-of-type(2):last-child{margin-right:3rem;margin-left:0}}.project.horizontal{width:100%}.project.horizontal:first-of-type{margin-right:0;margin-left:auto}@media only screen and (min-width: 768px){.project.horizontal{width:70%;margin-bottom:18rem;margin-top:18rem}.project.horizontal:first-child{margin-left:3rem}.project.horizontal:last-child{margin-right:3rem}}header{right:0;width:100%;top:0;padding-top:2.5rem;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:6}@media screen and (min-width: 768px){header{padding-top:1.25rem}}header>div{display:flex;align-items:center;justify-content:center}header a{transition:.2s all ease-in-out;display:block;color:var(--inverted)!important}header .rightNav{display:flex;align-items:center}header>nav{display:flex;align-items:center;justify-content:center}header>nav a{color:var(--inverted);text-align:right;margin-bottom:0!important;margin-left:1.25rem}header>nav a:hover{color:var(--teal)!important;transition:all .2s ease-in-out}header>nav .hideNav{display:none}.logo{height:5.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:0}@media screen and (min-width: 768px){.logo{height:1.5rem}}.logo svg{width:100%;height:calc(100% - .25rem)}#backHomeButton{margin-bottom:0!important;line-height:1!important}button#themeSwitch{border-radius:100px;width:3rem;display:block;height:3rem;background:var(--inverted);position:relative;margin-left:4rem;transition:all .2s ease-in-out}button#themeSwitch.themeChanging{transform:rotate(30deg);transition:1s cubic-bezier(0,.85,.36,1) all}button#themeSwitch.themeChanging div.sunDot{transform:scale(.5);transition:1s cubic-bezier(0,.85,.36,1) all}button#themeSwitch a{cursor:pointer}@media screen and (min-width: 768px){button#themeSwitch{width:.9rem;height:.9rem;margin-left:1rem}}.themeSwitchContainer{width:100%;height:100%}div.middleDot{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;display:none;height:.85rem;width:.85rem;background:var(--inverted);border-radius:50px}div.sunBar{height:210%;top:0;width:.25rem;display:none;display:flex;justify-content:center;align-items:flex-start;left:0;right:0;bottom:0;margin:auto;position:absolute}div.sunDot{height:.2rem;width:.2rem;border-radius:4rem;background:var(--inverted)}#transitionCoverContainer{width:100vw;position:fixed;z-index:5;top:0;left:0;height:100vh;pointer-events:none}.transitionCoverContent{width:100%;height:100%;background:var(--primary);display:flex;justify-content:center;align-items:center;flex-direction:row;opacity:1;transform-origin:center center;padding-left:var(--spacer);padding-right:var(--spacer)}.transitionCoverContent span{transform-origin:center center;text-align:center!important;transform:perspective(300px);transform-style:preserve-3d}.transitionCoverContent h3{margin-top:4rem}.pathInfoContainer{display:flex;align-items:baseline}.pathInfoContainer span{margin-bottom:0!important}.pathInfoContainer .path{margin-left:1ch}@keyframes pulse-anim{0%{transform:scale(1)}50%{transform:scale(2.5)}to{transform:scale(1)}}.loadingCircle{width:1rem;height:1rem;opacity:1;margin-left:1.5rem}.loadingCircle div{width:100%;height:100%;border-radius:10rem;background:var(--teal);animation:pulse-anim 1s infinite ease-in-out}.fullBleed{margin-left:0!important;margin-right:0!important}.fullBleed .blockCaption{margin-right:auto;margin-left:var(--spacer)}.fullBleed .imageContainer{height:70vh;overflow:hidden;width:100%}@media screen and (min-width: 768px){.fullBleed .imageContainer{height:100vh!important}}.fullBleed img{margin:0;object-fit:cover;height:100vh;width:100%;will-change:transform;transform-origin:center}@media screen and (min-width: 768px){.fullBleed img{height:130vh}}.projectHead .bannerImage{width:100%;height:60vh;overflow:hidden;position:relative}.projectHead .bannerImage .imageConveyer{display:flex;flex-direction:column;height:300%}.projectHead .bannerImage .imageConveyer .tealCover{width:100%;background:var(--teal);height:100%}.projectHead .bannerImage .imageContainer{height:100%}.projectHead .bannerImage img{object-fit:cover;object-position:center 70%;width:100%;height:120%;opacity:0;transform-origin:center center;transform:perspective(300px);transform-style:preserve-3d;will-change:transform}.projectHead h1{position:absolute;bottom:4%;margin:0;overflow:hidden;will-change:transform;color:#e9e9e9!important;filter:drop-shadow(0px 0px 15px rgba(0,0,0,.08));left:4rem;font-size:9.5rem;transform:perspective(200px);backface-visibility:visible;transform-style:preserve-3d}@media screen and (min-width: 768px){.projectHead h1{left:3rem;font-size:8rem}}.projectHead h1>div,.projectHead h1>div>div{will-change:transform}.projectHead .projectInfo{display:inline-flex;flex-wrap:wrap;will-change:transform}.projectHead .projectInfo .projectChallenge{padding-right:0;width:100%;opacity:0}@media screen and (min-width: 768px){.projectHead .projectInfo .projectChallenge{width:50%;margin-right:5%}}.projectHead .projectInfo .projectChallenge a{border-bottom:var(--teal) 2px solid;display:inline-block;margin-top:2rem}.projectHead .projectInfo .projectChallenge a.noLink{display:none}.projectHead .projectInfo .projectOtherInfo{display:flex;margin-top:5rem;width:100%}@media screen and (min-width: 768px){.projectHead .projectInfo .projectOtherInfo{width:40%;margin-top:0}}.projectHead .projectInfo .projectOtherInfo div:nth-child(1){margin-right:2.5rem;will-change:transform}.projectHead .projectInfo .projectOtherInfo div{width:50%;opacity:0;will-change:transform}.projectOtherInfo>div>ul>li{opacity:0}.projectLinks{margin-top:5rem}@media screen and (min-width: 768px){.projectLinks{margin-top:0}}a.nextProjectContainer{display:block;overflow:hidden;margin:0!important}.nextProjectContent{height:50vh;width:100%;position:relative}.nextProjectContent img{position:absolute;top:0;object-fit:cover;z-index:-1;opacity:.5;left:0;width:100%;height:100%}.upNextText{position:absolute;left:4rem;top:50%;bottom:50%;margin-top:auto;margin-bottom:auto}@media screen and (min-width: 768px){.upNextText{left:3rem}}.videoOnly{line-height:0;display:flex;flex-direction:column;align-items:center}.videoOnly video{border-radius:8px;width:100%;max-height:800px}.singleMid img{display:block;border-radius:6px;margin-left:auto;width:100%;margin-right:auto}html.lenis{height:auto}html{--primary: #1e1e1f;--inverted: #e2e2e2;--teal: #42d3b9;--faded: #2c2c2e;transition:.21;overflow-x:hidden;font-style:normal;background:var(--primary);color:var(--inverted);font-kerning:normal;margin:0;scroll-behavior:none;padding:0;font-size:calc(.2em + .5vw)}html.theme-light{--primary: #f8f8f8;--inverted: #1a1a1d;--faded: #e0e0e0;--teal: #1cbba0}@media screen and (min-width: 768px){html{font-size:calc(.5em + .5vw)}}@media screen and (min-width: 1440px){html{font-size:calc(.75em + .5vw)}}html *,html :after{transition:.21}html img{filter:brightness(.94) contrast(1)}@media (prefers-color-scheme: light){html img{filter:brightness(1) contrast(1)}}section.constrainBlock>*{transform-origin:center center}html,body{min-height:100%;width:100%}.flex-btw{display:flex;justify-content:space-between}.teal{color:var(--teal)}::selection{background:var(--inverted);color:var(--primary)}button:hover{cursor:pointer}.isMobile img{border-radius:clamp(1.5rem,1.5rem + (1vw - .36rem) * 1.7857,3rem)}.projectLinks{display:flex;flex-direction:row;margin-bottom:2.5rem}.projectLinks a:first-child{margin-right:2.5rem}.split-parent{overflow:hidden}.split-child{display:inline-block}.splitLine{overflow:hidden}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s;transition-delay:.6s}.page-exit{opacity:1;transition:opacity .3s}.page-enter-exit{opacity:0;transition:opacity .3s}.pinImage{margin:0 auto;display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:center;column-gap:15rem;row-gap:3rem}.pinImage img{margin:0!important}.fourImage{width:var(--boundary)}.fourImage .fourUp{max-width:2800px;display:grid;grid-template-rows:repeat(4,1fr);justify-content:center;align-items:center;gap:var(--spacer);flex-wrap:wrap;margin:0 0 calc(var(--spacer)) 0}.fourImage .fourUp img{width:100%;border-radius:5px;margin:0!important}.fourAcrossMobile{width:var(--boundary);margin-left:auto;margin-right:auto}.flexedQuad{margin-left:auto;margin-right:auto;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacer)}.flexedQuad img{width:100%}.mobileDouble{display:flex;align-items:center;justify-content:center}.mobileDouble img{width:50%;max-width:260px}.mobileDouble img:nth-child(1){transform:translateY(-20%);margin-right:2rem!important}@media only screen and (min-width: 688px){.fourImage .fourUp{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.fourImage h2:nth-of-type(2){margin-bottom:.5rem}}@media only screen and (min-width: 1100px){.flexedQuad{grid-template-columns:repeat(4,1fr);grid-template-rows:unset}.flexedQuad img{width:100%}.offsetDuoTransform{margin-top:12%}.projectContent .color-block{width:var(--boundary);padding:22rem 4.65%!important}}
