.container{position:relative;width:100%;margin:0 auto;padding:0 20em;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 550px){.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%;background-color:#fefefd;scroll-behavior:smooth;height:100%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Helvetica,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222;margin:0!important;height:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:15rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}a{color:#1eaedb}a:hover{color:#0fa0ce}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:focus,button:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:hover,button.button-primary:hover,input[type=submit].button-primary:hover,input[type=reset].button-primary:hover,input[type=button].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type=submit].button-primary:focus,input[type=reset].button-primary:focus,input[type=button].button-primary:focus{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #33c3f0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.position-bottom{width:100%;position:absolute;bottom:0}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.hidden{display:none}.image{max-width:1600px;height:100%;object-fit:cover}header{background-color:#fefefd;color:#333;padding-top:10px;padding-bottom:10px;position:sticky;top:0;z-index:9;transition:ease .4s;&--scrolled{height:40px}}footer{padding:2rem;background-color:inherit;z-index:9;backdrop-filter:blur(5px);text-align:center;display:flex;justify-content:space-between;align-items:center}h2 a,h2 a.active{text-decoration:none}nav a{padding-bottom:.25em;color:var(--black);text-decoration:none;svg{padding-bottom:0}}nav a.active{text-decoration:none;border-bottom-color:var(--accent)}header h1{font-size:4rem}header h2{font-size:1.75rem;text-align:center}a{color:#fff}.wrapper{display:flex}#about{color:#fff;background:#000}.title{display:flex;justify-content:center;align-items:center;text-align:center;width:50%;height:100vh;background:#faf9fc;position:sticky;position:-webkit-sticky;top:0}.scroll{width:50%;color:#fff}.scroll div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.scroll div>h2{width:80%;text-align:center}.scroll div>p{width:80%}.scroll div:nth-child(1){background:#d83f87}.scroll div:nth-child(2){background:#4abdac}.scroll div:nth-child(3){background:#44318d}.title-project{display:flex;justify-content:center;flex-direction:column;width:25%;height:100vh;position:sticky;position:-webkit-sticky;top:0}.title-project>h1{width:100%;font-size:xxx-large}.title-project>p{width:100%}.scroll-project-nm,.scroll-project{width:100%;height:100%}.scroll-project-nm div,.scroll-project div{display:flex;flex-direction:row;justify-content:center;margin-bottom:10px}.scroll-project div>h2{width:80%;text-align:center}.scroll-project div>p{width:80%}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}to{opacity:0}}.noise:before{top:-10rem;left:-10rem;width:100%;height:100%;z-index:9;content:"";position:fixed;pointer-events:none;background-color:transparent;background-image:url(../bg-images/noise.png);animation:noise 1s infinite}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}.unselected{color:#d3d3d3}.grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:5px;grid-row-gap:5px}.grid-item{position:relative;cursor:pointer}.grid-item img{width:100%;height:100%;object-fit:cover;object-position:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center}.grid-item:hover .overlay{opacity:1}.overlay-text{color:#fff;font-size:18px;text-align:center;font-family:Inter}.project-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.image-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.metadata-container{display:flex;justify-content:space-around;white-space:nowrap;font-size:small;position:fixed;width:100%;bottom:0;background-color:#fefefd;@media only screen and (min-width: 320px){display:block;white-space:pre-wrap;text-align:center}}.metadata-item>span{padding-right:.5em}.modal-overlay{top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background-color:#fff;border-radius:8px;max-width:80%;max-height:80%;overflow:auto;position:relative;padding:20px;box-shadow:0 2px 8px #0000001a}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.nav-btns{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:100%}.modal-content{padding:20px}.nav-btns button{background:none;border:none;font-size:24px;cursor:pointer}.close-button-container{position:absolute;top:10px;right:1px;z-index:1000}.close-button{background-color:transparent;border:none;cursor:pointer;font-size:16px;svg{fill:#fff}svg:hover{fill:#fff}}.close-icon{width:50px;height:50px;border-radius:50px;background-color:#333}.arrow-button{position:absolute;transform:translateY(-50%);background:none;border:none;cursor:pointer;outline:none}.prev{left:10px}.next{right:10px}.arrow-button:hover svg{fill:#333}.headerlink-vertical{margin:0!important}.display-none{display:none}.slideshow{position:relative;height:100vh;overflow:hidden;width:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 2s ease-in-out}.slide.active{opacity:1}.rd-body{overflow-y:visible;position:relative;height:unset;overflow-x:hidden;margin:0}#panels #panels-container{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0;overflow:hidden}#panels #panels-container .panel{position:relative;min-width:50vw;height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;padding:0}.rd-image{width:50%;max-width:100%;height:auto;display:block}.rd-container{display:flex;align-items:center;flex-direction:row;justify-content:center}.animation{position:absolute;top:0;left:0;height:100vh;display:flex;align-items:center;white-space:nowrap;background-color:#000;color:#fff;overflow:hidden;justify-content:center;z-index:100;width:100%}.animate{font-size:100px;text-transform:uppercase;color:#e0e0e0;-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite}@-webkit-keyframes animate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes animate{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate span{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px blue;margin:0 10px}.loading-container{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#f7f7f7;width:100%;height:100vh}.loading-container h1{color:#000;text-transform:uppercase;overflow:hidden}.scrollable-area{height:200vh}@media only screen and (min-width: 320px){.scroll-project-nm{display:none}.metadata-item{width:90%;margin:0 auto}.scroll-project.mobile-only div:last-of-type .image-container{padding-bottom:40%}.grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:10px}.wrapper-project{display:none}header{width:80%;margin:0 auto;padding-top:20px;padding-bottom:20px}html{overflow-x:hidden;body{overflow-x:hidden}}.mobile-only{display:block}.main{width:80%;margin:0 auto}.mobile-no-x-scroll{overflow-x:hidden}.text-container{font-size:x-small;display:flex;flex-direction:column;justify-content:space-around;text-align:center;margin:0 auto;height:100%;color:#fff;.intro-text{text-align:center}}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end}.intro-logo{fill:#333;width:200px;margin:0 auto}.nav-items{display:none}#menuToggle{display:block;position:relative;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:50vw;height:100vh;margin:-100px 0 0;padding:125px 50px 50px;right:-100px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%);transition:transform .5s cubic-bezier(.77,.2,.05,1);box-shadow:11px 3px 27px 13px #474747a3;-webkit-box-shadow:11px 3px 27px 13px rgba(71,71,71,.64);-moz-box-shadow:11px 3px 27px 13px rgba(71,71,71,.64)}#menu li{padding:10px 0}#menuToggle input:checked~ul{transform:scale(1);opacity:1}.flex-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between;margin:0 auto}.vertical-items{display:none}}@media only screen and (min-width: 768px){.scroll-project-nm{display:none}.scroll-project.mobile-only div:last-of-type .image-container{padding-bottom:15%}.title-project{display:flex;justify-content:center;flex-direction:column;width:25%;height:100vh;position:sticky;position:-webkit-sticky;top:0}.wrapper-project{display:none}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:10px}.main{max-width:80%;margin:0 auto}#header{header:80%;margin:0 auto}.text-container{font-size:small}.intro-logo{width:300px}.nav-items,.vertical-items{display:none}}@media only screen and (min-width: 1200px){.wrapper-project{display:flex}.scroll-project-nm{display:block}.scroll-project.mobile-only div:last-of-type .image-container{padding-bottom:0}.mobile-only{display:none}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:10px;grid-row-gap:10px}header{padding-top:60px;padding-bottom:60px}.slideout-nav,.nav-toggle{display:none}.flex-items{.filter{margin-right:2em}}.flex-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between;margin:0 auto}.logo,.nav-items{display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0}.vertical-items{display:flex;flex-direction:column;a:nth-child(1){padding-bottom:1em}a:nth-child(2){padding-bottom:1em}}.flex-items:nth-child(4){display:none}.main{max-width:80%;margin:0 auto;font-size:62.5%}#header{width:80%;margin:0 auto}.text-container{font-size:small}.nav-items{display:block}.about-text{font-size:x-small}}@media only screen and (min-width: 1600px){.main{max-width:80%;margin:0 auto;font-size:1em}.scroll-project-nm{display:block}.scroll-project.mobile-only div:last-of-type .image-container{padding-bottom:0}.wrapper-project{display:flex}.nav-items{display:block}.flex-container{width:100%}.intro-logo{margin:0;fill:#fff}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end}.text-container{width:90%;margin:0 auto 2em;display:flex;justify-content:space-between;flex-direction:row;align-items:flex-end;text-align:right;color:#fff;font-size:medium;.intro{line-break:auto}}}.nav-item-active{text-decoration:underline!important;font-weight:bolder!important}.padding-right{padding-right:20px}.transparent{background-color:transparent!important}.about-bg-image{object-fit:cover}.html-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;z-index:999}.delayed-section{position:absolute;width:30vw;height:38.87vw}.delayed-section .inner-container{will-change:transform}.delayed-section img{max-width:100%;will-change:transform}#del1{top:101vh;left:10vw}#del2{top:110vh;left:60vw}#del3{top:120vh;left:30vw}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}