#app{top:0;left:0;position:fixed;width:100%;height:100vh;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.3s;transition:all 0.1s ease-in-out 0.3s}.load-project-thumb #app,.load-project-thumb-with-title #app,.load-project-thumb-from-slider #app{opacity:1}.grid__item-img--large{pointer-events:none;position:absolute;opacity:0}.grid__item-hidden{pointer-events:none;position:fixed;opacity:0}#canvas-slider{width:100%;height:100%;position:fixed;top:0;right:0;overflow:hidden;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}#canvas-slider.split{transform:translateX(50%);-webkit-transform:translateX(50%)}#canvas-slider.split canvas{transform:translateX(-25%);-webkit-transform:translateX(-25%)}#canvas-slider .slider-img{position:absolute;height:100%;width:100%;background-size:cover;background-position:center center;background-color:#222;visibility:hidden;top:0;left:0;z-index:0;opacity:0;-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#canvas-slider img{width:100%;height:100%;position:relative;display:none;z-index:100;cursor:pointer;object-position:center;object-fit:cover}.show-loader .clapat-slider{pointer-events:none}.clapat-slider-wrapper{width:100%;height:100vh;position:relative}.clapat-slider{position:absolute;left:0;top:0;padding:0 42vw 0 42vw;display:flex;align-items:center;height:100%;width:100%;user-select:none;cursor:grab;z-index:2;overflow:hidden;box-sizing:border-box}.clapat-state-dragging .clapat-slider{cursor:grabbing}.clapat-state-dragging .clapat-slider .clapat-slide{cursor:grabbing;pointer-events:none}.clapat-state-dragging .cp-button-prev,.clapat-state-dragging .cp-button-next{pointer-events:none}.clapat-slider-viewport{display:flex;position:relative}.clapat-slide{overflow:hidden;width:16vw;box-sizing:border-box}.clapat-slide:first-child{position:relative}.clapat-slide:not(:first-child){position:absolute;height:100%}.slide-inner-height{position:relative;overflow:hidden;cursor:pointer}.clapat-state-dragging .clapat-slider .slide-inner-height{cursor:grabbing;pointer-events:none}.clapat-state-dragging .clapat-slider .slide-inner-height{cursor:grabbing;pointer-events:none}.disable-ajaxload .slide-link{display:block;position:absolute;width:100%;height:100%;z-index:1000}.img-mask{width:100%;height:100%;display:block;position:absolute;top:0;left:0;margin:0 auto;box-sizing:border-box;z-index:0;overflow:hidden}.clapat-slide .img-mask{background:#fff0}.disable-scroll .img-mask{background:#fff0}.section-image{position:relative;display:block;width:100%;height:100%;overflow:hidden;z-index:0}.item-image{width:100%;height:100%;position:relative;display:block;z-index:100;object-position:center;object-fit:cover}.clapat-slider img{pointer-events:none}.cp-button-prev.button-icon-link,.cp-button-next.button-icon-link{background-color:currentColor}.cp-button-prev.button-icon-link .button-icon,.cp-button-next.button-icon-link .button-icon{background-color:#fff0;color:#fff;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out}.cp-button-prev.button-icon-link:hover .button-icon,.cp-button-next.button-icon-link:hover .button-icon{background-color:#fff;color:#000}.light-content .cp-button-prev.button-icon-link:hover .button-icon,.light-content .cp-button-next.button-icon-link:hover .button-icon{background-color:#000;color:#fff}.cp-button-prev.button-icon-link .icon-wrap-scale,.cp-button-next.button-icon-link .icon-wrap-scale{transform:scale(1);-webkit-transform:scale(1);opacity:1}.cp-button-prev.button-icon-link .button-text,.cp-button-next.button-icon-link .button-text{padding:0 20px 0 20px;color:#fff0;width:auto;max-width:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cp-button-prev.button-icon-link:hover .button-text{padding:0 25px 0 50px;max-width:100px;color:#fff}.cp-button-next.button-icon-link:hover .button-text{padding:0 50px 0 25px;max-width:100px;color:#fff}.light-content .cp-button-prev.button-icon-link:hover .button-text,.light-content .cp-button-next.button-icon-link:hover .button-text{color:#000}.cp-button-prev.button-icon-link:hover .button-text span,.cp-button-next.button-icon-link:hover .button-text span{filter:none}.disable-scroll .cp-button-prev,.disable-scroll .cp-button-next{pointer-events:none}.disable-scroll .clapat-slider{pointer-events:none}.clapat-pagination{width:100%;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:40px;margin:auto;z-index:20;text-align:center;opacity:0;pointer-events:none}.clapat-pagination-bullet{position:relative;width:40px;height:40px;display:inline-flex;margin:0;cursor:pointer;pointer-events:initial}.progress-info{position:absolute;display:flex;justify-content:center;width:auto;margin:0 auto;height:30px;line-height:30px;font-size:16px;left:0;right:0;z-index:10;overflow:hidden;pointer-events:none}.progress-info .progress-info-fill,.progress-info .progress-info-fill-2{position:relative;width:auto;-webkit-text-fill-color:rgb(0 0 0 / .1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:0% 100%}.progress-info .progress-info-fill-2{position:absolute;top:0;left:auto;background-size:100% 100%;background-position:right;right:auto;margin:auto;width:auto;display:block}.light-content .progress-info .progress-info-fill{-webkit-text-fill-color:rgb(255 255 255 / .1);background-image:linear-gradient(#fff,#fff)}.light-content .progress-info .progress-info-fill-2{-webkit-text-fill-color:rgb(255 255 255 / .1);background-image:linear-gradient(#fff,#fff)}.showcase-footer #footer-container{display:flex;justify-content:space-between;align-items:center}.fade-slide-element{opacity:0}.showcase-carousel .clapat-slider{padding:0 24vw 0 24vw}.showcase-carousel .clapat-slider-viewport{z-index:10}.showcase-carousel .clapat-slide{width:52vw;height:28vw;box-sizing:border-box;padding:0 0;z-index:0;overflow:visible;opacity:1}.showcase-carousel .slide-effects{position:relative;height:100%;width:100%;padding:0 40px;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box}.showcase-carousel .slide-inner-height{width:100%;height:100%;overflow:visible;opacity:1;align-self:center}.showcase-carousel .slide-moving{width:auto;height:100%;display:block;position:relative;top:0;left:0;box-sizing:border-box;z-index:0}.showcase-carousel .trigger-item{width:auto;height:100%;display:block;position:relative;top:0;left:0;box-sizing:border-box;z-index:0}.showcase-carousel .clapat-slide .section-image{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s}.showcase-carousel .clapat-slide:hover .section-image,.showcase-carousel .above .section-image{-webkit-transform:scale(1);transform:scale(1)}.showcase-carousel .img-mask{width:auto;height:100%;display:block;position:relative}.showcase-carousel .slide-caption{z-index:10;position:absolute;left:0;top:0;height:calc(100% + 50px);width:100%;cursor:default;pointer-events:none;text-align:left;opacity:0;display:flex;align-items:flex-end;justify-content:space-between;-webkit-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s}.showcase-carousel .clapat-slide-active.disable .slide-caption{opacity:0}.showcase-carousel .clapat-slide-active:not(.disable) .slide-caption{opacity:1}.showcase-carousel .clapat-slide:not(.disable):hover .slide-caption{opacity:1}.showcase-carousel .slide-caption .slide-title{font-size:24px;line-height:32px;font-weight:500;color:#000;overflow:hidden;margin-bottom:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.light-content .showcase-carousel .slide-caption .slide-title{color:#fff}.showcase-carousel .clapat-slide:hover .slide-caption .slide-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.showcase-carousel .slide-caption .slide-title span{display:block}.showcase-carousel .slide-caption .slide-cat{font-size:14px;line-height:32px;font-weight:500;color:#000;z-index:10;overflow:hidden;opacity:1}.light-content .showcase-carousel .slide-caption .slide-cat{color:#fff}.showcase-carousel .slide-caption .slide-cat span{display:block}.showcase-carousel .clapat-slide .slide-date{display:block;color:#fff;position:absolute;top:30px;left:30px;padding:2px 10px;background:#000;border-radius:5px;font-size:12px}.external-caption{position:absolute;display:flex;justify-content:center;align-items:center;width:auto;margin:0 auto;margin-top:30px;height:calc(1rem + 6.5vw);line-height:20px;font-size:14px;font-weight:500;left:0;right:0;z-index:10;color:#fff;overflow:visible}.external-caption .slide-title{position:absolute;opacity:0;font-size:clamp(48px, 8.5vw, 130px);line-height:clamp(48px, 8.5vw, 130px);display:block;color:#000;-webkit-transition:opacity 0.15s ease-out 0s;transition:opacity 0.15s ease-out 0s;overflow:visible;margin:0;letter-spacing:-.2vw}.light-content .external-caption .slide-title{color:#fff}.external-caption .slide-title span{display:inline-block}.external-caption .slide-title.hover{opacity:1}#bg-pixels{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/wp-content/themes/nanotech/images/pixels.png);background-size:450px 450px;background-repeat:repeat;background-position:0 0;pointer-events:none;opacity:0}.showcase-gallery .clapat-slider{padding:0 0 0 0}.showcase-gallery .clapat-slider-viewport{z-index:10}.showcase-gallery .clapat-slide{width:100vw;height:50vh;box-sizing:border-box;padding:0 180px;z-index:0;overflow:visible;opacity:1;pointer-events:none}.showcase-gallery.active .clapat-slide{pointer-events:initial}.slide-effects{position:relative;height:100%;width:100%;display:flex;justify-content:center;flex-direction:column}.showcase-gallery .slide-inner-height{padding-top:0;width:40%;height:auto;margin:0;overflow:visible}.showcase-gallery .slide-inner-height::before{float:left;padding-top:65%;content:""}.showcase-gallery .clapat-slide .align-left .slide-inner-height{align-self:flex-start}.showcase-gallery .clapat-slide .align-center .slide-inner-height{align-self:center}.showcase-gallery .clapat-slide .align-right .slide-inner-height{align-self:flex-end}.showcase-gallery .clapat-slide .has-scale-large .slide-inner-height{width:40%}.showcase-gallery .clapat-slide .has-scale-medium .slide-inner-height{width:30%}.showcase-gallery .clapat-slide .has-scale-small .slide-inner-height{width:20%}.showcase-gallery .slide-moving{width:auto;height:100%;display:block;position:absolute;top:0;left:0;box-sizing:border-box;z-index:0}.showcase-gallery .trigger-item{width:auto;height:100%;display:block;position:relative;top:0;left:0;box-sizing:border-box;z-index:0;pointer-events:none}.showcase-gallery.active:not(.preview-mode-enabled) .trigger-item{pointer-events:initial}.showcase-gallery .img-mask{width:auto;height:100%;display:block;position:relative}.showcase-gallery .slide-caption{z-index:10;position:absolute;left:0;top:0;height:calc(100% + 50px);width:100%;cursor:default;pointer-events:none;text-align:left;opacity:0;display:flex;align-items:flex-end;justify-content:space-between;-webkit-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s;display:none}.showcase-gallery .slide-caption .slide-title{font-size:20px;line-height:28px;font-weight:500;color:#000;overflow:hidden;margin-bottom:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.light-content .showcase-gallery .slide-caption .slide-title{color:#fff}.showcase-gallery .clapat-slide:hover .slide-caption .slide-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.showcase-gallery .slide-caption .slide-title span{display:block}.showcase-gallery .slide-caption .slide-cat{font-size:14px;line-height:28px;font-weight:500;color:#000;z-index:10;overflow:hidden;opacity:1}.light-content .showcase-gallery .slide-caption .slide-cat{color:#fff}.showcase-gallery .slide-caption .slide-cat span{display:block}.showcase-gallery .clapat-slide .slide-date{display:block;color:#fff;position:absolute;top:20px;left:20px;padding:2px 10px;background:#000;border-radius:5px;font-size:12px}.slider-zoom-wrapper{position:fixed;width:100%;height:100%;left:0;bottom:0;margin:0;display:flex;justify-content:center;align-items:center;z-index:200;pointer-events:none;overflow:hidden}.enable-trigger .slider-zoom-wrapper{pointer-events:initial}.slider-zoom-wrapper .trigger-item{width:48vw;height:28vw;aspect-ratio:unset;position:relative}.slider-zoom-wrapper .trigger-item::after{display:block;content:"";clear:both}.enable-trigger .slider-zoom-wrapper .trigger-item{pointer-events:initial;cursor:pointer}.slider-thumbs-wrapper{width:100%;height:100%;min-height:50%;position:relative;z-index:300;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;padding:20px 80px;box-sizing:border-box}.slider-thumbs-wrapper .trigger-item::before{float:left;padding-top:62.5%;content:""}.slider-thumbs-wrapper .trigger-item{position:relative;width:calc(100% / 16 - 20px);height:auto;margin:10px;aspect-ratio:16/10}.slider-thumbs-wrapper .trigger-item::after{display:block;content:"";clear:both}.slider-close-preview{width:100%;position:fixed;top:0;height:100%;left:0;display:flex;align-content:center;justify-content:center;z-index:50;pointer-events:none}.grid-open .slider-close-preview{pointer-events:initial}.grid-open footer .button-wrap{pointer-events:none}.projects-list-wrapper{position:relative;padding:50vh 0;pointer-events:none;overflow:hidden}.projects-list-wrapper.active{pointer-events:initial}.projects-list-captions{position:relative;margin:0 auto;display:table;width:auto;z-index:10}.projects-list-captions>li{list-style:none;font-size:clamp(48px, 8.5vw, 130px);line-height:clamp(48px, 8.5vw, 130px);font-weight:500;position:relative;display:table;width:auto;color:#fff!important;padding:20px 0;margin:0 auto;letter-spacing:-.2vw;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;cursor:pointer;opacity:.2}.projects-list-captions li.active{opacity:1}.projects-list-images{position:absolute;width:100%;height:calc(100vh + 1px);margin:0;top:0;z-index:0;background-color:#000}.projects-list-images>li{list-style:none;position:absolute;width:100%;height:calc(100vh + 1px);top:0;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.projects-list-images>li.pixels-cover{opacity:1;transform:scale(1);-webkit-transform:scale(1)}.projects-list-images>li.visible{opacity:1;transform:scale(1);-webkit-transform:scale(1)}.rounded-borders .projects-list-images .img-mask{border-radius:0}@media only screen and (max-width:1466px){.showcase-carousel .clapat-slider{padding:0 25vw 0 25vw}.showcase-carousel .clapat-slide{width:50vw}.showcase-carousel .slide-effects{padding:0 30px}.showcase-gallery .clapat-slide{height:55vh}.showcase-gallery .clapat-slide{padding:0 160px}.showcase-gallery .clapat-slide .has-scale-large .slide-inner-height{width:45%}.showcase-gallery .clapat-slide .has-scale-medium .slide-inner-height{width:35%}.showcase-gallery .clapat-slide .has-scale-small .slide-inner-height{width:25%}}@media only screen and (max-width:1024px){.showcase-carousel .clapat-slider{padding:0 22vw 0 22vw}.showcase-carousel .clapat-slide{width:56vw;height:34vw}.showcase-carousel .slide-effects{padding:0 20px}.showcase-carousel .section-image{-webkit-transform:scale(1);transform:scale(1)}.showcase-carousel .slide-caption{opacity:1}.showcase-carousel .slide-caption{height:calc(100% + 40px)}.showcase-carousel .slide-caption .slide-title{font-size:20px;line-height:28px}.showcase-carousel .slide-caption .slide-cat{font-size:14px;line-height:28px}.showcase-carousel .clapat-slide .slide-date{top:20px;left:20px}.showcase-gallery .clapat-slide{height:35vw}.showcase-gallery .clapat-slide{padding:0 120px}.showcase-gallery .clapat-slide .has-scale-large .slide-inner-height{width:50%}.showcase-gallery .clapat-slide .has-scale-medium .slide-inner-height{width:40%}.showcase-gallery .clapat-slide .has-scale-small .slide-inner-height{width:30%}.projects-list-captions>li{padding:15px 0}}@media only screen and (max-width:767px){.showcase-carousel .clapat-slider{padding:0 18vw 0 18vw}.showcase-carousel .clapat-slide{width:64vw;height:36vw}.showcase-carousel .slide-effects{padding:0 20px}.showcase-gallery .clapat-slide{height:auto}.showcase-gallery .clapat-slide{padding:50px 30px}.showcase-gallery .clapat-slide .slide-effects{transform:translate(0) translateY(0)!important}.showcase-gallery .clapat-slide .has-scale-large .slide-inner-height{width:100%}.showcase-gallery .clapat-slide .has-scale-medium .slide-inner-height{width:100%}.showcase-gallery .clapat-slide .has-scale-small .slide-inner-height{width:100%}.fixed-hero{display:none}.showcase-gallery .slide-caption{opacity:1;display:flex}.projects-list-captions>li{padding:10px 0}}@media only screen and (max-width:479px){.cp-button-prev.button-icon-link:hover .button-icon,.cp-button-next.button-icon-link:hover .button-icon{background-color:#000;color:#fff}.light-content .cp-button-prev.button-icon-link:hover .button-icon,.light-content .cp-button-next.button-icon-link:hover .button-icon{background-color:#fff;color:#000}.cp-button-prev.button-icon-link .button-text,.cp-button-next.button-icon-link .button-text{display:block;opacity:0;width:40px;max-width:40px;padding:0}.cp-button-prev.button-icon-link:hover .button-text,.cp-button-next.button-icon-link:hover .button-text{padding:0!important;max-width:40px}.showcase-carousel .clapat-slider{padding:0 14vw 0 14vw}.showcase-carousel .clapat-slide{width:72vw;height:40vw}.projects-list-captions>li{padding:5px 0}}