:root {
  --editorial-shell-width: 1120px;
  --editorial-copy-width: 800px;
  --editorial-body-size: 17px;
  --editorial-body-leading: 1.68;
  --editorial-section-space: clamp(42px, 4vw, 54px);
  --editorial-text: rgba(246, 248, 250, .84);
  --editorial-muted: rgba(235, 240, 244, .72);
  --editorial-line: rgba(255, 255, 255, .13);
}

/*
 * Shared desktop editorial system for the Case and Projects surfaces.
 * Page-specific styles remain responsible for cards, diagrams and product UI;
 * this file owns only the reading column, hierarchy and prose rhythm.
 */
@media (min-width: 761px) {
body.case-page,
body.projects-page,
body.project-detail-page {
  font-family: var(--site-font-sans);
  font-size: var(--editorial-body-size);
  line-height: var(--editorial-body-leading);
}

.case-page .article-shell,
.projects-page .projects-shell,
.clinic-crm-page .clinic-case,
.financial-models-page .financial-case,
.industrial-automation-page .industrial-case,
.project-detail-page .project-detail {
  width: min(var(--editorial-shell-width), calc(100% - 40px));
  margin-inline: auto;
}

.case-page .article-shell,
.projects-page .projects-shell {
  padding: 42px 0 96px;
}

.clinic-crm-page .clinic-case-main,
.financial-models-page .financial-case-main,
.industrial-automation-page .industrial-case-main,
.project-detail-page .project-detail-main {
  padding: 42px 20px 112px;
}

.case-page .article-hero,
.case-page .article-shell > article,
.projects-page .projects-intro,
.clinic-crm-page .clinic-case-copy,
.financial-models-page .financial-case-hero,
.financial-models-page .financial-case-copy,
.industrial-automation-page .industrial-case-hero,
.industrial-automation-page .industrial-case-copy,
.project-detail-page .project-detail {
  width: min(var(--editorial-copy-width), 100%);
  margin-inline: auto;
}

.case-page .article-hero,
.financial-models-page .financial-case-hero,
.industrial-automation-page .industrial-case-hero {
  min-height: 0;
  padding: 0 0 42px;
  margin-bottom: var(--editorial-section-space);
  border-bottom: 1px solid var(--editorial-line);
}

.clinic-crm-page .clinic-case-copy,
.financial-models-page .financial-case-copy,
.industrial-automation-page .industrial-case-copy {
  padding: 0 0 var(--editorial-section-space);
}

.project-detail-page .project-detail-main {
  min-height: 0;
  display: block;
}

.case-page .article-hero h1,
.financial-models-page .financial-case-hero h1,
.industrial-automation-page .industrial-case-hero h1,
.project-detail-page .project-detail h1 {
  max-width: 20ch;
  margin: 0;
  font-family: var(--site-font-display);
  font-size: clamp(50px, 4.2vw, 60px);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.038em;
  text-wrap: balance;
}

.case-page .article-hero .lead,
.financial-models-page .financial-case-hero > p,
.industrial-automation-page .industrial-case-hero > p,
.project-detail-page .project-detail-description {
  max-width: 76ch;
  margin: 22px 0 0;
  color: var(--editorial-text);
  font-family: var(--site-font-sans);
  font-size: var(--editorial-body-size);
  line-height: var(--editorial-body-leading);
  letter-spacing: -.006em;
}

.case-page .article-section h2,
.case-page .result-panel h2,
.projects-page .projects-intro-section h2,
.clinic-crm-page .clinic-case-section h2,
.clinic-crm-page .crm-gallery-head h2,
.financial-models-page .financial-case-section h2,
.financial-models-page .blend-demo-head h2,
.industrial-automation-page .industrial-case-section h2 {
  max-width: none;
  margin: 0 0 18px;
  color: #fff;
  font-family: var(--site-font-display);
  font-size: clamp(32px, 2.5vw, 36px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.032em;
  text-wrap: balance;
}

.case-page .article-section p,
.case-page .result-panel > p,
.projects-page .projects-intro p,
.clinic-crm-page .clinic-case-section p,
.financial-models-page .financial-case-section p,
.industrial-automation-page .industrial-case-section > p {
  max-width: none;
  margin: 0;
  color: var(--editorial-text);
  font-family: var(--site-font-sans);
  font-size: var(--editorial-body-size);
  line-height: var(--editorial-body-leading);
  letter-spacing: -.006em;
  text-indent: 0;
  text-wrap: pretty;
}

.case-page .article-section p + p,
.case-page .result-panel > p + p,
.projects-page .projects-intro p + p,
.clinic-crm-page .clinic-case-section p + p,
.financial-models-page .financial-case-section p + p,
.industrial-automation-page .industrial-case-section > p + p {
  margin-top: 14px;
  text-indent: 0;
}

.case-page .article-section,
.case-page .result-panel {
  padding: 0;
  margin: 0;
}

.case-page .article-section + .article-section,
.case-page .article-section + .result-panel,
.case-page .result-panel + .article-section,
.clinic-crm-page .clinic-case-section + .clinic-case-section,
.financial-models-page .financial-case-section + .financial-case-section,
.industrial-automation-page .industrial-case-section + .industrial-case-section {
  margin-top: var(--editorial-section-space);
}

.case-page .result-panel {
  padding-block: 32px;
  border-top: 1px solid rgba(226, 164, 95, .34);
  border-bottom: 1px solid rgba(226, 164, 95, .24);
}

.case-page .confidentiality-note {
  max-width: 84ch;
  margin: 14px 0 0;
  color: var(--editorial-muted);
  font-family: var(--site-font-sans);
  font-size: 14px;
  line-height: 1.58;
}

.projects-page .projects-intro {
  margin-bottom: 42px;
}

.projects-page .projects-intro-copy {
  gap: var(--editorial-section-space);
}

.projects-page .projects-grid {
  width: 100%;
}

.projects-page .project-card-title,
.projects-page .project-card-description,
.projects-page .project-card-note,
.projects-page .project-card-action,
.projects-page .project-status,
.projects-page .project-topic {
  font-family: var(--site-font-sans);
}

.clinic-crm-page .clinic-feature-list li,
.industrial-automation-page .industrial-sectors li {
  font-family: var(--site-font-sans);
  font-size: var(--editorial-body-size);
  line-height: var(--editorial-body-leading);
}

.clinic-crm-page .crm-gallery,
.financial-models-page .blend-demo {
  padding-top: var(--editorial-section-space);
}

.clinic-crm-page .crm-gallery-head,
.financial-models-page .blend-demo-head {
  width: min(var(--editorial-copy-width), 100%);
  max-width: none;
  margin-inline: auto;
}

/* Keep this long project title to two balanced lines on desktop. */
.financial-models-page .financial-case-hero h1 {
  max-width: 100%;
  font-size: clamp(48px, 3.6vw, 56px);
}

.industrial-automation-page .industrial-case-hero h1 {
  max-width: 100%;
  font-size: clamp(44px, 3.35vw, 52px);
}

}