/* Scoped additions only: preserve every approved layout on other pages. */
.case-page { --case-logo-surface: #fff; }
.case-page .page-hero { padding-bottom: var(--space-10); }
.case-founder {
  margin-top: var(--space-8); padding: clamp(24px, 4vw, 40px);
  max-width: 900px; background: var(--color-surface);
  border-left: 3px solid var(--color-primary);
}
.case-founder h2 { font-size: var(--text-xl); font-weight: 500; margin-bottom: var(--space-4); }
.case-founder__message { max-width: 68ch; color: var(--color-text-muted); white-space: pre-line; }
.case-founder__signature { margin-top: var(--space-6); }
.case-founder__name, .case-founder__role { display: block; }
.case-founder__name { color: var(--color-accent); font-weight: 500; }
.case-founder__role { color: var(--color-text-muted); font-size: var(--text-sm); margin-top: var(--space-1); }
.case-jump-nav { padding-bottom: var(--space-12); }
.case-jump-nav__label,
.case-eyebrow { color: var(--color-accent); font-size: var(--text-sm); font-weight: 500; }
.case-browse-label { margin-bottom: var(--space-6); }
.case-jump-nav__list {
  display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6);
  margin-top: var(--space-4); list-style: none;
}
.case-jump-nav__list a { display: inline-block; padding-block: var(--space-2); color: var(--color-text); text-decoration: underline; text-underline-offset: .3em; }
.case-jump-nav__list a:hover { color: var(--color-accent); }
.case-profile {
  display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: var(--space-12); padding-block: var(--space-12);
  border-top: 1px solid var(--color-border);
}
.case-profile { scroll-margin-top: var(--space-3); }
.case-profile__identity { min-width: 0; }
.case-logo {
  width: 100%; aspect-ratio: 2 / 1; display: flex; align-items: center; justify-content: center;
  padding: var(--space-6); background: var(--case-logo-surface); border-radius: var(--radius-sm);
}
.case-logo img { width: 100%; max-height: 100%; height: 100%; object-fit: contain; }
.case-profile__sector { margin-top: var(--space-5); font-size: var(--text-sm); color: var(--color-text-muted); }
.case-profile__body { min-width: 0; }
.case-profile h2 { font-size: var(--text-xl); margin-bottom: var(--space-4); }
.case-profile__summary { color: var(--color-text); }
.case-facts {
  display: grid; grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8); margin-block: var(--space-8);
}
.case-facts > div { min-width: 0; }
.case-facts dt { color: var(--color-text-muted); font-size: var(--text-sm); margin-bottom: var(--space-2); }
.case-facts__value { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500; color: var(--color-ink); line-height: 1.2; }
.case-facts__detail { margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.65; }
.case-transition { padding-top: var(--space-5); border-top: 1px solid var(--color-divider); }
.case-transition h3 { font-family: var(--font-body); font-size: var(--text-base); font-weight: 500; margin-bottom: var(--space-3); }
.case-our-work { margin-block: var(--space-6); padding: var(--space-6); background: var(--color-surface); border-left: 2px solid var(--color-primary); }
.case-our-work h3 { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 500; margin-bottom: var(--space-3); color: var(--color-text); }
.case-our-work p { color: var(--color-text-muted); }
.case-our-work [data-cms-key] { white-space: pre-line; }
.case-profile__note { margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--text-sm); }
.case-method { padding-block: var(--space-8) var(--space-12); color: var(--color-text-muted); font-size: var(--text-xs); }
.case-method p + p { margin-top: var(--space-4); }
.case-cta { padding-block: var(--space-12) var(--space-16); border-top: 1px solid var(--color-border); }
.case-cta h2 { font-size: var(--text-xl); margin-bottom: var(--space-4); }
.case-cta .btn { margin-top: var(--space-6); }
@media (max-width: 900px) {
  .case-profile { grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: var(--space-8); }
  .case-facts { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
}
@media (max-width: 600px) {
  .case-profile { scroll-margin-top: var(--space-16); grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .case-profile__identity { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); align-items: center; }
  .case-logo { padding: var(--space-4); min-height: 92px; aspect-ratio: 1.8 / 1; }
  .case-profile__sector { margin-top: 0; align-self: center; }
  .case-jump-nav__list { gap: var(--space-2) var(--space-5); }
}