.responsive-portfolio-tabs{width:100%}.responsive-portfolio-tabs *,.responsive-portfolio-tabs ::after,.responsive-portfolio-tabs ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.responsive-portfolio-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;margin-bottom:24px}.responsive-portfolio-tabs__tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 18px;border:1px solid transparent;background:0 0;cursor:pointer;text-transform:uppercase;-webkit-transition:.3s ease;transition:.3s ease}.responsive-portfolio-tabs__tab.is-active,.responsive-portfolio-tabs__tab:hover{border-color:#00e1ff;color:#00e1ff}.responsive-portfolio-tabs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.responsive-portfolio-tabs__item{-webkit-animation:responsivePortfolioFade .35s ease;animation:responsivePortfolioFade .35s ease}.responsive-portfolio-tabs__item.is-hidden{display:none}.responsive-portfolio-tabs__item-inner{position:relative;overflow:hidden;border-radius:8px}.responsive-portfolio-tabs__image{display:block;width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.responsive-portfolio-tabs__overlay{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:20px;background:rgba(0,0,0,.5);text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.responsive-portfolio-tabs__item-inner:focus-within .responsive-portfolio-tabs__overlay,.responsive-portfolio-tabs__item-inner:hover .responsive-portfolio-tabs__overlay{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.responsive-portfolio-tabs__title{margin:0;color:#fff;font-size:22px;line-height:1.2;text-transform:uppercase}.responsive-portfolio-tabs__overlay-link{display:inline-block;margin:0;padding:0;border:0;background:0 0;color:#fff;cursor:pointer;font-size:14px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;-webkit-transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}.responsive-portfolio-tabs__overlay-link:focus-visible,.responsive-portfolio-tabs__overlay-link:hover{color:#00e1ff;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);outline:0}.responsive-portfolio-tabs__overlay-link.is-static{cursor:default;pointer-events:none}@-webkit-keyframes responsivePortfolioFade{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes responsivePortfolioFade{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1024px){.responsive-portfolio-tabs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.responsive-portfolio-tabs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-portfolio-tabs__tab{padding:8px 14px;font-size:13px}.responsive-portfolio-tabs--mobile-overlay-visible .responsive-portfolio-tabs__overlay{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (max-width:480px){.responsive-portfolio-tabs__grid{grid-template-columns:repeat(1,minmax(0,1fr))}}