.cases-page{color:#07143a;background:#fff}.cases-shell{width:min(1120px,90.6%);margin:0 auto}.cases-hero{position:relative;min-height:390px;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 43%,rgba(30,99,219,.42),transparent 32%),linear-gradient(115deg,#02143a,#06245e 62%,#0a3f9d)}.cases-hero:after{content:"COVAX";position:absolute;right:-18px;bottom:-30px;color:transparent;-webkit-text-stroke:1px rgba(148,181,239,.15);font-size:clamp(145px,18vw,270px);font-weight:800;line-height:.8;letter-spacing:-.06em}.cases-hero__grid{position:absolute;inset:0 0 0 52%;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 38%)}.cases-hero__inner{position:relative;z-index:1;padding:69px 0 58px}.cases-eyebrow,.cases-intro__grid>div:first-child>span{display:block;margin-bottom:17px;color:#79a7ff;font-size:11px;font-weight:700;letter-spacing:.14em}.cases-hero h1{margin:0 0 21px;font-size:clamp(45px,4.6vw,68px);line-height:1;letter-spacing:-.04em}.cases-hero h1 span{color:#1765ff}.cases-hero__inner>p:last-child{max-width:790px;margin:0;color:#dce7fb;font-size:17px;line-height:1.65}.cases-intro{padding:74px 0;border-bottom:1px solid #dce3ee}.cases-intro__grid{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(490px,1.18fr);gap:8vw}.cases-intro__grid>div:first-child>span{color:#1654db}.cases-intro h2{margin:0;font-size:clamp(28px,2.75vw,39px);line-height:1.14;letter-spacing:-.03em}.cases-intro p{margin:0 0 20px;color:#46526f;font-size:16px;line-height:1.76}.cases-intro p:last-child{margin-bottom:0}.cases-list{padding:66px 0 72px;background:#f5f7fa}.case-card{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(450px,1.08fr);min-height:315px;margin-bottom:28px;overflow:hidden;background:#fff;border:1px solid #dbe2ed;transition:transform .2s ease,box-shadow .2s ease}.case-card:last-child{margin-bottom:0}.case-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #051e521f}.case-card:nth-child(2n) .case-card__image{grid-column:2;grid-row:1}.case-card:nth-child(2n) .case-card__content{grid-column:1;grid-row:1}.case-card__image{position:relative;min-height:315px;overflow:hidden;background:#05245f}.case-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(1,17,51,.6))}.case-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.case-card:hover .case-card__image img{transform:scale(1.025)}.case-card__image>span{position:absolute;z-index:1;right:22px;bottom:18px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em}.case-card__content{display:flex;flex-direction:column;align-items:flex-start;padding:39px 43px 34px}.case-card__category{margin-bottom:15px;color:#1654db;font-size:10px;font-weight:700;letter-spacing:.11em}.case-card h2{max-width:540px;margin:0 0 16px;font-size:clamp(23px,2.1vw,31px);line-height:1.16;letter-spacing:-.03em}.case-card__content>p{max-width:570px;margin:0 0 20px;color:#4b5872;font-size:13px;line-height:1.7}.case-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px;padding:0;list-style:none}.case-card li{padding:7px 9px;color:#4a5872;background:#f2f5fa;border:1px solid #dce3ee;font-size:9px;font-weight:700;letter-spacing:.04em}.case-card strong{margin-top:auto;color:#1146cb;font-size:10px;letter-spacing:.04em}.case-card strong b{margin-left:10px;font-size:18px;font-weight:400}body:has(.cases-page) header nav a[href="/projects/"]{color:#075cff}@media(max-width:900px){.cases-intro__grid{grid-template-columns:1fr;gap:34px}.case-card{grid-template-columns:1fr}.case-card:nth-child(2n) .case-card__image,.case-card:nth-child(2n) .case-card__content{grid-column:auto;grid-row:auto}.case-card__image{min-height:280px}}@media(max-width:700px){.cases-shell{width:calc(100% - 40px)}.cases-hero{min-height:420px}.cases-hero__inner{padding:57px 0 48px}.cases-hero h1{font-size:44px}.cases-hero__inner>p:last-child,.cases-intro p{font-size:14px}.cases-intro{padding:50px 0}.cases-intro h2{font-size:27px}.cases-list{padding:38px 0 44px}.case-card{margin-bottom:20px}.case-card__image{min-height:220px}.case-card__content{padding:28px 24px 27px}.case-card h2{font-size:23px}}
