/* Shared reading roles, kept separate from the reference artwork and layout. */
.poc-page { --reading-line: 28px; --paragraph-gap: 24px; --list-gap: 10px; --card-radius: 20px; --inset-radius: 12px; --label-color: #767676; --tap-size: 44px; }
.case-page .case-meta > div > div p,
.project--diamond .meta-item p:not(.meta-label), .project--diamond .meta-item span { line-height: 22px; text-box-trim: none; }
.case-page .case-meta-label, .project--diamond .meta-label { color: var(--label-color); }
.poc-footer-contact > p { color: #aaa; }
.hero-picture { display: contents; }
.case-page .case-prose { font-size: 16px; line-height: var(--reading-line); font-weight: 400; white-space: normal; text-box-trim: none; }
.case-page .case-copy-heading { line-height: 1.5; height: auto; white-space: normal; text-box-trim: none; }
.case-page .case-paragraph-group { white-space: normal; text-box-trim: none; line-height: var(--reading-line); }
.case-page .case-paragraph-group > p { margin: 0; line-height: var(--reading-line); white-space: normal; text-box-trim: none; }
.case-page .case-paragraph-group > p + p { margin-top: var(--paragraph-gap); }
.case-page .case-copy-block { height: auto; min-height: 0; max-width: 100%; }
.case-page .case-surface-card { height: auto; min-height: 0; border-radius: var(--card-radius); }
.case-page .case-inset-card, .case-page .case-surface-card .case-surface-card { border-radius: var(--inset-radius); }
.case-page .case-rounded-media { border-radius: var(--inset-radius); overflow: clip; }
.case-page .case-overview p, .case-page .case-outcome p,
.project--diamond .section-body > p, .project--diamond .diamond-challenge-copy p,
.project--diamond .showcase-copy p, .project--diamond .outcome-copy p { line-height: var(--reading-line); white-space: normal; text-box-trim: none; }
.case-page .case-overview p + p, .case-page .case-outcome p + p,
.project--diamond .section-body > p + p, .project--diamond .diamond-challenge-copy p + p,
.project--diamond .showcase-copy p + p, .project--diamond .outcome-copy p + p { margin-top: var(--paragraph-gap); }
.case-page .case-outcome h3, .project--diamond .outcome-copy h3 { line-height: 28px; }
.case-page .case-outcome h3 + p, .project--diamond .outcome-copy h3 + p { margin-top: 28px; }
.case-page .case-project-note p { font-size: 14px; line-height: 24px; }
.case-page .case-project-note h3 + p, .case-page .case-project-note p + p { margin-top: 20px; }
.case-page .case-content li, .project--diamond .objective-list li { line-height: 28px; text-box-trim: none; }
.case-page .case-content li + li, .project--diamond .objective-list li + li { margin-top: var(--list-gap); }
.case-page .case-content li :is(p,span) { line-height: inherit; text-box-trim: none; }
.case-page .case-content ul { padding-left: 24px; }
.case-page .case-accordion { border-radius: var(--inset-radius); }
.case-page .case-accordion summary { line-height: 24px; min-height: var(--tap-size); text-box-trim: none; }
.case-loga .case-body-desktop [data-node-id="56:3531"] { width: 100%; }
.project-neighbor { min-width: 0; max-width: calc(50% - 15px); }
.project-neighbor > span { min-width: 0; }
.project-neighbor strong { line-height: 28px; overflow-wrap: anywhere; }
.poc-footer a { line-height: 24px; }
.poc-footer .poc-contact-links > a:last-child, .poc-footer nav a { line-height: 24px; }
.copy-email { width: var(--tap-size); height: var(--tap-size); padding: 14px; }
.intro-copy > p:last-child { margin-top: 24px; line-height: 30px; text-box-trim: none; }
.case-page .case-meta, .case-page .case-outcome article,
.project--diamond .meta-card, .project--diamond .outcome-card { border-radius: var(--card-radius); }
.project--diamond .diamond-priority:not(.diamond-priority--intro) { border-radius: var(--inset-radius); }
.project--diamond .diamond-priority p,
.project--diamond .diamond-scope p, .project--diamond .diamond-flow p { font-size: 16px; line-height: 28px; font-weight: 400; text-box-trim: none; }
.project--diamond .diamond-priority h3 { line-height: 24px; text-box-trim: none; }
.project--diamond .diamond-research > .showcase-copy p { line-height: 30px; text-box-trim: none; }
.project--diamond .diamond-scope h3, .project--diamond .diamond-flow h3,
.project--diamond .showcase-copy h3 { line-height: 28px; text-box-trim: none; }
.project--diamond .diamond-quote p { line-height: 30px; text-box-trim: none; }
@media (max-width: 1199px) {
  .case-page .case-body-mobile .case-prose { font-size: 16px; line-height: var(--reading-line); text-box-trim: none; }
  .case-page .case-body-mobile .case-paragraph-group > p { line-height: var(--reading-line); text-box-trim: none; }
  .case-page .case-body-mobile .case-paragraph-group > p + p { margin-top: var(--paragraph-gap); }
  .case-page .case-body-mobile .case-surface-card { height: auto; min-height: 0; }
  .case-page .case-body-mobile .case-copy-block { height: auto; }
  .case-page .case-meta > div > div p, .project--diamond .meta-item p:not(.meta-label) { line-height: 22px; text-box-trim: none; }
  .case-page .case-meta > div > div p + p { margin-top: 14px; }
  .case-page .case-content li { font-size: 16px; line-height: 28px; }
  .case-page .case-overview p, .project--diamond .section-body > p { font-size: 18px; line-height: 30px; }
  .case-page .case-overview p + p, .project--diamond .section-body > p + p { margin-top: var(--paragraph-gap); }
}
@media (max-width: 620px) {
  .poc-page { --reading-line: 28px; --paragraph-gap: 20px; --card-radius: 12px; --inset-radius: 8px; }
  .case-page .case-overview p, .project--diamond .section-body > p { font-size: 16px; line-height: 28px; }
  .case-page .case-title > p, .project--diamond .eyebrow { font-size: 12px; line-height: 18px; text-box-trim: none; white-space: normal; }
  .case-page .case-outcome article, .case-page .case-meta, .project--diamond .outcome-card, .project--diamond .meta-card { border-radius: var(--card-radius); }
  .case-page .case-outcome { width: var(--page); margin-inline: auto; }
  .case-page .case-outcome aside { padding-inline: 0; }
  .case-page .case-outcome article { padding: 28px 20px; }
  .case-page .case-outcome h2, .project--diamond .outcome-card h2 { font-size: 20px; line-height: 28px; margin-bottom: 32px; }
  .case-page .case-outcome h3, .project--diamond .outcome-copy h3 { font-size: 18px; line-height: 28px; }
  .project--diamond .showcase-copy p { font-size: 16px; line-height: 28px; font-weight: 400; }
  .project--diamond .diamond-priority p { font-size: 16px; line-height: 28px; font-weight: 400; text-box-trim: none; }
  .project-neighbor strong { font-size: 16px; line-height: 24px; }
  .project-neighbor img { width: min(116px,100%); height: auto; aspect-ratio: 116/65; }
  .poc-footer { padding-block: 36px; }
  .poc-footer-inner { gap: 32px; }
  .intro-eyebrow { line-height: 20px; }
  .intro-copy > p:last-child { line-height: 28px; }
  .project--diamond .diamond-research > .showcase-copy p { font-size: 16px; line-height: 28px; }
}
@media (min-width: 1200px) {
  .case-page .case-meta > div > div p + p,
  .case-page .case-meta > div > div p.case-meta-continuation { margin-top: 4px; }
  .project--diamond .meta-item p > span + span { margin-top: 4px; }
}
@media (max-width: 620px) {
  .project--diamond .diamond-diagram summary {
    min-height: var(--tap-size); padding: var(--accordion-padding);
    margin: calc(-1 * var(--accordion-padding)); text-box-trim: none;
  }
}

.case-page .case-body-desktop h2, .case-page .case-outcome h2,
.project--diamond .outcome-card h2 { line-height: 30px; }
@media (max-width: 620px) {
  .case-page .case-body-mobile h2, .case-page .case-outcome h2,
  .project--diamond .diamond-challenge-copy h2, .project--diamond .diamond-research h2,
  .project--diamond .section-title, .project--diamond .outcome-card h2 { font-size: 20px; line-height: 28px; }
  .project--diamond .outcome-copy { margin-top: 32px; }
}