/* Список кейсов: короткая синяя шапка, фильтры по отрасли и задаче, карточки с главной цифрой результата. Карточки строятся из CASES. */
.page-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(50% 80% at 85% 20%,rgba(77,98,255,.7),transparent 70%),linear-gradient(160deg,#0e1450,#1d2a9c)}
.page-hero .wrap{position:relative;padding-block:48px 56px}
.page-hero .dino{position:absolute;right:-40px;bottom:-80px;width:min(40%,520px);height:auto;color:#fff;opacity:.08}
.crumbs{display:flex;gap:8px;font-size:14px;color:#b9c2f5;margin-bottom:18px}
.crumbs a{color:#dfe4ff;text-decoration:none}.crumbs a:hover{color:#fff}
.page-hero h1{font:800 clamp(38px,5vw,64px)/1 var(--font);letter-spacing:-.045em;margin:0 0 16px}
.page-hero p{margin:0;max-width:36em;font-size:19px;color:#cfd6ff}

.filters{display:grid;gap:14px;padding-block:36px 8px}
.fgroup{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fgroup>span{width:88px;font-size:14px;color:var(--muted);font-weight:600}
.chip{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--rule);background:var(--card);font-size:14px;font-weight:600;color:var(--navy);transition:background .2s,border-color .2s}
.chip:hover{border-color:var(--blue)}
.chip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--card)}
.count{font-size:14px;color:var(--muted);padding-block:10px 18px}

.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:40px}
.empty{grid-column:1/-1;background:var(--card);border:1px dashed var(--rule);border-radius:24px;padding:40px;text-align:center}
.empty h2{margin:0 0 8px;color:var(--navy);font:800 22px/1.3 var(--font)}
.empty p{margin:0 0 18px;color:var(--muted)}
@media (max-width:1080px){.case-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.case-grid{grid-template-columns:1fr}.fgroup>span{width:100%}}