.case-page--claims-system-redesign .claims-interview-layout { align-items: start; display: grid; gap: 60px; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.case-page--claims-system-redesign.case-page--spacing-uikit .claims-interview-section .claims-interview-layout > .claims-case-media--interview { margin-top: 0; }
.case-page--claims-system-redesign .claims-interview-content { min-width: 0; }
.case-page--claims-system-redesign .claims-interview-content h2 { margin-bottom: var(--case-space-paragraph); }
.case-page--claims-system-redesign .claims-interview-content .claims-case-media--profile { margin: var(--case-space-attached-media) 0 0; width: 100%; }
.case-page--claims-system-redesign .claims-interview-card-grid,
.case-page--claims-system-redesign .claims-interview-card-stack { list-style: none; margin: var(--case-space-attached-media) 0 var(--case-space-paragraph); padding: 0; }
.case-page--claims-system-redesign .claims-direction-grid { list-style: none; margin: var(--space-5) 0; padding: 0; }
.case-page--claims-system-redesign .claims-interview-card-grid { display: grid; gap: var(--space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.case-page--claims-system-redesign .claims-interview-card-grid li,
.case-page--claims-system-redesign .claims-interview-card-stack li,
.case-page--claims-system-redesign .claims-direction-grid li,
.case-page--claims-system-redesign .claims-usability-metrics li { background: var(--color-surface); border: 0; border-radius: var(--radius-sm); box-shadow: var(--case-shadow-decision-card); color: var(--color-text-secondary-strong); min-width: 0; outline: 0; padding: var(--space-4); transition: box-shadow var(--motion-ui) var(--ease-signature); }
.case-page--claims-system-redesign .claims-interview-card-grid li,
.case-page--claims-system-redesign .claims-interview-card-stack li { align-items: center; display: grid; gap: var(--space-3); grid-template-columns: 35px minmax(0, 1fr); }
.case-page--claims-system-redesign .claims-interview-card-grid b,
.case-page--claims-system-redesign .claims-interview-card-stack b { align-items: center; background: var(--color-action); border-radius: 50%; color: var(--color-action-contrast); display: flex; font: var(--type-label); height: 35px; justify-content: center; width: 35px; }
.case-page--claims-system-redesign .claims-direction-grid b { align-items: center; background: var(--color-action); border-radius: 50%; color: var(--color-action-contrast); display: flex; font: var(--type-label); height: 35px; justify-content: center; margin-bottom: var(--space-2); width: 35px; }
.case-page--claims-system-redesign .claims-interview-card-grid p,
.case-page--claims-system-redesign .claims-interview-card-stack p { margin: 0; }
.case-page--claims-system-redesign .claims-interview-card-grid strong,
.case-page--claims-system-redesign .claims-interview-card-stack strong { display: block; }
.case-page--claims-system-redesign .claims-interview-card-stack { display: grid; gap: var(--space-3); }
.case-page--claims-system-redesign .claims-interview-content .portfolio-pill-button { max-width: 100%; white-space: normal; }

.case-page--claims-system-redesign .case-section--split > .claims-case-media--journey,
.case-page--claims-system-redesign .case-section--split > .claims-direction-content { grid-column: 1 / -1; min-width: 0; width: 100%; }
.case-page--claims-system-redesign .claims-case-media--journey { margin-top: var(--case-space-attached-media); }
.case-page--claims-system-redesign .claims-direction-grid { display: grid; gap: var(--space-4); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.case-page--claims-system-redesign .claims-direction-grid h3,
.case-page--claims-system-redesign .claims-direction-grid p,
.case-page--claims-system-redesign .claims-usability-metrics h3,
.case-page--claims-system-redesign .claims-usability-metrics p { margin: 0; }
.case-page--claims-system-redesign .claims-direction-grid p,
.case-page--claims-system-redesign .claims-usability-metrics p { margin-top: var(--space-2); }
.case-page--claims-system-redesign .claims-direction-content { margin-top: var(--case-space-group); }
.case-page--claims-system-redesign .claims-case-media { margin: 0; min-width: 0; width: 100%; }
.case-page--claims-system-redesign .claims-case-media img { display: block; height: auto; max-width: 100%; object-fit: contain; width: 100%; }
.case-page--claims-system-redesign .claims-case-media--process { margin: var(--case-space-section) 0; }

.case-page--claims-system-redesign .claims-evidence-list { display: grid; gap: var(--case-space-section); }
.case-page--claims-system-redesign .claims-evidence-row { align-items: center; display: grid; gap: 60px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.case-page--claims-system-redesign .claims-evidence-copy,
.case-page--claims-system-redesign .claims-solution-copy { min-width: 0; }
.case-page--claims-system-redesign .claims-evidence-copy h3,
.case-page--claims-system-redesign .claims-solution-copy h3 { margin: 0; }
.case-page--claims-system-redesign .claims-evidence-copy h3 + p { margin-top: var(--case-space-paragraph); }
.case-page--claims-system-redesign .claims-solution-flow { display: grid; gap: var(--case-space-section); grid-column: 1 / -1; min-width: 0; width: 100%; }
.case-page--claims-system-redesign.case-page--spacing-uikit .claims-solution-section > .claims-solution-flow { margin-top: var(--case-space-heading); }
.case-page--claims-system-redesign .claims-solution-item { display: grid; gap: var(--case-space-attached-media); min-width: 0; }
.case-page--claims-system-redesign .claims-solution-copy { align-items: start; column-gap: var(--space-5); display: grid; grid-template-columns: 35px minmax(0, 1fr) minmax(0, 2fr); }
.case-page--claims-system-redesign .claims-solution-number { align-items: center; background: var(--color-action); border-radius: 50%; color: var(--color-action-contrast); display: flex; font: var(--type-label); height: 35px; justify-content: center; margin: 0; width: 35px; }
.case-page--claims-system-redesign .claims-solution-summary { margin: 0; }
.case-page--claims-system-redesign .claims-solution-media { margin: 0; min-width: 0; width: 100%; }
.case-page--claims-system-redesign .claims-solution-media img { display: block; height: auto; max-width: 100%; object-fit: contain; width: 100%; }
.case-page--claims-system-redesign .case-section--split > .claims-case-media--architecture,
.case-page--claims-system-redesign .case-section--split > .claims-case-media--ui-style,
.case-page--claims-system-redesign .case-section--split > .claims-case-media--usability { grid-column: 1 / -1; margin-top: var(--case-space-attached-media); min-width: 0; width: 100%; }
.case-page--claims-system-redesign .claims-usability-metrics { display: grid; gap: var(--space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: var(--case-space-attached-media) 0 var(--case-space-group); padding: 0; }
.case-page--claims-system-redesign .claims-usability-metrics b { align-items: center; background: var(--color-action); border-radius: 50%; color: var(--color-action-contrast); display: flex; font: var(--type-label); height: 35px; justify-content: center; margin-bottom: var(--space-2); width: 35px; }
.case-page--claims-system-redesign .claims-usability-copy > p + p { margin-top: var(--case-space-paragraph); }

@media (hover: hover) {
  .case-page--claims-system-redesign .claims-interview-card-grid li:hover,
  .case-page--claims-system-redesign .claims-interview-card-stack li:hover,
  .case-page--claims-system-redesign .claims-direction-grid li:hover,
  .case-page--claims-system-redesign .claims-usability-metrics li:hover { box-shadow: var(--case-shadow-decision-card-hover); }
}

.case-page--claims-system-redesign .claims-case-media--ui-style,
.case-page--claims-system-redesign .claims-case-media--ui-style img { box-shadow: none; }

.case-page--claims-system-redesign { --case-related-card-image: url("/assets/cases/claims-system-redesign/related-project-background.png"); }
.case-page--claims-system-redesign .claims-scenario-media { --case-full-bleed-height: 400px; --case-media-parallax-overscan: 120px; }

.case-page--claims-system-redesign .claims-glance-work-list { display: grid; gap: var(--case-space-paragraph); margin: 0; padding-left: 1.25em; }
.case-page--claims-system-redesign .case-section--split > .claims-glance-solution-media { grid-column: 1 / -1; min-width: 0; width: 100%; }
.case-page--claims-system-redesign .claims-glance-solution-media { display: grid; gap: var(--case-space-attached-media); grid-template-columns: minmax(0, 1fr); margin-top: var(--case-space-attached-media); }
.case-page--claims-system-redesign .claims-glance-solution-media .case-media { margin: 0; min-width: 0; }
.case-page--claims-system-redesign .claims-glance-solution-media img { display: block; height: auto; max-width: 100%; object-fit: contain; width: 100%; }

@media (max-width: 1023.98px) {
  .case-page--claims-system-redesign .claims-interview-layout { gap: 40px; }
  .case-page--claims-system-redesign .claims-direction-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-page--claims-system-redesign .claims-evidence-row { gap: 40px; }
}

@media (max-width: 767.98px) {
  .case-page--claims-system-redesign .claims-interview-layout { gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }
  .case-page--claims-system-redesign .claims-interview-card-grid,
  .case-page--claims-system-redesign .claims-direction-grid { grid-template-columns: minmax(0, 1fr); }
  .case-page--claims-system-redesign .claims-evidence-row { gap: var(--case-space-attached-media); grid-template-columns: minmax(0, 1fr); }
  .case-page--claims-system-redesign .claims-evidence-row .claims-evidence-copy { order: 1; }
  .case-page--claims-system-redesign .claims-evidence-row .claims-case-media { order: 2; }
  .case-page--claims-system-redesign .claims-solution-flow { gap: var(--case-space-section); }
  .case-page--claims-system-redesign .claims-solution-copy { gap: var(--space-3); grid-template-columns: 35px minmax(0, 1fr); }
  .case-page--claims-system-redesign .claims-solution-summary { grid-column: 1 / -1; }
  .case-page--claims-system-redesign .claims-solution-media,
  .case-page--claims-system-redesign .claims-solution-media img { height: auto; object-fit: contain; width: 100%; }
  .case-page--claims-system-redesign .claims-usability-metrics { grid-template-columns: minmax(0, 1fr); }
}