.case-hero { padding-top: var(--space-4); }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-bottom: var(--space-6); font-size: var(--small-size); color: var(--muted); }
.breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.case-hero .eyebrow { margin-bottom: var(--space-3); }
.case-hero h1 { font-size: clamp(2.75rem, 10vw, 5rem); line-height: 1.02; text-wrap: balance; }
.case-hero h1 em { display: block; font-size: .9em; margin-top: -.18em; }
.case-deck { margin-top: var(--space-4); font-size: 1.25rem; line-height: 1.6; color: var(--secondary); max-width: 49ch; }
.case-meta { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); max-width: 960px; margin-block: var(--space-6) var(--space-8); padding-block: var(--space-3); border-block: 1px solid var(--border); }
.meta-label { display: block; font-size: var(--label-size); font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: 0; margin-bottom: var(--space-1); }
.case-meta p { font-size: .875rem; }
.case-layout { display: grid; grid-template-columns: minmax(0, 1fr); container-type: inline-size; }
.case-hero { order: 1; }
.case-evidence { order: 2; margin-top: var(--space-4); }
.case-meta { order: 3; }
.case-narrative { order: 4; }
.case-evidence .outcome { padding-block: var(--space-2); }
.case-evidence .outcome:first-child { border-top: 0; }
.case-evidence .outcome-value { font-size: 2.5rem; max-width: none; }
.case-evidence .outcome-label { margin-top: var(--space-1); }
.case-evidence .outcome-note { margin-top: 4px; }
.outcome-label::first-letter, .outcome-note::first-letter { text-transform: uppercase; }
@media (min-width: 851px) {
  .case-layout { --ev-w: 15rem; --ev-gap: var(--space-4); grid-template-columns: minmax(0, 1fr) var(--ev-w); column-gap: var(--ev-gap); align-items: start; }
  .case-hero, .case-meta, .case-narrative { grid-column: 1; order: 0; }
  .case-hero h1 { font-size: clamp(2.25rem, calc((100cqi - var(--ev-w) - var(--ev-gap)) / 12.2), 6rem); }
  .case-meta { max-width: none; }
  .case-evidence { grid-column: 2; grid-row: 1 / span 3; order: 0; align-self: start; margin-top: 7.75rem; }
  .case-evidence .outcome { padding-block: var(--space-3); }
  .case-evidence .outcome-label { margin-top: var(--space-2); }
  .case-evidence .outcome-note { margin-top: var(--space-1); }
}
@media (min-width: 1101px) {
  .case-layout { --ev-w: 22rem; --ev-gap: var(--space-8); }
  .case-evidence .outcome-value { font-size: 3.75rem; }
}
@media (min-width: 851px) and (min-height: 780px) {
  .case-evidence { position: sticky; top: 7rem; }
}
.case-launcherry .case-evidence .outcome-value, .case-qawai .case-evidence .outcome-value, .case-ai-workflows .case-evidence .outcome-value, .case-ai-enabled-workflows .case-evidence .outcome-value { font-size: 2rem; }
@media (min-width: 1101px) {
  .case-launcherry .case-evidence .outcome-value, .case-qawai .case-evidence .outcome-value, .case-ai-workflows .case-evidence .outcome-value, .case-ai-enabled-workflows .case-evidence .outcome-value { font-size: 3rem; }
}
.story-section + .story-section { margin-top: var(--space-4); }
.story-section h2 { font: 900 1.5rem/1.12 var(--display-accent); letter-spacing: 0; margin-bottom: var(--space-2); }
.story-section p { color: var(--secondary); font-size: 1.0625rem; }
.story-section p + p { margin-top: var(--space-2); }
.case-source { padding-block: var(--space-3); border-top: 1px solid var(--border); }
.case-source > p { color: var(--muted); font-size: .8125rem; }
.case-source-footer { padding-block: var(--space-6); }
.case-source-footer .case-source { display: grid; grid-template-columns: 1.3fr .85fr; gap: var(--space-8); }
.case-source-footer .source-list { margin-top: 0; }
.source-list { display: flex; flex-direction: column; align-items: start; margin-top: var(--space-2); }
.source-link { gap: var(--space-1); }
.case-workflow { padding-block: var(--space-8); }
.qawai-proof > h2, .qawai-architecture > h2 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.12; }
.qawai-proof > h2 em, .qawai-architecture > h2 em { color: var(--copper); }
.proof-intro { max-width: 70ch; margin-block: var(--space-3) var(--space-4); color: var(--secondary); }
.qa-finding { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-6); padding-block: var(--space-4); border-top: 1px solid var(--border); }
.qa-finding-heading, .qa-finding-detail { min-width: 0; }
.qa-priority { color: var(--copper); font-size: var(--small-size); font-weight: 700; margin-block: var(--space-1) var(--space-2); }
.qa-finding h3, .qa-proof-summary h3 { font-size: 1.5rem; line-height: 1.3; }
.qa-finding-detail { color: var(--secondary); }
.qa-finding-detail p + p, .qa-proof-summary p { margin-top: var(--space-2); }
.qa-finding-detail strong { color: var(--ink); }
.qa-finding-detail code { font-size: .9em; overflow-wrap: anywhere; }
.qa-proof-summary { padding: var(--space-4); background: var(--warm); color: var(--secondary); }
.qa-proof-summary h3 { color: var(--ink); }
.proof-note { color: var(--secondary); font-size: var(--small-size); line-height: 1.6; }
.proof-note { max-width: 90ch; margin-top: var(--space-3); }
.architecture-roles { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); margin-top: var(--space-4); padding-block: var(--space-3); border-block: 1px solid var(--border); }
.architecture-roles span { font-size: var(--small-size); color: var(--copper); font-weight: 700; }
.architecture-handoff { margin-top: var(--space-3); }
.architecture-handoff p { color: var(--secondary); font-size: var(--small-size); max-width: 80ch; margin-top: var(--space-1); }
@media (max-width: 700px) {
  .qa-finding { grid-template-columns: 1fr; gap: var(--space-2); }
  .qa-proof-summary { padding: var(--space-3); }
}
.case-next { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-4); align-items: end; padding-bottom: var(--space-8); }
.case-next h2 { font-size: 3.5rem; margin-top: var(--space-2); }
.case-next h2 a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .case-next h2 a:hover { color: var(--copper); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; } }
.case-next .case-link { justify-self: end; }
.case-contact { padding-block: var(--space-8); }
.case-contact > .wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-6); align-items: center; }
.case-contact h2 { font-size: 4rem; }
.case-contact h2 em { color: var(--copper); }
.case-contact p { color: var(--secondary); }
@media (max-width: 850px) {
  .case-contact h2 { font-size: 3rem; }
  .outcome-value { font-size: 3.5rem; }
  .case-contact > .wrap { gap: var(--space-4); }
}
@media (max-width: 700px) {
  .case-hero { padding-top: var(--space-2); }
  .breadcrumb { margin-bottom: var(--space-4); }
  .case-deck { font-size: 1.125rem; }
  .outcome-value { font-size: 3rem; }
  .case-deck { margin-top: var(--space-3); }
  .case-meta { grid-template-columns: 1fr; gap: var(--space-3); margin-block: var(--space-4); }
  .case-workflow { padding-block: var(--space-6); }
  .case-source-footer .case-source { grid-template-columns: 1fr; gap: var(--space-2); }
  .case-next { grid-template-columns: 1fr; padding-bottom: var(--space-6); }
  .case-next .case-link { justify-self: start; }
  .case-contact { padding-block: var(--space-6); }
  .case-contact > .wrap { grid-template-columns: 1fr; }
}
@media print {
  .case-hero h1 { font-size: 36pt; }
  .case-meta { margin-block: 24px; }
  .case-evidence { position: static; }
  .case-next, .case-contact { display: none; }
  .story-section { break-inside: avoid; }
}
