.cases-intro{padding:150px var(--pad) 82px;background:radial-gradient(circle at 82% 20%,rgba(15,143,255,.18),transparent 34%),#031426;color:#fff}.cases-intro>*{max-width:1180px;margin-left:auto;margin-right:auto}.cases-intro h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.92;letter-spacing:-.05em;margin:0 0 24px;max-width:980px}.cases-intro>p:last-child{max-width:760px;margin-left:max(calc((100% - 1180px)/2),0px);font-size:1.15rem;line-height:1.65;color:#dbe8f2}
.cases-grid{padding:80px var(--pad) 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-card{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;border:1px solid #d6e2ec;border-radius:22px;overflow:hidden;background:#fff;transition:transform .2s ease,border-color .2s ease}.case-card:hover,.case-card:focus-visible{transform:translateY(-3px);border-color:var(--blue)}.case-card figure{aspect-ratio:16/10;margin:0;overflow:hidden;background:#eaf1f6}.case-card img{width:100%;height:100%;object-fit:cover}.case-card>div{padding:28px}.case-card span{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--blue)}.case-card h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.035em;margin:10px 0 12px}.case-card p{color:#506b80;line-height:1.7}.case-card strong{display:inline-block;margin-top:10px}
.case-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);background:#031426;color:#fff;padding:126px var(--pad) 70px;gap:52px;align-items:center}.case-hero-copy{max-width:780px;justify-self:end}.case-hero h1{font-size:clamp(3.2rem,6vw,6.5rem);line-height:.94;letter-spacing:-.05em;margin:18px 0 22px}.case-lead{font-size:1.16rem;line-height:1.7;color:#dbe8f2;max-width:760px}.case-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.case-tags span{border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:8px 12px;font-size:.78rem}.case-hero-media{margin:0;border-radius:22px;overflow:hidden;background:#102d46;max-width:680px}.case-hero-media img{width:100%;height:auto;display:block}
.case-story{padding:88px var(--pad);display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:72px}.case-story-head{max-width:560px;justify-self:end}.case-story h2,.case-delivery h2,.case-next h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.045em;margin:0}.case-story-copy{max-width:780px}.case-story-copy p{font-size:1.04rem;line-height:1.8;color:#4b667b}.case-story-copy .btn{margin-top:16px}
.case-delivery{padding:88px var(--pad);background:#031426;color:#fff;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.4fr);gap:64px}.case-delivery>div:first-child{max-width:560px;justify-self:end}.case-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px}.case-delivery article{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px;background:rgba(255,255,255,.03)}.case-delivery h3{font-size:1.05rem;margin:0 0 10px}.case-delivery p{margin:0;color:#d1dfeb;line-height:1.65}
.case-next{padding:78px var(--pad) 94px}.case-next>p,.case-next>h2,.case-next>div{max-width:1180px;margin-left:auto;margin-right:auto}.case-next>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.case-next a{display:flex;justify-content:space-between;gap:16px;border:1px solid #d6e2ec;border-radius:16px;padding:20px;text-decoration:none;font-weight:700;background:#fff}.case-next a:hover,.case-next a:focus-visible{border-color:var(--blue);color:var(--blue)}
@media(max-width:900px){.cases-grid{grid-template-columns:1fr}.case-hero{grid-template-columns:1fr;padding:118px 24px 64px}.case-hero-copy{justify-self:start}.case-hero-media{max-width:100%}.case-story,.case-delivery{grid-template-columns:1fr;padding:64px 24px;gap:34px}.case-story-head,.case-delivery>div:first-child{justify-self:start}.case-next{padding:64px 24px 78px}.case-next>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cases-intro{padding:120px 24px 64px}.cases-grid{padding:56px 24px 72px}.case-delivery-grid{grid-template-columns:1fr}.case-next>div{grid-template-columns:1fr}.case-hero h1{font-size:3.15rem}}