.portfolio-wrapper{background-color:#fff}.portfolio-wrapper .portfolio .widget_portfolio{padding:2rem}.portfolio-wrapper .portfolio .widget_portfolio--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.portfolio-wrapper .portfolio .widget_portfolio--item{position:relative;overflow:hidden;height:250px}.portfolio-wrapper .portfolio .widget_portfolio--item a{display:block;position:relative;width:100%;height:100%;text-decoration:none}.portfolio-wrapper .portfolio .widget_portfolio--item a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.portfolio-wrapper .portfolio .widget_portfolio--item a::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.2);z-index:1}.portfolio-wrapper .portfolio .widget_portfolio--item a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio-wrapper .portfolio .widget_portfolio--item a:hover::before{background-color:rgba(0,0,0,.45)}.portfolio-wrapper .portfolio .widget_portfolio--item a .widget_portfolio--category{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;z-index:3;pointer-events:none;padding:.2rem .5rem;border-radius:4px}