/* BuiltSocial Work index + case studies — 2026-09-09 */
.case-index{padding:72px 0;background:#f7f9fc}
.case-index-grid{display:grid;gap:34px}
.case-card{display:grid;grid-template-columns:1fr 1fr;min-height:360px;background:#0d1833;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(7,20,48,.08)}
.case-card-image{position:relative;min-height:360px;background:#e9edf4;overflow:hidden}
.case-card-image img{width:100%;height:100%;display:block;object-fit:cover}
.case-card-copy{padding:48px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.case-card-copy .kicker{color:#6f91ff}
.case-card-copy h2{font-size:clamp(27px,3vw,42px);line-height:1.04;margin:8px 0 16px;color:#fff}
.case-card-copy p{color:#d8e0ef;max-width:620px}
.case-card-copy .chip{color:#e7edff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.case-card-copy .textlink{display:inline-block;margin-top:18px;color:#7fa0ff;font-weight:700}
.mike-card-image img{object-position:center 18%}
.quake-card-image img{object-position:center center}
.work-capabilities{padding:80px 0}
.case-study-hero{padding:64px 0;background:#f7f9fc}
.case-study-mainshot{margin:0;border-radius:18px;overflow:hidden;background:#0b1530;box-shadow:0 18px 45px rgba(7,20,48,.12)}
.case-study-mainshot img{display:block;width:100%;height:auto}
.case-study-section{padding:80px 0}
.case-study-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.case-study-dark{padding:80px 0;background:#0b1530;color:#fff}
.case-study-dark .head,.case-study-dark h3{color:#fff}
.case-study-dark p{color:#d8e0ef}
.case-study-dark .work-stack-grid article{background:#12203f;border-color:rgba(255,255,255,.1)}
.case-study-results{padding:80px 0;background:#f7f9fc}
.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.deliverables-grid span{padding:18px;border:1px solid #e1e6ef;border-radius:12px;background:#fff;font-weight:700;color:#0b1732}
@media(max-width:760px){
 .case-index{padding:42px 0}
 .case-card{grid-template-columns:1fr}
 .case-card-image{min-height:260px;max-height:330px}
 .case-card-copy{padding:30px 24px}
 .mike-card-image img{object-position:center 16%}
 .case-study-split{grid-template-columns:1fr;gap:24px}
 .deliverables-grid{grid-template-columns:1fr 1fr}
}


/* Uniform Work cards: same footprint, deliberate image crops */
.case-index-grid{gap:24px}
.case-card,
.mike-case-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  height:360px;
  min-height:360px;
  max-height:360px;
}
.case-card-image,
.mike-case-card .mike-card-image{
  height:360px;
  min-height:360px;
  max-height:360px;
  overflow:hidden;
}
.case-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.case-card-copy{
  height:360px;
  box-sizing:border-box;
  padding:42px;
  justify-content:center;
  overflow:hidden;
}

/* Mike's source is a tall full-page capture. Scale to the card width and
   show the top of the homepage rather than zooming/cropping it like a photo. */
.mike-case-card .mike-card-image{
  background:#fff;
}
.mike-case-card .mike-card-image img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:initial;
  object-position:initial;
  display:block;
  transform:none;
}

/* Keep the other two visual crops balanced. */
.case-card-featured .case-card-image img{object-position:center center}
.quake-card-image img{object-position:center center}

@media(max-width:760px){
  .case-card,
  .mike-case-card{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
    max-height:none;
  }
  .case-card-image,
  .mike-case-card .mike-card-image{
    height:260px;
    min-height:260px;
    max-height:260px;
  }
  .case-card-copy{
    height:auto;
    min-height:300px;
    padding:30px 24px;
    overflow:visible;
  }
  .mike-case-card .mike-card-image img{
    width:100%;
    height:auto;
  }
}