/* V13 overview layout with the current website's colours, type and surfaces. */
.cases-page .combined-case-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px;
  padding-top:36px;
  padding-bottom:80px;
}
.cases-page .combined-case-grid .case-grid-item{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-top:0;
  border-right:1px solid var(--hairline);
  padding:0 28px 0 0;
}
.cases-page .combined-case-grid .case-grid-item:last-child{
  border-right-color:transparent;
}
.case-layout-image{
  margin:0 0 28px;
  border-top:1px solid var(--hairline);
  padding-top:28px;
  overflow:hidden;
}
.case-layout-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
}
.cases-page .combined-case-grid .eyebrow{
  font-size:12px;
  line-height:1.6;
  margin-bottom:18px;
}
.cases-page .combined-case-grid h2{
  font-size:24px!important;
  line-height:1.15;
  margin:0 0 18px!important;
}
.cases-page .combined-case-grid h3{
  font-size:16px;
}
.cases-page .combined-case-grid .lead{
  font-size:16px;
  line-height:1.64;
  margin:0 0 28px;
}
.cases-page .combined-case-grid .case-read-button{
  align-self:flex-start;
  margin-top:auto;
}
@media(max-width:1119px){
  .cases-page .combined-case-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:48px 40px;
  }
  .cases-page .combined-case-grid .case-grid-item{
    border-right:0;
    padding:0;
  }
}
@media(max-width:560px){
  .cases-page .combined-case-grid{
    grid-template-columns:1fr;
    gap:48px;
    padding-top:18px;
    padding-bottom:60px;
  }
  .case-layout-image{margin-bottom:24px;}
}

/* A neutral, understated separator above the case study provenance note. */
.cases-page .case-study-origin-note::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin:0 auto 20px;
  background:rgba(38,63,76,.18);
}