.portfolio-section{background-color:#0000;padding:0}.portfolio-header{text-align:center;margin-bottom:60px}.portfolio-header h2{color:var(--text-white);margin-bottom:20px;font-size:2.5rem;font-weight:700}.portfolio-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.portfolio-item{background-color:var(--card-bg);border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0006}.portfolio-item:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0009}.portfolio-image{width:100%;height:280px;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-overlay{opacity:0;background:linear-gradient(135deg,#000000b3 0%,#0000004d 100%);justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-content{text-align:center;color:#fff;transition:transform .3s;transform:translateY(20px)}.portfolio-item:hover .portfolio-content{transform:translateY(0)}.portfolio-content h3{text-shadow:0 2px 4px #0000004d;margin-bottom:8px;font-size:1.5rem;font-weight:600}.category{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.portfolio-content p{opacity:.9;margin:0;font-size:.95rem;line-height:1.5}@media (max-width:768px){.portfolio-section{padding:0}.portfolio-header h2{font-size:2rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.portfolio-image{height:240px}.portfolio-content h3{font-size:1.3rem}.portfolio-content p{font-size:.9rem}}@media (max-width:544px){.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:200px}.portfolio-header{margin-bottom:40px}.portfolio-header h2{font-size:1.8rem}}.client-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding:60px 0;display:grid}.client-card{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.client-card:hover{border-color:#ff6b6b4d;transform:translateY(-6px);box-shadow:0 16px 40px #00000073}.client-card--inprogress{border-color:#ff8c424d}.client-card__badge{z-index:2;letter-spacing:.03em;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.client-card__badge--inprogress{color:var(--secondary-orange);background:#ff8c4226;border:1px solid #ff8c4259}.client-card__thumb{background:var(--dark-bg);width:100%;height:190px;position:relative;overflow:hidden}.client-card__thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.client-card__body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.client-card__meta{margin-bottom:6px}.client-card__location{color:var(--text-muted);letter-spacing:.04em;font-size:.78rem}.client-card__name{color:var(--primary-coral);margin:0 0 12px;font-size:1.15rem;font-weight:700;transition:color .25s}.client-card__revamp-tag{color:var(--text-muted);font-size:.75rem;font-weight:400}.client-card__services{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.client-card__service-tag{color:var(--text-light);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:.75rem}.client-card__desc{color:var(--text-light);flex:1;margin:0 0 14px;font-size:.88rem;line-height:1.65}.client-card__link{color:var(--primary-coral);font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .2s}.client-card__link:hover{opacity:.75}@media (max-width:640px){.client-cards-grid{grid-template-columns:1fr;padding:40px 0}}