.case-study-intro{
  max-width:1440px;
  margin:0 auto;
  padding:7.5rem 5vw 3rem;
  background:linear-gradient(135deg,rgba(14,32,35,.98),rgba(14,27,29,.88));
  color:#f4f2e9;
}

.case-study-intro h2{max-width:720px;margin:0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:.91;letter-spacing:-.075em}
.case-study-intro>p:last-child{max-width:630px;margin:24px 0 0;color:#cbd3d0;font-size:1rem;line-height:1.6}
.case-study-intro .eyebrow{color:#e7c276}

.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.case-study-grid .case-card{min-height:0;padding:0;overflow:hidden;border:1px solid #c9c9c5;border-radius:20px;background:#fff;color:#101010;box-shadow:0 15px 30px rgba(0,0,0,.08);transition:transform .45s cubic-bezier(.2,.75,.22,1),border-color .45s,box-shadow .45s}
.case-study-grid .case-card:hover,.case-study-grid .case-card:focus-within,.case-study-grid .case-card:focus{border-color:#151515;box-shadow:0 26px 50px rgba(0,0,0,.2);outline:0;transform:translateY(-8px)}
.case-study-visual{position:relative;aspect-ratio:16 / 7;overflow:hidden;margin:0;background:#101010}
.case-study-visual:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(11,20,22,.68));content:"";pointer-events:none;transition:opacity .4s}
.case-study-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.92);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}
.case-card:hover .case-study-visual img,.case-card:focus .case-study-visual img,.case-card:focus-within .case-study-visual img{filter:grayscale(0) saturate(1.1) contrast(1.04);transform:scale(1.07)}
.case-study-visual figcaption{position:absolute;z-index:1;right:13px;bottom:10px;color:#f6f2e8;font:.58rem var(--mono);letter-spacing:.05em;text-shadow:0 1px 8px rgba(0,0,0,.9);opacity:.75;transition:opacity .35s}
.case-study-visual figcaption a{color:inherit;text-decoration:none}
.case-card:hover .case-study-visual figcaption,.case-card:focus .case-study-visual figcaption{opacity:1}
.case-study-visual--private{display:grid;place-items:center;padding:24px;background:#111;color:#f6f5f1;transition:background .5s,color .5s}
.case-study-visual--private:before{position:absolute;inset:16px;border:1px solid rgba(255,255,255,.38);content:"";pointer-events:none;transition:border-color .5s}
.case-study-visual--private span{position:relative;z-index:1;display:grid;gap:9px;text-align:center;font:.74rem var(--mono);letter-spacing:.18em}
.case-study-visual--private small{color:rgba(250,245,230,.72);font-size:.57rem;letter-spacing:.13em}
.case-card--private:hover .case-study-visual--private,.case-card--private:focus .case-study-visual--private,.case-card--private:focus-within .case-study-visual--private{background:radial-gradient(circle at 22% 14%,rgba(217,174,83,.28),transparent 27%),linear-gradient(132deg,#102729,#111b1d 56%,#182426);color:#efd18d}
.case-card--private:hover .case-study-visual--private:before,.case-card--private:focus .case-study-visual--private:before,.case-card--private:focus-within .case-study-visual--private:before{border-color:rgba(239,209,141,.5)}
.case-card-content{display:flex;min-height:340px;flex-direction:column;padding:23px}
.case-study-grid .case-card h3{margin:2.4rem 0 .85rem;font-size:clamp(1.45rem,2.25vw,2.3rem);line-height:1.01;letter-spacing:-.06em}
.case-study-grid .case-card>p,.case-card-content>p{color:#555; font-size:.9rem;line-height:1.55}
.case-card-content .case-tags{margin-top:auto}
.case-card-content details{margin-top:18px;padding-top:14px;border-top:1px solid #d6d6d2}
.case-card-content summary{cursor:pointer;font-size:.72rem;font-weight:700}
.case-card-content details p{margin:10px 0 0;color:#555;font-size:.8rem;line-height:1.5}
.case-rights{max-width:900px;margin:22px 0 0;color:var(--sub);font-size:.7rem;line-height:1.55}

@media(min-width:1100px){
  .case-study-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .case-study-grid .case-card{grid-column:span 3}
  .case-study-grid .case-card:last-child:nth-child(odd){grid-column:2 / span 3}
}

@media(max-width:780px){
  .case-study-intro{padding:6.5rem 5vw 2.5rem}
  .case-study-grid{grid-template-columns:1fr;gap:16px}
  .case-card-content{min-height:310px;padding:19px}
  .case-study-grid .case-card h3{margin-top:1.8rem}
}

@media(prefers-reduced-motion:reduce){
  .case-study-grid .case-card,.case-study-visual img,.case-study-visual figcaption{transition:none}
}