.case-card{--card-rgb:91, 163, 216;text-align:center;cursor:pointer;will-change:transform;background:linear-gradient(135deg,#000 0%,#030308 100%);border:1px solid #ffffff0f;border-radius:24px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:360px;padding:32px 24px;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .5s;display:flex;position:relative;overflow:hidden}.case-card:hover,.case-card:focus-visible{box-shadow:0 0 40px -10px rgba(var(--card-rgb), .55);border-color:rgba(var(--card-rgb), .4);z-index:10;transform:translateY(-8px)rotate(2deg)scale(1.03)}.case-card:focus-visible{outline:2px solid rgba(var(--card-rgb), .7);outline-offset:4px}.case-card__beam{background:linear-gradient(120deg, transparent 30%, rgba(var(--card-rgb), .22) 50%, transparent 70%);pointer-events:none;z-index:1;width:60%;height:100%;transition:left .9s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-55%;transform:skew(-15deg)}.case-card:hover .case-card__beam{left:115%}.case-card__glow{background:radial-gradient(circle at 50% 0%, rgba(var(--card-rgb), .28) 0%, transparent 55%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.case-card:hover .case-card__glow{opacity:1}.case-card__dots{background-image:radial-gradient(circle, rgba(var(--card-rgb), .18) 1px, transparent 1.5px);opacity:.35;pointer-events:none;z-index:1;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 75%);mask-image:radial-gradient(#000 25%,#0000 75%)}.case-card__content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex;position:relative}.case-card__logo{width:96px;height:96px;filter:drop-shadow(0 0 18px rgba(var(--card-rgb), .35));margin-bottom:4px;transition:filter .5s,transform .5s;position:relative}.case-card:hover .case-card__logo{filter:drop-shadow(0 0 28px rgba(var(--card-rgb), .6));transform:scale(1.05)}.case-card__logo-fallback{border:1px solid rgba(var(--card-rgb), .25);width:100%;height:100%;font-family:var(--font-display);color:rgba(var(--card-rgb), .9);letter-spacing:-.02em;border-radius:16px;justify-content:center;align-items:center;font-size:32px;display:flex}.case-card__category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:rgba(var(--card-rgb), .95);text-shadow:0 0 8px rgba(var(--card-rgb), .3);font-size:10px}.case-card__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--color-ink);margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.05;transition:color .4s}.case-card:hover .case-card__title{color:rgba(var(--card-rgb), 1)}.case-card__description{color:var(--color-ink-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.case-card__status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:8px;margin-top:2px;padding:6px 14px 6px 12px;font-size:9px;display:inline-flex}.case-card__status:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.case-card__status--live{color:#4ade80;text-shadow:0 0 8px #22c55e80;background:#22c55e1a;border-color:#22c55e73}.case-card__status--live:before{background:#22c55e;animation:1.6s ease-in-out infinite status-pulse-live;box-shadow:0 0 6px #22c55e,0 0 14px #22c55eb3,0 0 22px #22c55e66}@keyframes status-pulse-live{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #22c55e,0 0 14px #22c55eb3,0 0 22px #22c55e66}50%{opacity:.55;transform:scale(1.25);box-shadow:0 0 10px #22c55e,0 0 22px #22c55ef2,0 0 36px #22c55eb3}}.case-card__status--soon{color:#facc15;text-shadow:0 0 8px #eab30866;background:#eab30814;border-color:#eab30866}.case-card__status--soon:before{background:#eab308;box-shadow:0 0 6px #eab308,0 0 14px #eab308a6,0 0 22px #eab30859}@media (prefers-reduced-motion:reduce){.case-card__status--live:before{animation:none!important}}.case-card__cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:rgba(var(--card-rgb), 1);opacity:0;z-index:3;font-size:10px;transition:opacity .3s;position:absolute;bottom:16px;right:18px}.case-card:hover .case-card__cta{opacity:1}@media (prefers-reduced-motion:reduce){.case-card,.case-card__beam,.case-card__logo,.case-card__title{transition:none!important}.case-card:hover{transform:none!important}.case-card:hover .case-card__beam{left:-55%!important}}