/* Approved 02.08 component: Figma 205:92 / 205:141 / 205:186.
   Reuses the site's light/dark colour tokens. No global navigation/viewer rules. */
.case-study-ending{padding-block:var(--space-4) var(--space-3)}
.case-reflection h2{font-size:44px;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px}
.case-reflection-intro{color:var(--muted);font-size:18px;margin:0 0 36px;max-width:76ch}
.case-reflection-rows{display:grid;gap:22px}
.case-reflection-row{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,56fr);gap:35px}
.case-reflection-row h3{font-size:18px;line-height:1.4;margin:0;font-weight:700;letter-spacing:normal}
.case-reflection-row p{font-size:17px;line-height:1.5;color:var(--muted);margin:0;min-width:0}
.case-projects{margin-top:38px}
.case-projects h2{font-size:34px;line-height:1.2;letter-spacing:-.025em;margin:0 0 28px}
.case-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;--case-visible-cards:3}
.case-project-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;scroll-padding:0}
.case-project-track::-webkit-scrollbar{display:none}
.case-project-card{flex:0 0 calc((100% - (var(--case-visible-cards) - 1)*12px)/var(--case-visible-cards));min-width:0;min-height:133px;border:1px solid var(--line);border-radius:12px;padding:24px 20px;display:flex;flex-direction:column;gap:16px;text-decoration:none;scroll-snap-align:start;color:var(--fg);overflow-wrap:anywhere}
.case-project-card:hover{border-color:var(--fg);background:var(--surface)}
.case-project-card .case-card-label{font-size:11px;font-weight:700;line-height:1.2;color:var(--muted)}
.case-project-card strong{font-size:18px;line-height:1.3}
.case-project-card .case-card-link{font-size:13px;line-height:1.3}
.case-carousel-arrow{width:44px;height:44px;min-width:44px;border:1.5px solid var(--fg);border-radius:50%;background:var(--bg);color:var(--fg);font-family:inherit;font-size:20px;font-weight:700;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center}
.case-carousel-arrow[hidden]{display:none}
.case-carousel:has(.case-carousel-arrow[hidden]){grid-template-columns:minmax(0,1fr)}
.case-carousel-arrow:hover:not(:disabled){background:var(--fg);color:var(--inverse)}
.case-carousel-arrow:disabled{opacity:.4;cursor:default}
.case-project-track:focus-visible{outline:3px solid var(--fg);outline-offset:4px}
.case-project-card:focus-visible{outline:3px solid var(--fg);outline-offset:-4px}
.case-project-help{font-size:14px;color:var(--muted);margin:12px 0 0;line-height:1.5}
.case-contact{border:1px solid var(--line);border-radius:14px;padding:32px 24px;margin-top:42px;scroll-margin-top:24px}
.case-contact h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.case-contact p{font-size:17px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.case-contact a{font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;min-height:44px;text-underline-offset:4px}
.case-study-page .footer{padding-top:0;border-top:0}
@media(max-width:1100px){.case-carousel{--case-visible-cards:2}}
@media(max-width:600px){
 .case-study-ending{padding-block:var(--space-3)}
 .case-reflection h2{font-size:30px}
 .case-reflection-intro{font-size:15px}
 .case-reflection-rows{gap:18px}
 .case-reflection-row{grid-template-columns:1fr;gap:5px}
 .case-reflection-row h3{font-size:16px}.case-reflection-row p{font-size:15px}
 .case-projects h2{font-size:26px}.case-carousel{--case-visible-cards:1}
 .case-project-help{font-size:12px}.case-contact h2{font-size:25px}.case-contact p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.case-project-track{scroll-behavior:auto}}