@font-face{font-family:Clarkson;src:local("Clarkson Light"),local("Clarkson-Light"),url(/fonts/Clarkson/Clarkson-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Clarkson;src:local("Clarkson Medium"),local("Clarkson-Medium"),url(/fonts/Clarkson/Clarkson-Medium.woff2) format("woff2");font-weight:600;font-style:normal}*,:before,:after{outline:none;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#202020}p,table,blockquote,address,pre,iframe,form,figure,dl,body{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}h1{font-size:3rem;font-weight:700;margin-bottom:1rem}@media (max-width: 600px){h1{font-size:2rem}}a{background-color:transparent;text-decoration:none;color:inherit;cursor:pointer}body{font-family:Clarkson,sans-serif;height:100vh;overflow:hidden}header .nav-menu{position:fixed;z-index:3;top:2.375rem;right:2.625rem;height:2.75rem;width:2rem;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media (max-width: 600px){header .nav-menu{right:3.75rem}}header .nav-menu .patty{width:2rem;height:1px;background-color:#000;margin:.375rem 0}header .navigation{position:fixed;z-index:4;top:0;right:0;width:33%;height:100%;overflow-y:auto;background-color:#f6f6f6;transform:translate(100%);display:flex;flex-direction:column;padding-top:7.25rem}header .navigation:before,header .navigation:after{content:"";width:2rem;height:1px;background-color:#000;position:absolute;top:3.75rem;right:3.75rem}header .navigation:before{transform:rotate(45deg)}header .navigation:after{transform:rotate(-45deg)}header .navigation li{width:100%;height:calc((100vh - 116px) / 3);border-top:1px solid white;border-left:1px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center}header .navigation li *{stroke:#88a2d9}header .navigation li:hover{background-color:#88a2d9}header .navigation li:hover *{stroke:#fff}header .navigation li span{display:flex;flex-direction:column;align-items:center;justify-content:center}header .navigation li span span{height:2.625rem;width:2.625rem;display:flex;align-items:center;justify-content:center}main{position:relative;top:0;min-height:100vh}main>div{position:fixed;top:0;left:0;width:100%;height:100%;margin-top:0}app-home-contact{margin:0 5% max(72px,10%) 0;width:40%}@media (max-width: 1200px){app-home-contact{width:50%}}@media (max-width: 600px){app-home-contact{width:90%}}.mt-10{margin-top:10%}.mr-5{margin-right:5%}section{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;transform:translateZ(0);transition:transform .6s ease-in-out}section .section-background{position:absolute;top:0;left:0;width:100%;height:100%}section .section-background img{position:absolute;transform:translateZ(0);transition:transform .6s ease-in-out,opacity .6s ease;opacity:0;object-fit:cover}section.top{transform:translate3d(0,-100%,0)}section.top .section-background img{transform:translate3d(0,50%,0)}section.curr{transform:translateZ(0)}section.curr .section-background img{transform:translateZ(0)}section.bottom{transform:translate3d(0,100%,0)}section.bottom .section-background img{transform:translate3d(0,-50%,0)}.content-wrapper{flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;display:flex;height:100%}.content-wrapper.right{align-items:flex-end}.content-wrapper.bottom{justify-content:flex-end}.content-wrapper.center{margin:0 auto}.content-wrapper .swiper{display:flex;width:100%;gap:1em;overflow:hidden;cursor:grab}.content-wrapper .swiper .slide{min-width:100%;min-height:18.75rem;padding-top:1.5rem}.content-wrapper .swiper .slide .w-link{display:block;width:fit-content;border:1px solid #88A2D9;border-radius:6px;padding:.375rem .75rem;margin:.25rem 0}.content-wrapper .swiper .slide .w-link:hover{background:#88a2d9;color:#fff}.content-wrapper .pager{display:flex;margin-top:1.5rem}.content-wrapper .pager .page{display:block;width:.75rem;height:.75rem;border:1px solid #6379A8;border-radius:100%;background:#fff;margin:0 3px}.content-wrapper .pager .page.active{background:#88a2d9}.content-wrapper .content{width:48%}@media (max-width: 600px){.content-wrapper .content{width:60%}}@media (max-width: 375px){.content-wrapper .content{width:80%}}.content-wrapper .content p{padding:0 9rem 1.5rem 0;font-size:.875rem;line-height:1.5em}@media (max-width: 1200px){.content-wrapper .content p{padding-right:6rem}}@media (max-width: 600px){.content-wrapper .content p{padding-right:3rem}}@media (max-width: 375px){.content-wrapper .content p{padding-right:0}}.content-wrapper .my-works{display:flex;align-items:center;justify-content:flex-start;padding:2rem 1rem 1rem 0}.contact p{padding:1.5rem .25rem;font-size:.875rem;line-height:1.5em}form{width:100%}.form-group{position:relative;margin-bottom:.625rem}.form-group.right{display:flex;justify-content:flex-end}.form-group input[type=text],.form-group input[type=email],.form-group textarea{position:relative;display:block;width:100%;line-height:1.5rem;padding:.75rem 1.25rem;font-size:.8125rem;color:#202020;border:1px solid #ddd;background:#fff;transition:all .5s ease;border-radius:6px}.form-group input[type=text].error,.form-group input[type=text].ng-invalid.ng-touched,.form-group input[type=email].error,.form-group input[type=email].ng-invalid.ng-touched,.form-group textarea.error,.form-group textarea.ng-invalid.ng-touched{border-color:#9d0000!important;background:#ff00000d}.form-group textarea{height:12.5rem;resize:none;margin-bottom:.625rem}.form-group input[type=submit]{vertical-align:middle;transform:translateZ(0);box-shadow:0 0 1px #0000;backface-visibility:hidden;transition-property:color;transition-duration:.5s;position:relative;left:0;display:inline-block;overflow:hidden;background:#fff;padding:8px 20px;font-size:.8125rem;color:#202020;border:1px solid #ddd;border-radius:6px;cursor:pointer}.form-group input[type=submit].disabled{cursor:auto;opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{font-size:.8125rem;color:#202020}.sent-spinner{width:1.875rem;margin-right:1.125rem}.aside-navigation{align-items:center;position:fixed;top:0;left:3.75rem;z-index:9;display:flex;width:12.5rem;height:100%;pointer-events:none}.aside-navigation nav{margin-bottom:0;pointer-events:auto}.aside-navigation nav ul{margin:0;padding:0;list-style-type:none}.aside-navigation nav ul .home-nav-item{position:relative;line-height:.5em;opacity:.5;cursor:pointer;transition:opacity 1s cubic-bezier(.075,.82,.165,1);margin-bottom:.75rem}.aside-navigation nav ul .home-nav-item:hover{opacity:1}.aside-navigation nav ul .home-nav-item .nav-item-wrapper{flex-direction:row;align-items:center;display:flex;transform:translateZ(0);transition:transform .6s cubic-bezier(.694,0,.335,1);padding:.25rem 0}.aside-navigation nav ul .home-nav-item .nav-item-wrapper .nav-item-marker{display:inline-block;width:.875rem;height:.0625rem;margin-right:1.25rem;background-color:#000;transform-origin:0 50%;backface-visibility:hidden;transition:transform 1s cubic-bezier(.694,0,.335,1),background-color .7s cubic-bezier(.694,0,.335,1);box-shadow:0 1px #fff}.aside-navigation nav ul .home-nav-item.is-active .nav-item-marker{transform:scaleX(2)}app-home-scroll-sign{display:block}.scroll-sign{width:100%;height:1.875rem;position:absolute;bottom:4.875rem;display:flex;align-items:center;justify-content:center}.scroll-sign .arrow{position:relative;color:#000;font-size:.75rem;display:flex;align-items:center;justify-content:center}.scroll-sign .mouse{width:1.875rem;height:1.875rem;overflow:hidden;margin:0 2rem;opacity:.48;position:relative}.scroll-sign .mouse .up,.scroll-sign .mouse .down{width:.5625rem;height:.5625rem;border:1px solid black;left:.625rem;position:relative}.scroll-sign .mouse .down{margin-top:.5rem;border-left-color:transparent;border-top-color:transparent}.scroll-sign .mouse .up{margin-top:.125rem;margin-bottom:.5rem;border-right-color:transparent;border-bottom-color:transparent}.scroll-sign .mouse:hover .up:hover{border-left-color:#88a2d9;border-top-color:#88a2d9;border-left-width:.125rem;border-top-width:.125rem}.scroll-sign .mouse:hover .down:hover{border-right-color:#88a2d9;border-bottom-color:#88a2d9;border-right-width:.125rem;border-bottom-width:.125rem}.scroll-sign .mouse.up .down,.scroll-sign .mouse.down .up{opacity:0}.scroll-sign .before,.scroll-sign .after{width:2.5rem}.scroll-sign .before{text-align:right}.scroll-sign .after{text-align:left}.logo-tech{display:flex}.logo-tech .logo-img{display:flex;align-items:center;justify-content:center;padding:2% 2% 2% 0;width:5.625rem;height:5.625rem}footer{position:absolute;bottom:-5.625rem;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:#fff;height:4rem;width:100%;transform:translateZ(0);transition:transform .3s ease-in-out;transition-delay:.6s;opacity:.2}footer.show{transform:translate3d(0,-5.625rem,0)}footer .link{height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:.75rem}