.wc-success{--paper:#f6f5f1;--ink:#171d2b;--muted:#596172;--dark:#131021;--electric:#c1f58e;--ease:cubic-bezier(.19,1,.22,1)}
.wc-success .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.wc-success .case-card{min-width:0;scroll-margin-top:115px}.wc-success .case-thumb{position:relative;aspect-ratio:16/10;background:#dedce3;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;border:1px solid #ffffff50;transition:box-shadow .4s,transform .5s var(--ease)}.wc-success .case-thumb img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.wc-success .case-card:hover .case-thumb{transform:translateY(-4px);box-shadow:0 12px 25px #21142d17}.wc-success .video-hit{display:block;position:relative}.wc-success .case-thumb.video-thumb{aspect-ratio:16/10;background:var(--dark)}.wc-success .video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.wc-success .play-control{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(246,245,241,.62);color:rgba(19,16,33,.85);border:1px solid #ffffff66;position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);transition:transform .45s var(--ease),background .3s;box-shadow:0 5px 20px #13102130}.wc-success .play-control svg{width:20px;height:20px;margin-left:3px}.wc-success .video-hit:hover .play-control,.wc-success .video-hit:focus-visible .play-control{background:rgba(193,245,142,.78)}.wc-success .video-hit:hover .play-control:after{content:"";position:absolute;inset:-9px;border:1px solid #c1f58eaa;border-radius:50%;animation:playPulse 1.4s ease-out infinite}@keyframes playPulse{to{transform:scale(1.24);opacity:0}}.wc-success .duration{position:absolute;right:11px;bottom:10px;background:#131021de;color:#f5f2fa;font-size:12px;line-height:1.5;padding:3px 7px;border-radius:3px;font-variant-numeric:tabular-nums}.wc-success .case-card h3{font-size:17px;margin:17px 0 6px;line-height:1.7;letter-spacing:-.01em}.wc-success .case-meta{font-size:12px;color:#6b537e;margin:0 0 10px}.wc-success .case-detail summary{font-size:13px;display:flex;align-items:center;min-height:44px;gap:10px;border-top:1px solid #c6c3ce;list-style:none;color:var(--muted)}.wc-success summary::-webkit-details-marker{display:none}.wc-success .case-detail summary .arrow{width:14px}.wc-success .case-detail p{font-size:14px;padding-top:12px}.wc-success .case-detail[open] summary .arrow{transform:rotate(90deg)}.wc-success .case-empty{padding:40px;color:var(--muted)}.wc-success .filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}.wc-success .filters button{font-size:14px;min-height:46px;padding:10px 19px;background:transparent;border:1px solid #b9bdc5;border-radius:999px;transition:background .3s,transform .3s}.wc-success .filters button:hover{transform:translateY(-2px);background:#e9e4f1}.wc-success .filters button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#f5f2fa}.wc-success .work{padding-top:28px}.wc-success .work-collection-heading{font-size:24px;margin-bottom:25px}.wc-success .case-card:not([hidden]){animation:caseIn .6s var(--ease)}@keyframes caseIn{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(hover:hover) and (pointer:fine){.wc-success .video-hit:hover .video-thumb img{transform:translate(var(--video-x,0px),var(--video-y,0px)) scale(1.08)}.wc-success .video-hit:hover .play-control{transform:translate(var(--play-x,0px),var(--play-y,0px))}}
@media(max-width:1024px){.wc-success .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.wc-success .case-grid{grid-template-columns:minmax(0,1fr)}.wc-success .case-thumb{max-height:200px;aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){.wc-success *,.wc-success *::after{transition:none!important;animation:none!important}.wc-success .video-thumb img,.wc-success .play-control{transform:none!important}}