/* Case-study rules extend the shared portfolio palette without changing it.
   No animated background on this page: long-form evidence stays easy to read. */
.case-study { max-width: 1120px; }
.case-hero { padding-block: clamp(52px,8vw,96px); max-width: 830px; }
.case-hero h1 { font-size: clamp(2.3rem,4.8vw,4rem); line-height: 1.12; }
.case-note { padding: 16px 20px; border-left: 2px solid var(--accent); background: var(--soft); color: var(--muted); font-size: .9rem; margin-top: 28px; }
.section-intro { max-width: 70ch; color: var(--muted); margin-top: 22px; }
.evidence-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 5px; margin: 32px 0 0; }
.evidence-grid > div { padding: 24px; border-right: 1px solid var(--line); }
.evidence-grid > div:last-child { border-right: 0; }
.evidence-grid dt { color: var(--muted); font-size: .8rem; }
.evidence-grid dd { margin: 12px 0 0; font-size: 2.3rem; color: var(--accent); line-height: 1; }
.hint { color: var(--muted); font-size: .8rem; margin-top: 18px; }
.workflow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0; margin: 32px 0; list-style: none; counter-reset: step; gap: 16px; }
.workflow li { padding: 22px; border: 1px solid var(--line); border-radius: 5px; counter-increment: step; }
.workflow li::before { content: "0" counter(step); display: block; font: .8rem Consolas,monospace; color: var(--accent); margin-bottom: 14px; }
.workflow strong { display: block; font-weight: 500; }
.workflow span { display: block; color: var(--muted); font-size: .87rem; margin-top: 12px; }
.case-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; margin-top: 30px; }
.case-columns h3 { font-size: 1.25rem; }
.case-columns ul { padding-left: 20px; color: var(--muted); }
.case-columns li + li { margin-top: 12px; }
.case-study .section-copy .text-link { display: inline-block; margin-top: 20px; }
@media(max-width:900px) { .evidence-grid,.workflow { grid-template-columns: repeat(2,minmax(0,1fr)); } .evidence-grid > div { border: 0; } }
@media(max-width:600px) { .workflow,.case-columns { grid-template-columns: minmax(0,1fr); } .evidence-grid > div { padding: 20px 14px; } }