#section-1{background:#000 url(../assets/projects/002_north/index-highlight.jpg) no-repeat 100% 100%;background-size:auto 100%;color:#fff}#section-1 .content-60{align-items:center;display:flex;height:inherit}#section-1 .text-container{height:60vh;margin-top:var(--spacing-1)}#section-1 .link{color:#fff}#section-2{background:var(--cc-grey-96) url(../assets/resources/index_cover.png) no-repeat -20% -25% /auto 120%;column-gap:var(--spacing-2);display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:20vh;width:100vw}#section-2 .text-container{height:50%;width:50%}#section-2 p{width:70%}#section-3{align-items:stretch;column-gap:var(--spacing-2);display:flex;flex-direction:row;height:auto;padding-top:10vh;transition:all .6s cubic-bezier(.33,1,.68,1)}.section{align-items:center;height:90vh;margin-bottom:30vh}.section,.text-container{display:flex;flex-direction:column}.text-container{align-items:flex-start;justify-content:space-between}.text p{font-size:var(--font-4);width:60%}.text h1{margin-bottom:var(--spacing-3)}.backdrop{align-items:center;background:linear-gradient(to right top,var(--cc-grey-93),#fff);display:flex;height:85%;justify-content:flex-end;justify-self:flex-end;width:30%}.backdrop img{width:50%}.contact-face,.contact-form,.form-container,.media-container{position:relative}.contact-face,.contact-form{flex:1}.media-container{background:var(--cc-grey-96);display:flex;flex-basis:80%;flex-direction:column;justify-content:space-between;padding:var(--spacing-2);transition:all .6s var(--easeoutCubic)}.contact-form-toggle{flex-basis:50%!important}.media-container h1,h2{margin-bottom:var(--spacing-3)}.link-container{display:flex;flex-direction:column;row-gap:var(--spacing-3)}.link-container .link{align-content:center;background:var(--cc-grey-93);display:flex;flex-direction:row;justify-content:space-between;padding:var(--font-5) var(--font-4);transition:all .15s}.link-container .link:hover{filter:brightness(.95);text-decoration:none!important}.link-left{align-items:center;display:inline-flex}.link-left .arrow-container{margin-right:calc(var(--arrow-dim) + var(--font-4))}.form-container{display:flex;flex-direction:column;min-height:80vh}.contact-form{background:var(--cc-grey-96)}.contact-form textarea{flex:1}.contact-face{background:var(--cc-yellow);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:var(--spacing-2);position:absolute;right:0;top:0;transition:all .6s var(--easeoutCubic)}.contact-face:hover{filter:brightness(.9)}.contact-face-toggle{transform:translateX(-101%)}.face-title{align-self:center}.contact-face span:nth-child(3){align-self:flex-end;font-style:italic}.input-field-name:first-of-type{justify-content:space-between}.input-field-name:first-of-type .close{align-self:center}@media (max-aspect-ratio:1.3){.section{margin-bottom:0}#section-1{height:100vh;width:100%}#section-2{background:var(--cc-grey-96) url(../assets/resources/index_cover.png) no-repeat left bottom;background-position:-30% -50%;background-size:auto 120%;justify-content:center;margin-bottom:10vh;padding-top:0}#section-2 .text-container{height:50%;width:75%}#section-2 p{width:70%}#section-3{flex-direction:column;margin-bottom:20vh;margin-top:0;row-gap:var(--spacing-2)}.media-container{row-gap:var(--spacing-2);width:100%}.form-container{width:100%}}@media (max-width:480px){.section{height:100vh;margin-bottom:0}#section-1 .text-container,#section-2 .text-container{height:80vh;margin-top:0;width:100%}#section-2 .text-container{width:75%}#section-1,#section-2{height:100vh;width:100%}#section-1{background:#000 url(../assets/projects/002_north/index-highlight.jpg) no-repeat;background-position:90% 100%;background-size:auto 70%}#section-2{background:var(--cc-grey-96) url(../assets/resources/index_cover.png) no-repeat left bottom;background-position:-10% 0;background-size:auto 100%;justify-content:center;margin-bottom:0;padding-top:0}#section-2 p,.text p{width:100%}#section-3{flex-direction:column;row-gap:var(--spacing-1);width:100%}.media-container{background:#fff;row-gap:var(--spacing-2);width:100%}.media-container h1,.media-container h2{text-align:center}.form-container{border-bottom:var(--line-thin) solid var(--cc-grey-80);min-height:0;width:100%}}@media (max-aspect-ratio:1.3){.navigation-hamburger div{border-top:var(--line-thin) solid #fff}}