/* Case studies use the homepage's type and palette, with room for project-specific imagery. */
.case-intro { padding: 50px 0 35px; max-width: 920px; }
.case-back { display: inline-block; font-size: 12px; margin-bottom: 30px; text-underline-offset: 4px; }
.studio-home .case-breadcrumb { gap: 8px; flex-wrap: wrap; width: auto; justify-content: flex-start; margin-top: 12px; color: var(--muted); font-size: 12px; }
.studio-home .case-intro h1 { font-size: clamp(45px, 5.8vw, 76px); margin-top: 18px; }
.case-intro > p { max-width: 650px; font-size: 18px; color: var(--muted); }
.case-facts { display: flex; flex-wrap: wrap; gap: 35px; padding: 20px 0; border-top: 1px solid var(--line); }
.case-facts div { min-width: 160px; }
.case-facts dt { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: #59664c; }
.case-facts dd { margin: 7px 0 0; font-size: 14px; }
.case-visual { margin: 20px 0 0; }
.case-visual .work-art { min-height: 440px; }
.case-visual .content-art { display: grid; place-content: center; min-height: 380px; }
.case-visual .flow-diagram { width: 290px; }
.case-visual .mini-label { text-align: center; }
.case-visual .plaid-art { padding: 45px 40px 65px; }
.case-visual .plaid-art img { max-width: 340px; }
.case-visual figcaption { font-size: 11px; color: var(--muted); margin-top: 12px; }
.case-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; padding: 45px 0; border-bottom: 1px solid var(--line); }
.case-section h2 { margin-top: 8px; font-size: 34px; }
.case-section p, .case-section li { color: var(--muted); font-size: 15px; }
.case-section p:first-child { margin-top: 8px; }
.case-section li { margin-bottom: 10px; }
.case-section ul { padding-left: 20px; }
.case-next { display: flex; flex-wrap: wrap; gap: 25px; align-items: center; padding: 45px 0 65px; }
.case-next .button { margin: 0; }
@media (max-width: 760px) {
  .case-intro { padding-top: 30px; }
  .case-intro > p { font-size: 16px; }
  .case-facts { gap: 20px; }
  .case-facts div { min-width: 130px; }
  .case-section { grid-template-columns: 1fr; gap: 8px; padding: 32px 0; }
  .case-section h2 { font-size: 31px; }
  .case-visual .work-art { min-height: 355px; }
}