.case-studies-gallery{background:var(--night);padding:64px 0 88px}.case-studies-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.case-study-card{background:#12121c;border:1px solid #c9a96130;border-radius:5px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.case-study-card:hover{border-color:#c9a9619e;transform:translateY(-7px);box-shadow:0 25px 55px #0000004d}.case-study-media{background:#20202c;height:265px;position:relative;overflow:hidden}.case-study-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#0a0a12bd);position:absolute;inset:0}.case-study-image{object-fit:cover;transition:transform .5s}.case-study-card:hover .case-study-image{transform:scale(1.05)}.case-study-badge{z-index:1;color:var(--cyan);letter-spacing:.09em;text-transform:uppercase;background:#0a0a12d6;border:1px solid #00d9ff8c;padding:7px 10px;font:600 10px IBM Plex Mono,monospace;position:absolute;top:16px;left:16px}.case-study-result{z-index:1;position:absolute;bottom:16px;left:17px}.case-study-result strong{color:var(--gold);font-size:2.25rem;line-height:.9;display:block}.case-study-result span{max-width:160px;color:var(--white);letter-spacing:.07em;text-transform:uppercase;margin-top:7px;font:600 9px/1.4 IBM Plex Mono,monospace;display:block}.case-study-content{padding:27px 24px 25px}.case-study-industry{letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)!important;margin:0 0 9px!important;font:600 10px IBM Plex Mono,monospace!important}.case-study-content h3{color:var(--white);margin:0 0 13px;font-size:1.42rem;line-height:1.18}.case-study-content>p{color:var(--grey);margin:0;line-height:1.65}.case-study-tags{flex-wrap:wrap;gap:7px;margin:20px 0 24px;padding:0;list-style:none;display:flex}.case-study-tags li{color:var(--grey);border:1px solid #c9a96138;padding:5px 7px;font-size:.68rem}.case-study-link{color:var(--gold);font-size:.82rem;font-weight:700;text-decoration:none}.case-study-link span{margin-left:5px;transition:margin .2s}.case-study-link:hover span{margin-left:9px}@media (max-width:900px){.case-studies-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.case-study-media{height:315px}}@media (max-width:560px){.case-studies-gallery{padding:40px 0 60px}.case-study-media{height:260px}}