.imported-case .cs-hero{padding-bottom:80px}
.case-figure{width:100%;min-width:0}
.case-image-link{display:block;position:relative;overflow:hidden;border-radius:32px;cursor:zoom-in}
.case-image-link img{width:100%;height:auto}
.case-image-link:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.case-image-hint{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(26,26,26,.65);color:#fff;transition:background .2s}
.case-image-link:hover .case-image-hint{background:var(--ink)}
.project-context{padding-left:312px;margin-bottom:64px;color:var(--ink)}
.project-context dl{display:flex;flex-wrap:wrap;gap:24px 48px;max-width:712px}
.project-context dl > div{max-width:420px;display:flex;flex-direction:column;gap:8px}
.project-context dt{font:500 11px/1.4 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:rgba(23,36,27,.6)}
.project-context dd{font:400 15px/1.5 var(--ui)}
.imported-section{display:grid;grid-template-columns:280px minmax(0,712px) minmax(0,1fr);gap:24px 32px;align-items:start;border-top:1px solid rgba(23,36,27,.12);padding-top:32px;margin-bottom:80px;color:var(--ink)}
.imported-section > h2{grid-column:1;padding-top:2px}
.imported-content{display:contents}
.imported-content > *{grid-column:2;min-width:0}
.imported-content h3{font:600 20px/1.4 var(--sans)}
.imported-content p + h3{margin-top:16px}
.imported-content > .case-figure{grid-column:1/-1;margin:24px 0;justify-self:center}
.imported-content > .case-figure:last-child{margin-bottom:0}
.imported-content > .case-figure-tall{max-width:960px}
.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:16px}
.impact-metrics h3{font-size:40px;line-height:1.2;margin-bottom:12px}
.impact-metrics p{font:400 16px/1.5 var(--ui)}
@media(max-width:1100px){
  .project-context{padding-left:212px}
  .imported-section{grid-template-columns:180px minmax(0,712px);column-gap:32px}
}
@media(max-width:820px){
  .imported-case .cs-hero{padding-bottom:56px}
  .case-image-link{border-radius:20px}
  .case-image-hint{right:12px;bottom:12px;width:32px;height:32px}
  .project-context{padding-left:0;margin-bottom:40px}
  .project-context dl{gap:24px}
  .imported-section{grid-template-columns:minmax(0,1fr);row-gap:20px;padding-top:24px;margin-bottom:56px}
  .imported-section > h2,.imported-content > *{grid-column:1}
  .imported-content h3{font-size:18px}
  .imported-content > .case-figure{margin:12px 0}
  .impact-metrics{gap:16px}
  .impact-metrics h3{font-size:28px}
  .impact-metrics p{font-size:14px}
}