@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.works-filters{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.works-filter-btn{border:1px solid var(--tt-border-color);color:var(--tt-text-muted-color);cursor:pointer;text-transform:capitalize;letter-spacing:.5px;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.works-filter-btn:hover:not(:disabled){border-color:var(--tt-text-color);color:var(--tt-text-color);transform:translateY(-2px)}.works-filter-btn.active{background:var(--tt-main-color);border-color:var(--tt-main-color);color:#000}.works-filter-btn.active:hover{transform:translateY(-2px)}.works-filter-btn:disabled{opacity:.6;cursor:not-allowed}.filter-count{background:var(--tt-border-color);min-width:20px;height:20px;color:var(--tt-text-color);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.works-filter-btn.active .filter-count{color:#000;background:#0003}.works-card-link{color:inherit;height:100%;text-decoration:none;display:block}.works-card{background:var(--tt-bg-color);border:1px solid var(--tt-border-color);border-radius:8px;flex-direction:column;height:100%;transition:all .4s;display:flex;position:relative;overflow:hidden}.works-card:hover{border-color:var(--tt-main-color);transform:translateY(-6px)}.works-card-image{background:var(--tt-border-color);width:100%;height:260px;position:relative;overflow:hidden}.works-card-img{object-fit:cover;transition:transform .6s}.works-card:hover .works-card-img{transform:scale(1.06)}.works-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0006 100%);transition:opacity .4s;position:absolute;inset:0}.works-card:hover .works-card-overlay{opacity:1}.works-card-content{flex-direction:column;flex:1;padding:28px;display:flex}.works-card-industry{letter-spacing:1px;color:var(--tt-main-color);background:#caff001a;border-radius:4px;align-self:flex-start;margin-bottom:16px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-block}.works-card-title{color:var(--tt-text-color);margin:0;font-size:20px;font-weight:700;line-height:1.3;transition:color .3s}.works-card:hover .works-card-title{color:var(--tt-main-color)}.works-card-client{color:var(--tt-text-muted-color);align-items:center;font-size:13px;font-weight:500;display:flex}.works-card-description{flex:1;margin:0;font-size:14px;line-height:1.6}.works-card-results{border-top:1px solid var(--tt-border-color);margin-top:20px;padding-top:20px}.results-label{letter-spacing:1px;margin-bottom:0;font-size:10px;font-weight:700}.results-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.result-item{text-align:left}.result-metric{color:var(--tt-main-color);margin-bottom:4px;font-size:22px;font-weight:800}.result-desc{font-size:11px;font-weight:500;line-height:1.3}.works-card-cta{color:var(--tt-text-color);justify-content:space-between;align-items:center;margin:0;font-size:14px;font-weight:700;transition:all .3s;display:flex}.works-card-cta i{transition:transform .3s}.works-card:hover .works-card-cta{color:var(--tt-main-color)}.works-card:hover .works-card-cta i{transform:translate(4px)}.works-empty-state{animation:.6s fadeIn}.works-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.pagination-btn{border:1px solid var(--tt-border-color);color:var(--tt-text-color);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){border-color:var(--tt-main-color);color:var(--tt-main-color)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{border:1px solid var(--tt-border-color);color:var(--tt-text-color);cursor:pointer;background:0 0;border-radius:6px;min-width:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s}.pagination-number:hover:not(:disabled){border-color:var(--tt-main-color);color:var(--tt-main-color)}.pagination-number.active{background:var(--tt-main-color);border-color:var(--tt-main-color);color:#000}.pagination-number:disabled{opacity:.3;cursor:not-allowed}.pagination-ellipsis{padding:0 5px}body.tt-lightmode-on .works-filter-btn{color:#666;border-color:#666}body.tt-lightmode-on .works-filter-btn:hover{border-color:var(--tt-light-color);color:var(--tt-light-color)}body.tt-lightmode-on .works-card{background:#fff;border-color:#ddd}body.tt-lightmode-on .works-card:hover{border-color:var(--tt-main-color)}body.tt-lightmode-on .works-card-title,body.tt-lightmode-on .works-card-cta{color:var(--tt-light-color)}body.tt-lightmode-on .works-card:hover .works-card-title,body.tt-lightmode-on .works-card:hover .works-card-cta{color:var(--tt-main-color)}body.tt-lightmode-on .pagination-btn,body.tt-lightmode-on .pagination-number{color:var(--tt-light-color);border-color:#ddd}@media (max-width:768px){.works-card-content{padding:24px}.works-card-title{font-size:18px}.results-grid{gap:12px}.works-filter-btn{padding:8px 18px;font-size:12px}.works-pagination{gap:8px}.pagination-btn{padding:8px 16px;font-size:13px}.pagination-number{min-width:38px;padding:8px 12px;font-size:13px}}
