.cases-page{padding:56px 0 90px}
.cases-page>h1{font-size:clamp(38px,4.5vw,58px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:18px 0 20px}
.cases-intro{font-size:14px;line-height:1.85;color:#a9a9b4;max-width:560px;margin:0 0 46px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-card{background:#161618;border:1px solid #2c2c30;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.case-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:9px;letter-spacing:.6px;color:#c7c7ce}
.case-label{text-transform:uppercase;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-live{display:flex;align-items:center;gap:6px;color:#8f8f99;flex-shrink:0}
.case-live i{width:5px;height:5px;border-radius:50%;background:var(--red)}
.case-hero{margin:0 12px;border-radius:8px;overflow:hidden;background:#0e0e10;aspect-ratio:16/9.4}
.case-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.case-tags{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 0}
.case-tags span{font-size:9px;color:#c7c7ce;border:1px solid #33333a;border-radius:20px;padding:4px 10px}
.case-services{padding:14px 16px 0;border-top:1px solid #26262a;margin-top:14px}
.case-services-label{display:block;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#8f8f99;margin-bottom:8px}
.case-services-chips{display:flex;flex-wrap:wrap;gap:6px}
.case-services-chips span{font-size:9px;color:var(--red);border:1px solid #4a2226;background:#241417;border-radius:20px;padding:4px 10px}
.case-card h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:14px 16px 6px;color:#f5f5f7}
.case-card p{font-size:12px;line-height:1.7;color:#9797a2;margin:0 16px 18px}
.cases-disclaimer{margin:46px 0 0;font-size:12px;line-height:1.8;color:#a6a6b1;max-width:820px}
.case-grid.teaser{grid-template-columns:repeat(3,1fr);margin-top:36px}
.cases-cta{margin-top:26px}
@media(max-width:1050px){.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cases-page{padding:38px 0 60px}.cases-intro{margin-bottom:30px}.case-grid{grid-template-columns:1fr;gap:18px}.case-grid.teaser{grid-template-columns:1fr}}