.project-header{z-index:1;background:#fff;width:100%;height:100vh;position:relative}.project-header__hero{width:100%;height:100%;position:relative;overflow:hidden}.project-header__hero:before{content:"";z-index:-1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.project-header__wrapper{z-index:-1;width:100%;height:100%;position:relative}.project-header__shadow{z-index:1;width:100%;margin:0;display:none;position:absolute;left:0;right:0}.project-header__shadow--bottom{background:linear-gradient(#0000 0,#0003 10%,#000000b3 80%);height:350px;bottom:0}.project-header__description{text-align:center;flex-direction:column;width:100%;height:auto;padding:30px 15%;display:flex;position:absolute;bottom:40px}.project-header__description h1{color:#fff;text-transform:lowercase;letter-spacing:0;text-shadow:1px 1px #797878,-1px -1px #797878,1px -1px #797878,-1px 1px #797878,1px 1px #797878;display:inline-block}.project-header__description span{letter-spacing:3px;color:#fff;font-size:12px;display:inline-block;transform:translateY(-20px)}.scroll-line{background:#fff;width:1px;height:50px;margin:auto;padding:0;animation:2s cubic-bezier(.4,0,.2,1) infinite scrolldown;position:relative;bottom:50px;left:0;right:0}@keyframes scrolldown{0%{transform:translateY(0)}50%{transform:translateY(100px)}to{transform:translateY(0)}}.project-content{width:100%;height:auto;position:relative}.project{width:100%;height:100%;padding:10% 15%}.project__about h2{position:relative}.project__about p{width:80%}.project__category{margin:0 70px 20px 0;display:inline-block}.project__category h6{color:#000;margin-bottom:10px;font-size:16px;font-weight:700}.project__category span{color:#6d6d6d;font-size:14px}.project__category-tools{width:80%}.project__category-tools span{margin-right:1rem;line-height:32px}.project__details-link{grid-template-columns:1fr 1fr;display:grid}.project__link{margin-bottom:2rem}.project-images{background:#000;margin-bottom:50px}.project-showcase{flex-direction:column;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.project-showcase:nth-child(odd){background:#000}.project-showcase:nth-child(2n){background:#f5f5f5}.img-showcase{aspect-ratio:4/3;width:100%;display:block}.project__others--next,.project__others--previous{justify-content:space-between;padding:10% 15% 5%;display:flex;position:relative}.project__others--previous{padding-top:0;padding-bottom:15%}.project__others--next a,.project__others--previous a{letter-spacing:6px;text-decoration:none}.project__others-content .link__decor{margin-top:2rem}.project__others-content .link__decor .link-text{letter-spacing:.5px}.project__others-content{background:#fff;flex-direction:column;flex-basis:50%;justify-content:flex-end;align-items:flex-start;padding-right:5rem;display:flex}.project__others-content .sub-caps{color:#8f8e8e}.project__others-content h2{text-transform:lowercase;letter-spacing:-1px;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #797878;transition:all .5s var(--ease-sharp);font-size:6rem;line-height:7rem}.project__others-content:hover h2{-webkit-text-stroke:0 transparent;color:#000!important}.project__others-thumbnail{background:#f5f5f5;width:400px;height:250px}.project__others-thumbnail-wrapper{width:100%;height:100%;overflow:hidden}.project__others-thumbnail-wrapper>div{filter:grayscale();transition:all .5s var(--ease-sharp)}.project__others-content:hover+.project__others-thumbnail .project__others-thumbnail-wrapper>div{filter:none;transform:scale(1.05)}@media (width<=50rem){.project-header__shadow{display:block}.project-header__description{text-align:center;background:0 0;min-width:100%;height:15vh;padding:0;bottom:8rem}.project-header__description h1{color:#fff;text-align:center;font-size:4.2rem}.project-header__description span{color:#fff;text-align:center;font-size:10px}.project{padding:10%}.project__category{margin-right:40px}.project__category span{margin-bottom:15px}.project-images{padding:0}.project__others--next,.project__others--previous{padding:10%}.project__others-thumbnail{width:300px}.project__others-content h2{font-size:5rem}}@media (width<=30rem){.project-header{overflow:hidden}.project-header__description h1{-webkit-text-stroke:0 transparent;color:#fff;text-shadow:none;font-size:3rem}.project{padding:5rem 6% 0}.project__category{margin-bottom:25px}.project__details-link{grid-template-columns:1fr}.project__category-tools,.project__about p{width:100%}.project__others--next,.project__others--previous{padding:10% 6%}.project__others-thumbnail{display:none}.project__others-content{flex-basis:100%;padding:0}.project__others-content h2{font-size:2.5rem}}