/* ============================================================
   Standalone pages (case studies, 404). The homepage's case
   dialogs, laid out as a page: same card, same type.
   ============================================================ */
.page { padding: var(--s-11) 0 var(--s-12); }
.crumbs { margin-bottom: var(--s-6); color: var(--ink-dim); }
.crumbs a { color: var(--ink-dim); }
.crumbs a:hover { color: var(--ink); }
.case--page { max-width: 720px; margin: 0; }
.case--page h1 { font-size: var(--t-h2); margin-top: var(--s-3); letter-spacing: -0.02em; }
.case--page .case__body h2 { margin: var(--s-6) 0 var(--s-2); color: var(--accent-deep); }
.page .cta-line { max-width: 720px; margin-top: var(--s-9); }
.page__back { margin-top: var(--s-7); }
@media (max-width: 640px) {
  .page { padding: var(--s-9) 0 var(--s-10); }
  .case--page { padding: var(--s-6); }
  .case--page h1 { font-size: var(--t-h2-sm); }
}
.page__title { margin-top: var(--s-3); }