/* Centered introduction. Metrics are an independent optional section. */
.case-intro{padding:32px 0 0;background:transparent}
.case-intro .case-back{font-size:13px;margin:0}
.project-opening{max-width:920px;margin:0 auto;padding:56px 0 64px;text-align:center}
.project-heading{margin:0 auto}
.project-heading .project-client{font-size:18px;font-weight:650;letter-spacing:-.015em;margin:0 0 24px}
.project-year{color:#70706b;font-size:15px;font-weight:400;margin-left:8px;white-space:nowrap}
.case-intro .project-heading h1{text-align:center;font-size:clamp(44px,5.1vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:none;text-wrap:balance}
.project-description{font-size:18px;line-height:1.65;color:#555550;max-width:620px;margin:26px auto 0;text-wrap:pretty}
.project-disciplines{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:30px 0 0}
.project-disciplines li{background:#f1f2ee;color:#494a45;border-radius:100px;padding:8px 14px;font-size:13px;line-height:1.4}
.project-collaboration{font-size:13px;line-height:1.6;color:#70706b;margin:18px auto 0;max-width:680px}
.project-collaboration strong{font-size:inherit;font-weight:600;color:inherit}
.case-intro + .case-figure{margin-top:0}
.case-study > .case-numbers{background:#f3efe7;margin-top:48px;padding:38px 40px}
@media(max-width:680px){
.case-intro{padding-top:28px}
.project-opening{padding:40px 0}
.project-heading .project-client{font-size:16px;margin-bottom:20px}
.project-year{font-size:13px;margin-left:5px}
.case-intro .project-heading h1{font-size:clamp(34px,8.8vw,52px)}
.project-description{font-size:16px;margin-top:22px}
.project-disciplines{margin-top:24px;gap:6px}
.project-disciplines li{font-size:11px;padding:7px 10px}
.project-collaboration{font-size:12px;max-width:300px;margin-top:16px}
.case-study > .case-numbers{margin-top:28px;padding:26px 24px}
}

/* Metrics may precede the overview without affecting the introduction. */
.case-intro + .case-numbers{margin-top:0}