.cases-page{min-height:100vh;background:var(--bg);color:var(--fg)}.cases-main{padding:170px 0 140px}.cases-intro{display:grid;grid-template-columns:1fr .55fr;gap:12%;align-items:end;padding-bottom:70px}.cases-intro h1{font-size:88px;line-height:.92;letter-spacing:-.08em;margin:0}.cases-intro h1 em{font-style:normal;color:var(--violet)}.cases-intro p{color:var(--muted-strong);max-width:350px;margin:0}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-card{display:block;border:1px solid var(--border);background:rgba(255,255,255,.03);transition:transform .3s,border-color .3s}.case-card:hover{transform:translateY(-5px);border-color:var(--violet)}.case-card-media{aspect-ratio:1.45;overflow:hidden;background:#1b1b1e}.case-card img{display:block;width:100%;height:100%;object-fit:cover}.case-card-body{padding:24px}.case-card-meta{display:flex;justify-content:space-between;color:var(--muted-strong);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.case-card h2{font-size:27px;line-height:1;margin:42px 0 14px;letter-spacing:-.05em}.case-card p{color:var(--muted-strong);font-size:14px;max-width:440px;margin:0}.case-empty{padding:35px 0;color:var(--muted-strong);border-top:1px solid var(--border)}.case-detail{padding:170px 0 140px}.case-detail-head{display:grid;grid-template-columns:1fr .55fr;gap:12%;align-items:end;padding-bottom:60px}.case-detail h1{font-size:88px;line-height:.92;letter-spacing:-.08em;margin:0}.case-detail h1 em{font-style:normal;color:var(--violet)}.case-detail-lead{color:var(--muted-strong);max-width:360px;margin:0}.case-detail-visual{border:1px solid var(--border);background:#1b1b1e}.case-detail-visual img{display:block;width:100%;height:auto}.case-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:15%;padding-top:35px}.case-detail-info p{margin:0;color:var(--muted-strong);max-width:500px}.case-detail-links{display:flex;gap:24px;align-items:start}.cases-back{display:inline-flex;margin-bottom:34px;color:var(--muted-strong);font-size:13px;gap:8px;align-items:center}.cases-back svg{width:16px}.cases-page .site-header{position:absolute}
@media (max-width:760px){.cases-main,.case-detail{padding-top:120px;padding-bottom:100px}.cases-intro,.case-detail-head,.case-detail-info{display:block}.cases-intro h1,.case-detail h1{font-size:56px}.cases-intro p,.case-detail-lead{margin-top:30px}.cases-grid{grid-template-columns:1fr}.case-card h2{font-size:24px;margin-top:30px}.case-detail-info p{margin-top:24px}.case-detail-links{margin-top:30px;flex-wrap:wrap}}