.cases{background:#080909!important;padding:90px 0 70px!important;overflow:hidden!important}
.cases-head{text-align:center;position:relative;z-index:2}
.cases-pill{display:inline-block;background:transparent;border:1px solid #7B5CFF;border-radius:999px;color:#7B5CFF;font-size:12px;font-weight:700;padding:7px 18px;margin:0 0 18px}
.cases-head h2{color:#fff!important;font-size:34px!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.15!important;max-width:720px;margin:0 auto 16px!important}
.cases-sub-row{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:6px}
.cases-sub{color:#9aa0ab;font-size:13px;line-height:1.5;max-width:600px;margin:0}
.cases-arrow{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px;flex:0 0 auto;transition:transform .2s,opacity .2s}
.cases-arrow:hover{transform:scale(1.15);opacity:.8}

.case-grid{display:flex;gap:38px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:34px max(24px,calc((100vw - 940px)/2)) 8px;margin:0}
.case-grid::-webkit-scrollbar{display:none}
.case-grid>a.case-card{flex:0 0 min(940px,74vw)!important;scroll-snap-align:center!important;min-height:470px;display:grid;grid-template-columns:1.04fr .96fr;background:#fff!important;color:#111!important;text-decoration:none!important;border-radius:0!important;overflow:hidden;transition:transform .25s,box-shadow .25s}
.case-grid>a.case-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(0,0,0,.35)!important}
.case-copy{padding:36px 40px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.case-brand{display:inline-block;padding:10px 22px;border-radius:999px;background:#dff7f2;color:#18636b;font-size:21px;font-weight:800;letter-spacing:-.02em}
.tone-1 .case-brand{background:#e9efff;color:#506994}
.tone-2 .case-brand{background:#fbe8f4;color:#a03b73}
.case-copy h3{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.055em;margin:30px 0 12px;max-width:420px}
.case-meta{font-size:13px;font-weight:700;line-height:1.3;margin:0 0 24px;color:#333}
.case-info{width:100%;display:grid;grid-template-columns:1.8fr .7fr;gap:14px;background:#f3f3f3;border-radius:13px;padding:15px 16px}
.case-info div{display:grid;gap:4px;align-content:start}
.case-info small{font-size:11px;color:#90939a}
.case-info b{font-size:12px;font-weight:700;line-height:1.25}
.case-stats{margin-top:auto;padding-top:22px;display:flex;gap:54px;font-size:14px;font-weight:700}
.case-visual{margin:9px;overflow:hidden;position:relative}
.case-visual img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
  .cases{padding:56px 0 40px!important}
  .cases-head h2{font-size:22px!important}
  .cases-sub{font-size:11px}
  .cases-arrow{font-size:22px}
  .case-grid{gap:16px;padding:22px 16px 8px}
  .case-grid>a.case-card{flex:0 0 calc(100vw - 32px)!important}
  .case-card{grid-template-columns:1fr;min-height:auto}
  .case-copy{padding:24px}
  .case-copy h3{font-size:22px;margin:18px 0 10px}
  .case-visual{min-height:220px}
  .case-stats{gap:32px;padding-top:16px}
}