a,body{cursor:none}.btn-back-to-list{transform:matrix(1,0,0,1,-150,0)}.btn-next-project{transform:matrix(1,0,0,1,150,0)}.main-heading{opacity:0}.loading-line{transform:scaleX(0)}.slideshow-list>li>article canvas{transform:scale(0);transform-origin:center right}.slideshow-list>li>article .heading-content{transform:matrix(1,0,0,1,0,-800)}.menu,.menu a{cursor:pointer}.content{position:relative;z-index:5;width:100%;height:100vh;justify-content:center;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#fff,#d9d9d9)}.gradient-background{position:fixed;left:0;top:0;width:100%;height:100%;background:linear-gradient(#fff,#c0d9c3);opacity:0;z-index:-1}.slideshow{position:relative;width:100%;height:100%;overflow:hidden;outline:0}.scroll-content{display:block;width:100%;height:100%;color:#fff}.slideshow-list{display:flex;align-items:center;height:100%}.slideshow-list>li{flex:0 0 auto;min-width:25rem;margin-left:180px}.slideshow-list>li>article{position:relative;opacity:0;transition:opacity .5s}.slideshow-list>li>article.loaded{opacity:1}.slideshow-list>li figure{position:relative;width:676px;height:380px}.slideshow-list>li figure>canvas{width:100%;height:100%;position:absolute;left:0;top:0}.slideshow-list>li .slide-image{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.slideshow-list>li .icon-search{position:relative;top:7px;width:20px;margin-left:5px;margin-right:8px}.divide-line{position:relative;top:-3px;display:inline-block;width:10px;height:1px;background:#000}.heading-content{position:absolute;left:-60px;bottom:20px}.slideshow-list>li .heading{text-transform:lowercase;letter-spacing:0;font-family:ComfortaaSemiBold,sans-serif;font-size:36px;color:#000!important;margin-bottom:0}.slideshow-list>li .sub-heading{text-transform:lowercase;letter-spacing:1px;font-family:Montserrat-Regular,sans-serif;font-size:16px;color:#000!important;margin-top:0;margin-left:20px}.slideshow-list>li .sub-heading .btn-quick-view{width:43px;height:43px;text-align:center;border-radius:50%;background-color:#000;display:inline-block;vertical-align:10px;margin-left:8px;transition:all .4s ease}.slideshow-list>li .sub-heading .btn-quick-view svg{vertical-align:-14px;fill:#fff}.slideshow-list>li .sub-heading .btn-quick-view:hover{background-color:#fff}.slideshow-list>li .sub-heading .btn-quick-view:hover svg{fill:#000}.slideshow-list>li .sub-heading .quick-view{border-bottom:1px solid #000}.slideshow-list>li .heading>.line{overflow:hidden}.slideshow-list>li .heading>.second-line{box-sizing:content-box;width:100%;padding-left:23%}.slideshow-list>li a{color:inherit}.slideshow-list>li a:focus,.slideshow-list>li a:hover{text-decoration:none}.slider-bar{overflow:hidden;position:absolute;bottom:5%;left:calc(50% - 6.5rem);width:130px;height:4px;background-color:rgba(255,255,255,.2);border-radius:.4rem;will-change:transform}.slider-bar .inner{display:block;position:absolute;left:-130px;top:0;width:100%;height:100%;background-color:#fff;border-radius:.4rem;transform:matrix(1,0,0,1,6,0)}.main-heading{position:absolute;left:-80px;top:0;color:#e7e7e5;transition:color .5s;text-transform:lowercase;font-family:ComfortaaBold,sans-serif;font-size:320px;letter-spacing:16px;white-space:nowrap;pointer-events:none}.main-text{font-family:Montserrat-Thin;font-size:16px;color:#767676;position:fixed;top:70px;right:800px;width:700px;opacity:0}.main-text>.text{line-height:30px}.main-text .heading{position:relative;right:-150px;top:-70px;text-align:right;font-family:ComfortaaSemiBold,sans-serif;color:#fff;text-transform:lowercase}.main-text .heading .line{font-size:60px;overflow:hidden}.main-text .slide-heading{font-family:ComfortaaSemiBold,sans-serif;font-size:140px;text-transform:lowercase;text-align:right}.view-more-link{font-family:Montserrat-SemiBold;font-size:18px;float:right;color:#000;letter-spacing:1px;margin-top:10px}.view-more-link:focus,.view-more-link:hover{color:initial;text-decoration:none}.image-mask{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#c0d9c3;opacity:.5}.mouse-icon{position:fixed;left:0;top:0;border:2px solid #fff;border-radius:26px;-mox-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff;width:41px;height:41px;line-height:37px;text-align:center;font-size:13px;pointer-events:none;opacity:0;mix-blend-mode:difference;transform:translate(-50%,-50%);z-index:13}.mouse-icon.small{overflow:hidden;background-color:#000;width:10px;height:10px}.mouse-icon>.inner{position:relative}.mouse-icon>.inner>.images{background:#fff;border-radius:100%}.mouse-icon>.inner>.images>img{width:16px}.mouse-icon .numbers{font-family:Montserrat-Regular;font-size:12px;color:#ccc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mouse-icon .page-number{font-family:Montserrat-Bold}.mouse-icon .arrow-prev{transform:rotate(-180deg);position:absolute;left:-19px;top:11px;width:20px;height:16px;fill:#fff}.mouse-icon .arrow-next{position:absolute;right:-19px;top:11px;width:20px;height:15px;fill:#fff}@media(max-width:767px){.slideshow-list>li{margin-left:15vw}}@media(min-width:768px){.slideshow-list>li:nth-child(odd){transform:translateY(120px)}.slideshow-list>li:nth-child(even){transform:translateY(-84px)}}