.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm);color:inherit;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.case-card__media{aspect-ratio:16 / 9;background:var(--color-bg-soft)}.case-card__media img{width:100%;height:100%;object-fit:cover}.case-card__body{position:relative;flex:1;padding:24px 56px 24px 24px}.case-card__title{margin-bottom:14px;font-size:17px;font-weight:var(--fw-black);line-height:1.65}.case-card__company{font-size:14.5px;font-weight:var(--fw-bold);color:var(--color-accent)}.case-card__cat{margin-top:6px;font-size:var(--fs-xs);color:var(--color-ink-soft);line-height:1.7}.case-card__arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:28px;height:28px;background:var(--color-accent);border-radius:50%;transition:transform var(--dur) var(--ease)}.case-card__arrow svg{width:14px;height:14px}.case-card:hover .case-card__arrow{transform:translate(3px)}.cases__cta{text-align:center;margin-top:clamp(40px,5vw,56px)}@media (max-width: 900px){.cases{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}.cases-count{margin-bottom:24px;font-size:var(--fs-xs);color:var(--color-ink-mute)}.cases-count b{color:var(--color-ink);font-weight:var(--fw-bold)}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(40px,5vw,56px)}.pagination__item,.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;font-size:14px;font-weight:var(--fw-bold);color:var(--color-ink-soft);background:#fff;border:1px solid var(--color-line);border-radius:10px;text-decoration:none;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.pagination__item:hover,.pagination__btn:not(.pagination__btn--disabled):hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination__item--active{color:#fff;background:var(--color-accent);border-color:var(--color-accent);pointer-events:none}.pagination__btn{gap:6px}.pagination__btn svg{width:15px;height:15px}.pagination__btn--disabled{color:var(--color-ink-mute);background:var(--color-bg-soft);opacity:.55;cursor:default;pointer-events:none}.pagination__ellipsis{min-width:28px;text-align:center;color:var(--color-ink-mute);font-weight:var(--fw-bold)}@media (max-width: 480px){.pagination__item,.pagination__btn{min-width:38px;height:38px;padding:0 10px;font-size:13px}}.case-detail{padding-block:clamp(40px,5vw,64px)}.case-detail__inner{max-width:900px;margin-inline:auto}.case-figure{aspect-ratio:16 / 8;overflow:hidden;border-radius:var(--radius-card);background:var(--color-bg-soft)}.case-figure img{width:100%;height:100%;object-fit:cover}.case-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.case-company{margin-top:16px;font-size:clamp(15px,1.7vw,17px);font-weight:var(--fw-bold);color:var(--color-accent)}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:clamp(36px,5vw,52px) 0;padding:clamp(28px,4vw,40px) 0;border-block:1px solid var(--color-line)}@media (max-width: 600px){.case-metrics{grid-template-columns:1fr;gap:28px}}.case-block{margin-top:clamp(40px,5vw,56px)}.case-block__title{margin-bottom:16px;padding-bottom:12px;font-size:clamp(19px,2.4vw,23px);font-weight:var(--fw-black);border-bottom:1px solid var(--color-line)}.case-block p{font-size:15px;color:var(--color-ink-soft);line-height:2.05}.case-block p+p{margin-top:14px}.case-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.case-list li{position:relative;padding-left:20px;font-size:14.5px;color:var(--color-ink-soft);line-height:1.9}.case-list li:before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;background:var(--color-accent);border-radius:50%}.case-quote{margin-top:clamp(40px,5vw,56px);padding:clamp(28px,4vw,40px);background:var(--color-warm);border-radius:var(--radius-card)}.case-quote blockquote{font-size:clamp(17px,2.1vw,21px);font-weight:var(--fw-bold);line-height:1.95}.case-quote blockquote .u{box-shadow:inset 0 -.4em #1657e029}.case-quote cite{display:block;margin-top:18px;font-size:var(--fs-xs);font-style:normal;color:var(--color-ink-soft)}.case-quote cite b{color:var(--color-ink);font-weight:var(--fw-bold)}.case-back{margin-top:clamp(40px,5vw,56px);text-align:center}
