.portfolio-container .portfolio-item{flex:1 0 50%;margin:0;padding-top:33.33333%;background-color:#0f0f0f;position:relative;overflow:hidden;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:cardFlipIn;animation-name:cardFlipIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0,.37,.02,1.01);animation-timing-function:cubic-bezier(0,.37,.02,1.01);cursor:pointer}.portfolio-container .portfolio-item .inside{height:100%;width:100%;cursor:pointer;position:absolute;top:0;left:0;background:#1e1e1e}.portfolio-container .portfolio-item .inside img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;transform:scaleX(1);opacity:1;filter:grayscale(100%);transition-property:transform,opacity,filter;transition-duration:1s;transition-timing-function:cubic-bezier(.25,0,.4,1);pointer-events:none;-webkitpointer-events:none;-moz-pointer-events:none;-o-pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.portfolio-container .portfolio-item .inside img.thumbnail.loading{opacity:0}.portfolio-container .portfolio-item .inside img.thumbnail-preview{filter:blur(5px) grayscale(100%);width:calc(100% + 20px);height:calc(100% + 20px);margin:-10px -10px -10px -10px;opacity:0}.portfolio-container .portfolio-item .inside img.thumbnail-preview.show{opacity:.5;transition-duration:1s}.portfolio-container .portfolio-item .inside img.thumbnail-preview.hide{opacity:0;transition-duration:1s}.portfolio-container .portfolio-item .inside .text{width:100%;height:65%;position:absolute;bottom:0;left:0;color:#fff;opacity:0;transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,0,.4,1);transform:translateY(10px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:30px;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent);text-align:center}.portfolio-container .portfolio-item:hover .inside .text{opacity:1;transform:translateY(0)}.portfolio-container .portfolio-item .inside .text h3{margin:0;font-size:1rem;letter-spacing:1px;margin-bottom:-2px;text-shadow:0 5px 25px #000}.portfolio-container .portfolio-item .inside .text span{font-size:.9rem}.portfolio-container .portfolio-item:hover .inside img.thumbnail,.portfolio-container .portfolio-item:hover .inside img.thumbnail-preview{transition-duration:.25s;transform:scale3D(1.05,1.05,1.05);opacity:.85;filter:grayscale(0)}.portfolio-container .portfolio-item:hover .inside img.thumbnail-preview.show{opacity:.4;filter:grayscale(0) blur(5px)}.portfolio-container .portfolio-item:hover .inside img.thumbnail-preview.hide{opacity:0}.portfolio-container .dot-overtaking{margin-left:auto;margin-right:auto;top:45%;transition-property:opacity;transition-duration:.3s;transition-delay:0s;opacity:0}.portfolio-container .dot-overtaking.show{opacity:.25}.portfolio-container{display:flex;flex-wrap:wrap}#app .content .content-container p#bread{margin-bottom:0}#app .content .content-container p#clients{margin-bottom:0;font-weight:700}.portfolio-page .notable-clients{opacity:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);padding:12px;margin-top:10px;margin-bottom:50px;background:#1e1e1e}.portfolio-page .notable-clients ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:center;align-items:center;padding-left:10px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.portfolio-page .notable-clients ul::-webkit-scrollbar{display:none}.portfolio-page .notable-clients ul li{margin-right:16px}.portfolio-page .notable-clients ul li img{max-height:30px;height:30px;max-width:80px;filter:invert(100%);display:block}#app .content .portfolio-single-page .content-container{opacity:1;transition-property:opacity;transition-delay:0ms;transition-duration:.5s;margin-top:150px}#app .content .portfolio-single-page .content-container.loading{opacity:0;transition-property:opacity;transition-duration:0ms}#app .content .portfolio-single-page .content-container h1{font-size:56px;letter-spacing:7.84px;margin:0}#app .content .portfolio-single-page .content-container h2{font-size:1.2rem;letter-spacing:.168rem;font-weight:300;margin:0;margin-bottom:5px}#app .content .portfolio-single-page .content-container h3.hr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;font-size:1.2rem;margin:0;margin-bottom:20px;letter-spacing:.168rem}#app .content .portfolio-single-page .content-container h3.hr span{flex:0 1 auto}#app .content .portfolio-single-page .content-container h3.hr:after{flex:1 0 auto;background:#2d2d2d;height:2px;margin-left:20px;content:""}#app .content .portfolio-single-page .content-container .description{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;margin-top:60px}#app .content .portfolio-single-page .content-container .description .description-content p{margin-bottom:12px;opacity:1;color:#c8c8c8}#app .content .portfolio-single-page .content-container .description .description-content h3{font-family:14px;margin-top:12px;margin-bottom:6px}#app .content .portfolio-single-page .content-container .description .description-content a{color:#fff!important;text-decoration:underline}#app .content .portfolio-single-page .content-container .description div h4{font-size:.75rem;letter-spacing:.14rem;margin:0;font-weight:400;color:#fff}#app .content .portfolio-single-page .content-container .description div ul{list-style:none;margin:0;padding:0;margin-top:3px;margin-bottom:20px}#app .content .portfolio-single-page .content-container .description div ul li{margin:0;padding:0;font-family:Megatoya-Ext-sub,Open Sans,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.14rem;color:#999}#app .content .portfolio-single-page .content-container .description div p{width:100%;max-width:100%;padding-right:48px;margin:0;margin-bottom:40px}#app .content .portfolio-single-page .content-container .description .col-left{flex:1 1 auto;margin-right:88px}#app .content .portfolio-single-page .content-container .description .col-right{flex:1 0 auto;width:250px;max-width:250px;min-width:250px}#app .content .portfolio-single-page .content-container .work{margin-top:60px}#app .content .portfolio-single-page .content-container .work ul{margin:0;margin-top:30px;padding:0;list-style:none}#app .content .portfolio-single-page .content-container .work ul li{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;border-bottom:1px solid rgba(30,30,30,.5)}#app .content .portfolio-single-page .content-container .work ul li .img{flex:0 0 auto;width:300px;height:200px;background:linear-gradient(319.92deg,#191919,#202020 77.15%);background-size:cover}#app .content .portfolio-single-page .content-container .work ul li .body{flex:1 1 auto;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-content:flex-start;align-items:stretch;padding:8px 48px;background:linear-gradient(319.92deg,#111,#181818 77.15%)}#app .content .portfolio-single-page .content-container .work ul li .body h4{margin:0;margin-bottom:6px}#app .content .portfolio-single-page .content-container .work ul li .body p{margin:0;width:100%}#app .content .portfolio-single-page .content-container .gallery{margin-top:80px}#app .content .portfolio-single-page .content-container .gallery .container{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 0;width:100%;gap:20px 20px}#app .content .portfolio-single-page .content-container .gallery .container .item{overflow:hidden;position:relative;background:linear-gradient(319.92deg,#1b1b1b,#202020 77.15%);background-size:cover;background-position:50%}#app .content .portfolio-single-page .content-container .gallery .container .item div{background-size:cover;background-position:50%;width:100%;height:100%;transform:scaleX(1);opacity:1;transition-property:transform,opacity,filter;transition-duration:1s;transition-timing-function:cubic-bezier(.25,0,.4,1)}#app .content .portfolio-single-page .content-container .gallery .container .item:hover div{transition-duration:.25s;transform:scale3D(1.05,1.05,1.05);opacity:.85}#app .content .portfolio-single-page .content-container .gallery .container .item .icon{position:absolute;top:5px;right:6px}