.works-body { background: #f7f6f8; }
.works-filter { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.works-filter__radio { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.works-filter__radio:focus-visible + .works-filter__btn { outline:3px solid #a78bfa; outline-offset:3px; }
.works-filter__radio:checked + .works-filter__btn { color:#fff; background:#7057d9; border-color:#7057d9; box-shadow:0 7px 18px rgba(112,87,217,.22); }
.works-filter__count { margin-left:7px; opacity:.72; font-size:.82em; }
.works-card { position:relative; overflow:hidden; background:#fff; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.works-card:hover, .works-card:focus-within { transform:translateY(-3px); border-color:rgba(112,87,217,.35); box-shadow:0 18px 38px rgba(25,25,34,.1); }
.works-card__cover { position:absolute; inset:0; z-index:4; border-radius:inherit; }
.works-card__cover:focus-visible { outline:3px solid #7057d9; outline-offset:-4px; }
.project-card__body { position:relative; }
.project-card__desc { display:block !important; flex:none !important; height:auto !important; max-height:none !important; overflow:visible !important; -webkit-line-clamp:unset !important; }
.project-card__result { margin-top:14px; padding:12px 14px; border-left:3px solid #7057d9; border-radius:0 8px 8px 0; background:#f4f1ff; color:#35313f; font-size:14px; line-height:1.55; }
.project-card__result-label { display:block; margin-bottom:3px; color:#7057d9; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.project-card__tags { margin-top:10px !important; margin-bottom:0 !important; }
.project-card__view { display:inline-flex; align-items:center; gap:7px; margin-top:12px !important; color:#7057d9; font-weight:750; }
.works-more-toggle, .works-more-label { display:none; }