.portfolio-section{color:#fff;background:#000;padding:1rem 2rem}.portfolio-heading{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:800}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.portfolio-card{background-color:#111;border-radius:1rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 0 16px rgba(255,255,255,.05)}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 0 24px rgba(0,255,255,.15)}.image-container{position:relative;overflow:hidden}.card-img{width:100%;transition:opacity .3s;display:block}.card-img.overlay{opacity:0;position:absolute;top:0;left:0}.portfolio-card:hover .card-img.overlay{opacity:1}.card-content{padding:1.5rem}.card-content h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-content p{color:#ccc;font-size:.95rem;line-height:1.5}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{color:#0ff;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);border-radius:999px;padding:.3rem .75rem;font-size:.75rem}