.cases-page{background:#fff}.cases-hero:before{background-image:url('field-testing.jpg')}.cases-hero:after{background:linear-gradient(90deg,rgba(3,19,35,.99),rgba(4,31,52,.9) 57%,rgba(4,31,52,.34)),linear-gradient(to top,rgba(3,19,35,.62),transparent 58%)}
.case-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.case-stat{padding:27px 6vw 27px 27px;border-right:1px solid var(--line)}.case-stat strong{font-size:25px;color:var(--blue)}.case-stat span{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.65}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-button{border:1px solid var(--line);background:#fff;padding:11px 15px;font-family:inherit;font-size:10px;color:#456171;cursor:pointer}.filter-button:hover,.filter-button.active{background:var(--navy2);border-color:var(--navy2);color:#fff}.case-results{font-size:10px;color:var(--muted);margin:0 0 20px}.case-results b{color:var(--blue)}
.case-region-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-12px 0 24px;padding:14px 16px;background:#eaf3f7;border-left:3px solid var(--cyan)}.case-region-filter>span{font-size:10px;font-weight:700;color:var(--ink);margin-right:4px}.case-region-filter button{border:1px solid #c6d8e1;background:#fff;padding:9px 13px;font-family:inherit;font-size:10px;color:#456171;cursor:pointer}.case-region-filter button:hover,.case-region-filter button.active{background:var(--blue);border-color:var(--blue);color:#fff}.case-location-link{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0 -12px;color:inherit}.case-location-link span{font-size:9px;color:#728a98}.case-location-link strong{font-size:10px;color:var(--blue)}.case-location-link b{margin-left:auto;font-size:9px;color:#0878bd;font-weight:600}.case-card.featured .case-location-link span{color:#91aaba}.case-card.featured .case-location-link strong,.case-card.featured .case-location-link b{color:#65c7f3}
.case-library{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.case-card{min-height:300px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.case-card.hidden{display:none}.case-card.featured{background:#082b43;color:#fff}.case-card-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.case-card-head span{font-size:9px;color:var(--cyan);letter-spacing:.08em}.case-card-head b{font-size:10px;color:#8aa0ae}.case-card h3{font-size:20px;line-height:1.45;margin:32px 0 12px}.case-card p{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.case-card.featured p{color:#adc2cd}.case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.case-tags i{font-style:normal;font-size:9px;padding:6px 8px;background:#eaf3f7;color:#486b7e}.case-card.featured .case-tags i{background:rgba(255,255,255,.08);color:#d5e4eb;border:1px solid rgba(255,255,255,.14)}
.case-detail-link{display:inline-flex;align-self:flex-start;margin-top:18px;padding-bottom:4px;border-bottom:1px solid #54bce8;color:#0878bd;font-size:10px;font-weight:700}.case-card.featured .case-detail-link{color:#65c7f3}

.case-taxonomy{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.case-taxonomy article{padding:28px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);min-height:220px}.case-taxonomy span{font-size:10px;color:#5bc7f4}.case-taxonomy h3{font-size:18px;margin:32px 0 12px}.case-taxonomy p{font-size:11px;line-height:1.85;color:#9fb6c3}
@media(max-width:1050px){.case-library{grid-template-columns:1fr 1fr}.case-taxonomy{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.case-stats,.case-library,.case-taxonomy{grid-template-columns:1fr}.case-stat{padding-left:22px}.case-card{min-height:270px}.case-region-filter{align-items:stretch}.case-region-filter>span{width:100%}.case-region-filter button{flex:1 1 calc(50% - 8px)}.case-location-link b{width:100%;margin-left:0}}
