.kaola-portfolio-container{width:100%;margin:30px auto;font-family:inherit;box-sizing:border-box}.kaola-portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:35px}.kaola-portfolio-filters .filter-btn{background:#f1f5f9;color:#475569;border:none;padding:9px 22px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s ease}.kaola-portfolio-filters .filter-btn:hover{background:#e2e8f0;color:#0f172a}.kaola-portfolio-filters .filter-btn.active{background:#2563eb;color:#fff;box-shadow:0 4px 12px rgb(37 99 235 / .3)}.kaola-portfolio-grid{display:grid;gap:30px}.kaola-grid-cols-2{grid-template-columns:repeat(2,1fr)}.kaola-grid-cols-3{grid-template-columns:repeat(3,1fr)}.kaola-grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.kaola-grid-cols-3,.kaola-grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kaola-grid-cols-2,.kaola-grid-cols-3,.kaola-grid-cols-4{grid-template-columns:1fr}}.kaola-portfolio-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .06);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;height:100%;border:1px solid #f1f5f9}.kaola-portfolio-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgb(0 0 0 / .12)}.card-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:#f8fafc}.card-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;display:block}.kaola-portfolio-card:hover .card-thumb{transform:scale(1.06)}.card-overlay{position:absolute;inset:0;background:rgb(15 23 42 / .45);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.kaola-portfolio-card:hover .card-overlay{opacity:1}.card-view-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0f172a!important;text-decoration:none!important;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgb(0 0 0 / .2);transform:translateY(15px);transition:all 0.3s ease}.kaola-portfolio-card:hover .card-view-btn{transform:translateY(0)}.card-view-btn:hover{background:#2563eb;color:#ffffff!important}.card-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-cats{font-size:12px;font-weight:700;text-transform:uppercase;color:#2563eb;letter-spacing:.5px;margin-bottom:8px}.card-title{margin:0 0 10px 0;font-size:18px;font-weight:700;line-height:1.4}.card-title a{color:#0f172a;text-decoration:none;transition:color 0.2s}.card-title a:hover{color:#2563eb}.card-client{font-size:13px;color:#64748b;margin-top:auto}.card-client span{color:#1e293b;font-weight:600}.kaola-single-portfolio-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:35px}.kaola-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.kaola-meta-card{display:flex;flex-direction:column;gap:4px}.kaola-meta-card .meta-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.kaola-meta-card .meta-value{font-size:16px;color:#0f172a;font-weight:700}.meta-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.meta-tag{background:#e2e8f0;color:#334155;padding:3px 10px;border-radius:4px;font-size:12px;text-decoration:none;font-weight:600}.meta-tag:hover{background:#2563eb;color:#fff}.kaola-portfolio-live-btn{display:inline-block;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#ffffff!important;text-decoration:none!important;padding:12px 28px;border-radius:8px;font-weight:700;box-shadow:0 4px 15px rgb(37 99 235 / .3);transition:transform 0.2s,box-shadow 0.2s}.kaola-portfolio-live-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(37 99 235 / .4)}