.portfolio{padding:160px 5%}.portfolio-tabs{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.portfolio-tabs .tab{padding:10px 22px;border-radius:30px;border:1px solid #ddd;background:transparent;cursor:pointer;font-size:14px;transition:all .3s ease}.portfolio-tabs .tab.active{background:#000;color:#fff;border-color:#000}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.portfolio-card{background:#1f1f1f;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,opacity .3s ease}.portfolio-card img{width:100%;height:200px;object-fit:cover}.card-content{padding:20px}.portfolio-card.hide{opacity:0;pointer-events:none;transform:scale(.95);position:absolute}