@font-face{font-family:biro;src:url(/_next/static/media/biro-real.cb8b77d7.otf) format("opentype")}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:termina,sans-serif;font-weight:400;font-style:normal;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch!important;overflow:auto!important}p{font-family:biro,sans-serif;font-size:26px;font-variant-ligatures:none}body{background-color:#faf9f4;overflow:hidden;height:100vh}body::-webkit-scrollbar{display:none}.nav-bar{display:flex;justify-content:center;text-transform:uppercase;position:absolute;width:100%;height:60px;align-items:center}.nav-bar a,.nav-bar a:hover{font-size:16px;color:#1546d1;font-weight:600}p:not(:last-child){margin-bottom:.875rem}ol,ul{margin-left:1rem}ol{list-style-type:disc}.stage-wrapper{background:#f0efe6;height:calc(100vh - 45px);overflow:hidden}.home-page-wrapper{height:100vh;overflow:hidden}.page{width:100%;height:100%;transition:transform .6s ease-in-out}.page-0{transform:translateY(0)}.page-1{transform:translateY(calc(-100vh + 45px))}.page-1 .project{overflow:hidden;height:100%}.page-1.scrollable .project{overflow:scroll}.intro-loader{height:100vh;width:100vw;background:#1546d1;z-index:100;position:fixed;animation:slideOut 1.2s ease-in-out forwards;animation-delay:4.3s}.intro-loader .nav-bar>a{color:#fff;text-align:center;font-size:16px;text-transform:uppercase;font-weight:600}.intro-loader .image-wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border:none}@supports (font:-apple-system-body) and (-webkit-appearance:none){img[loading=lazy]{-webkit-clip-path:inset(.6px);clip-path:inset(.6px)}}.intro-loader img{position:absolute;visibility:hidden}.intro-loader .show{visibility:visible}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(200vh)}}canvas{position:relative}.background-grid{width:100vw;height:calc(100vh - 45px);position:absolute;opacity:.3;background-image:url(/_next/static/media/background-texture.00fadcc8.png)}.project-selection{height:100%}.content{width:90%;margin-left:5%;margin-top:-4%}.description{width:80%;margin:0 auto}.bottom-link{display:flex;align-items:center;justify-content:center;padding:6vh 0 12vh}.mobile-images{display:none}.project-item{height:auto}.project-item .text-wrapper{height:calc((100vh / 3) - 45px);display:flex;align-items:center;padding:0 5%;justify-content:space-between}.project-item .title{font-size:105px;line-height:115px}.project-item .year{font-family:biro;font-size:1.2rem;font-weight:700;text-transform:uppercase;display:none}.link-wrapper p{font-family:termina;font-size:1.2rem}.selected-project{width:75%}.project-selector{margin:0;width:100vw;height:calc(100vh - 45px);display:flex;overflow:scroll}.project-selector-controls{width:30%;border-right:1px solid #979797;height:calc(100vh - 45px);font-size:60px;position:sticky;top:45px;z-index:1;overflow:hidden}.control{position:absolute;cursor:pointer;height:calc((100vh / 3) - 45px);transition:transform .1s cubic-bezier(1,.01,0,.825);width:100%}.control,.control-mobile{display:flex;align-items:center;justify-content:center}.control-mobile{width:33.33%;height:100%;border-left:1px solid #979797;position:relative;height:100px}.control-mobile:first-child{border:none}.control-mobile>.number{font-size:26px;position:absolute;transition:transform .1s cubic-bezier(1,.01,0,.825)}.control-mobile:not(.selected),.control:not(.selected){color:#bdbcb8}.control.selected{transform:scale(1.7)}.control-mobile.selected>.number{transform:scale(2.5)}.project{display:none}.selected-project{display:block;width:100%}.selected-project::-webkit-scrollbar{display:none}.selected-project{-ms-overflow-style:none;scrollbar-width:none}.slide{height:100%;display:flex;justify-content:center}.landing-box,.slide{position:absolute;width:100%}.landing-box{height:calc((100vh / 3) - 45px);border-bottom:1px solid #979797;background:#f3f2ea}.link-wrapper{display:flex;font-weight:600;height:35px;cursor:pointer}.link-wrapper p{text-align:center;display:flex;align-items:center;justify-content:center;margin:0}.link-wrapper>svg{margin-left:12px}.project{opacity:0;transform:scale(1);animation:fadeIn .5s linear forwards;animation-delay:.25s;overflow:scroll}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}.project-selector-controls-mobile{display:none;position:relative}.project-selector-inner{display:flex}@media screen and (max-width:720px){.mobile-images{display:block}.desktop-images{display:none}.content{width:100%;margin-top:-15%;margin-left:0}.description{width:85%;margin:0 auto;font-size:1.4rem}.bottom-link{padding:6vh 0}.project-selector-controls{display:none}.project-selector-controls-mobile{display:flex;height:100px;width:100%;align-items:center;justify-content:space-between;border-top:1px solid #979797;position:absolute;z-index:1;background:#faf9f4;bottom:env(safe-area-inset-bottom,0)}.project-item .title{font-size:65px;line-height:70px}.link-wrapper{font-size:14px}.link-wrapper>svg{width:50px}.project-item .text-wrapper{margin-top:18%;border-bottom:none;display:flex;flex-direction:column;justify-content:flex-start}.project-selector{height:calc(100vh);position:relative;flex-direction:column-reverse}.project-selector-controls{width:100%}}.sub-project .text-content{width:80%;margin:0 auto}.sub-project-title{text-transform:uppercase;font-weight:600}.sub-title{font-weight:600;margin-bottom:0!important;font-size:28px}.sub-project img{margin:30px auto;width:90%}.sub-project .image-experiment{width:60%;margin:0 auto}.sub-project ul{margin:0 0 10px}.sub-project li{font-family:biro;font-size:24px;width:85%}.header-wrapper{display:flex;justify-content:space-between}.gc-movie{width:20vw;transform:rotate(-5deg)}.stability-movie{width:50vw;transform:rotate(-2deg);margin:50px 0}.light-movie{width:17vw;transform:rotate(-5deg)}.tape{position:absolute;max-width:9vw;top:-20px;z-index:1;left:-40px;transform:rotate(5deg)}.tape-2{top:76%;left:75%;transform:rotate(180deg)}.soso{display:flex;justify-content:space-between;align-items:center}.soso>.col{width:48%}.pin{width:1.5vw!important;position:absolute;top:1.5vw;z-index:1;left:44%;margin:0!important}.wall-wrapper{margin-top:14%;position:relative;width:65%;transform:rotate(5deg)}.wall{width:100%}.wall-images{display:flex;justify-content:space-between}.tape-3{top:77%;max-width:7vw;left:75%;transform:rotate(180deg)}.tape-4{max-width:7vw;top:0;left:-17%}@media (max-width:1000px){.soso,.wall-images{display:flex;flex-direction:column}.light-movie{display:none}.col,.soso>.col,.wall-wrapper{width:100%};}.sabrina-bot-wrapper{display:block;opacity:1;height:50vh;min-height:500px;width:480px;position:fixed;right:20px;bottom:40px;z-index:4;transform:translateY(0);transition:all .5s ease-in-out;box-shadow:0 0 5px -1px rgba(0,0,0,.25)}.sabrina-bot-content-mobile{display:none}.page-0.sabrina-bot-wrapper{bottom:60px}.sabrina-bot-button{height:55px;width:55px;background:#1546d1;border-radius:100px;z-index:3;cursor:pointer;position:fixed;bottom:15px;right:30px;transition:transform .5s ease;transform:translateY(0);display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.75,.06,.28,.84);box-shadow:0 0 5px -1px rgba(0,0,0,.25)}.sabrina-bot-button:hover{transform:scale(1.2)}.page-0.sabrina-bot-button:hover{transform:translateY(-60px) scale(1.2)}.page-0.sabrina-bot-button{transform:translateY(-60px)}.sabrina-bot-button>img{width:50%;cursor:pointer}.sabrina-bot-wrapper.close{opacity:0;transform:translateY(50px)}.sabrina-bot{height:100%;background:#faf9f4;border:1px solid #1546d1;padding:1%;color:#1546d1}.sabrina-bot-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.sabrina-bot h1{text-transform:uppercase;font-weight:600;text-align:center;margin-top:10px}.sabrina-bot .close{position:absolute;right:1%;top:1%;width:30px}.sabrina-bot .sabrina-bot-description{font-family:termina,sans-serif;font-size:12px;padding:10px 20px;margin:0}.sabrina-bot .textarea-wrapper{border:1px solid #1546d1;width:100%;height:80px;position:relative}.sabrina-bot .send-button{background:#1546d1;height:45px;width:65px;display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;transition:opacity .4s ease-in-out}.send-button.loading{opacity:.4}.sabrina-bot .response-section{height:265px;overflow:hidden;position:relative}.sabrina-bot .response-wrapper{height:265px;overflow:scroll;font-size:20px;margin:10px 20px;position:relative}.sabrina-bot .response{height:auto;position:relative;min-height:250px}.sabrina-bot .response .text{transform:translateY(0);animation:fadeIn .5s linear forwards;font-size:24px;line-height:36px;padding-bottom:25px}@keyframes fadeInText{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sabrina-bot .response-bg{height:100%;width:100%;position:absolute;background-image:url(/_next/static/media/lines.98725466.svg);opacity:.4}.sabrina-bot .overlay{position:absolute;width:100%;background:#faf9f4;background:linear-gradient(0deg,#faf9f4,hsla(50,37%,97%,0));height:40px;bottom:0}.sabrina-bot .send-button>img{width:35px}.sabrina-bot textarea{background:none;width:100%;height:100%;position:absolute;border:none;overflow:auto;outline:none;box-shadow:none;resize:none;padding:1%}@media (max-width:725px){.sabrina-bot-content-mobile{display:block}.sabrina-bot-content{display:none}.sabrina-bot-wrapper{height:250px;min-height:250px;width:90vw}.sabrina-bot .close{right:2%;top:2%}.sabrina-bot .response-section,.sabrina-bot .response-wrapper{height:250px}.sabrina-bot-button,.sabrina-bot-button:hover{bottom:110px;right:6px;transform:translateY(0)}.page-0.sabrina-bot-button,.page-0.sabrina-bot-button:hover{transform:translateY(54px)}}.selected-project-header{width:100%;text-transform:uppercase;bottom:env(safe-area-inset-bottom,0)}.eye-navigation-wrapper{width:100%;position:absolute;height:200px;z-index:100;opacity:0;pointer-events:none}.eye-navigation-wrapper>canvas{float:right}.eye-navigation-wrapper.drop-in{transform:translateY(-200px);animation:slideIn .5s ease-in-out forwards;animation-delay:.8s}@keyframes slideIn{0%{opacity:0}40%{opacity:1;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.marquee.scroll-down img{transform:rotate(180deg)}.marquee{color:#fff;height:45px;--gap:1rem;display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;font-size:14px;cursor:pointer}.marquee>canvas{position:absolute}.marquee__content{flex-shrink:0;display:flex;justify-content:space-around;min-width:100%;gap:var(--gap);animation:scroll 20s linear infinite;height:100%;align-items:center;cursor:pointer}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@media screen and (max-width:720px){.selected-project-header{position:absolute;z-index:10}}