/* ==========================================================
   CASES — editorial-style client case cards.
   ========================================================== */
.cases{padding:0 48px 160px;}
.cases-head{max-width:640px;margin:0 auto;padding-bottom:48px;text-align:center;}
.cases-head h2{font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(28px,4vw,42px);}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case-card{position:relative;overflow:hidden;aspect-ratio:3/4;}
.case-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
.case-card:hover img{transform:scale(1.06);}
.case-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 100%);}
.case-info{position:absolute;left:20px;bottom:20px;right:20px;color:#fff;z-index:2;}
.case-info .company{font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-size:24px;margin-bottom:6px;}
.case-info .meta{font-size:12px;color:rgba(255,255,255,.85);}

@media (max-width:860px){.cases-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.cases{padding:0 20px 100px;}}