.case-studies-hero{min-height:420px;position:relative;background-position:center;background-size:cover}
.case-studies-hero:before{background:rgba(0,0,0,.48);content:"";inset:0;position:absolute}
.case-studies-hero .container{position:relative}
.case-studies-hero .hero-text{padding-top:160px}
.case-studies-hero .hero-text p{max-width:760px;margin-left:auto;margin-right:auto}
.case-study-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-20px 0 45px}
.case-study-filter{background:#fff;border:1px solid #dfe5e8;color:#1b2032;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;font-weight:600;letter-spacing:.03em;padding:10px 18px;text-transform:uppercase;transition:all .2s ease}
.case-study-filter:hover,.case-study-filter.is-active{background:#083c5a;border-color:#083c5a;color:#fff}
.case-study-grid{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}
.case-study-card{background:#fff;box-shadow:0 8px 24px rgba(27,32,50,.08);display:flex;flex-direction:column;min-height:280px;padding:34px 30px}
.case-study-card h2{color:#1b2032;font-family:Jost,sans-serif;font-size:27px;font-weight:700;line-height:1.2;margin:0 0 16px;text-transform:uppercase}
.case-study-card p{color:#555;line-height:1.75;margin:0 0 22px}
.case-study-link{color:#083c5a;font-family:Jost,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 22px;text-transform:uppercase}
.case-study-link:hover{color:#1b2032}
.case-study-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.case-study-tag{background:#edf4f7;color:#083c5a;font-size:12px;font-weight:600;letter-spacing:.03em;padding:6px 9px;text-transform:uppercase}
.case-study-detail .case-study-tags{justify-content:center;margin:-18px 0 48px}
.case-study-copy{color:#555;font-size:17px;line-height:1.85;margin:0 auto;max-width:820px}
.case-study-copy h2{color:#1b2032;font-family:Jost,sans-serif;font-size:28px;font-weight:700;margin:42px 0 12px;text-transform:uppercase}
.case-study-empty{color:#666;font-size:17px;margin:0;text-align:center}
@media only screen and (max-width:991px){.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media only screen and (max-width:600px){.case-studies-hero{min-height:340px}.case-studies-hero .hero-text{padding-top:125px}.case-study-grid{grid-template-columns:1fr}.case-study-card{min-height:0}.case-study-filter{font-size:12px;padding:9px 12px}}