.cases-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.cases-total{display:inline-flex;align-items:center;gap:12px;background:var(--mint);border-radius:30px;padding:12px 20px;font-size:18px;font-weight:600;white-space:nowrap}
.cases-notice{padding:18px 22px;margin-bottom:26px;background:var(--white);border-left:4px solid var(--coral);border-radius:0 12px 12px 0;font-size:16px;color:var(--muted)}
.cases-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.case-count{font-size:22px;font-weight:650;white-space:nowrap}
.case-directions{display:flex;gap:10px;margin-left:auto}
.case-directions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:168px;min-height:60px;padding:16px 24px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font-size:18px;font-weight:650;transition:background .2s}
.case-directions button:disabled{cursor:default;color:#8c8891;background:transparent}
.case-directions button:not(:disabled):hover{background:var(--mint)}
.case-directions [data-case-move="1"]:not(:disabled){background:var(--coral);border-color:var(--coral)}
.case-directions [data-case-move="1"]:not(:disabled):hover{background:#e87467}
.cases-toolbar [data-case-move="1"]:not(:disabled){animation:case-next-pulse 2.1s ease-in-out infinite}
@keyframes case-next-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ed827600,0 0 0 #ed827600}35%{transform:scale(1.045);box-shadow:0 0 0 7px #ed827680,0 0 24px #ed827673}75%{transform:scale(1);box-shadow:0 0 0 16px #ed827600,0 0 12px #ed827600}}
@media(prefers-reduced-motion:reduce){.cases-toolbar [data-case-move="1"]:not(:disabled){animation:none}.case-directions button{transition:none}}
.reverse-arrow{transform:rotate(180deg)}
.case-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"evidence intro" "evidence metrics";grid-template-rows:auto 1fr;gap:24px 32px;align-items:start;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:22px}
.case-intro{grid-area:intro;min-width:0}
.case-kicker{font-size:14px;color:var(--accent);font-weight:650;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}
.case-intro h3{font-size:32px;line-height:1.2;overflow-wrap:anywhere}
.case-meta{font-size:16px;color:var(--muted);margin-top:12px}
#case-description,#case-services{margin-top:18px;max-width:900px;font-size:18px}
.case-evidence{grid-area:evidence;min-width:0}
.case-evidence figure{margin:0;min-width:0}
.case-phase-title{font-size:21px;font-weight:650}
.case-phase-title{margin-bottom:16px}
.case-empty-shot{height:clamp(180px,28vh,260px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:var(--paper);border:1px dashed #beb4b0;border-radius:14px;padding:24px;text-align:center}
.case-empty-shot .icon{width:40px;height:40px;color:var(--accent);margin-bottom:2px}
.case-empty-shot strong{font-size:20px;font-weight:600}
.case-empty-shot span{font-size:16px;color:var(--muted)}
.case-shot{display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
.case-shot img{display:block;width:100%;height:auto;object-fit:contain}
.case-shot-hint{display:block;min-height:48px;padding:12px;font-size:16px;border-top:1px solid var(--line);background:var(--white)}
.case-extra-shot{display:block;min-height:48px;padding:10px 0;border:0;background:none;color:var(--accent);font-size:16px;text-decoration:underline;text-underline-offset:4px;text-align:left}
.case-metrics{grid-area:metrics;min-width:0}
.case-metrics h4{font-size:21px;font-weight:650;margin:0 0 14px}
.case-metrics table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px}
.case-metrics th,.case-metrics td{border-bottom:1px solid var(--line);padding:14px 8px;text-align:center;overflow-wrap:anywhere}
.case-metrics th:first-child{width:34%;text-align:left;padding-left:0;font-weight:500}
.case-metrics thead th{font-size:16px;font-weight:500;color:var(--muted);background:var(--paper);padding-top:12px;padding-bottom:12px}
.case-metrics thead th:first-child{padding-left:14px}
.case-metrics thead th:nth-child(2){width:16%}.case-metrics thead th:nth-child(3){width:21%}.case-metrics thead th:nth-child(4){width:29%}
.case-metrics td{font-size:22px;font-weight:650;line-height:1.3}.case-metrics td strong{font-weight:650;white-space:nowrap}
.case-metrics td:nth-child(3){background:#d7e7dc55}.case-metrics .case-growth{color:var(--accent)}
.case-metric-note{font-size:16px;color:var(--muted);margin-top:18px}
#case-quote{grid-column:1/-1;margin:0;padding:20px 24px;background:var(--mint);border-radius:12px;font-size:18px}
.case-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px}
#case-image-dialog{width:min(1100px,calc(100% - 32px))}
#case-image-caption{font-size:16px;color:var(--muted)}
.case-image-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}
.case-image-actions button,.case-image-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font-size:16px;text-decoration:none}
.case-image-actions button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.case-image-stage{max-height:60vh;overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:10px;overscroll-behavior:contain}
.case-image-stage img{display:block;width:100%;height:auto;max-width:100%;max-height:none;margin-inline:auto;object-fit:contain}
.case-image-stage.is-zoomed img{width:auto;max-width:none;max-height:none}
@media(min-width:960px) and (max-height:800px){.case-empty-shot{height:180px}}
@media(max-width:959px){.case-detail{display:block}.case-evidence{width:min(100%,640px);margin:24px auto 0}.case-metrics{margin-top:24px}.case-metrics td{padding-inline:8px}#case-quote{margin-top:24px}}
@media(max-width:760px){.cases-heading{align-items:start;flex-direction:column;gap:20px}.cases-total{font-size:16px;padding:10px 18px}.case-detail{padding:26px}.cases-toolbar,.case-browser-footer{align-items:stretch;flex-direction:column;gap:16px}.case-directions{width:100%;margin-left:0;gap:12px}.case-directions button{flex:1;min-width:0}.case-intro h3{font-size:28px}}
@media(max-width:760px){.case-metrics th,.case-metrics td{padding:14px 4px}.case-metrics th:first-child{font-size:16px;line-height:1.4;padding-right:8px}.case-metrics thead th{font-size:14px}.case-metrics thead th:first-child{width:28%;font-size:13px;padding-left:4px;padding-right:2px;white-space:nowrap}.case-metrics thead th:nth-child(2){width:23%}.case-metrics thead th:nth-child(3){width:24%}.case-metrics thead th:nth-child(4){width:25%}.case-metrics td{font-size:20px}.case-metrics .case-growth{font-size:20px}}
@media(max-width:480px){.case-metrics th,.case-metrics td{padding:14px 2px}.case-metrics tbody th:first-child{font-size:15px;padding-right:2px}.case-metrics td,.case-metrics .case-growth{font-size:17px}}
@media(max-width:480px){.cases-heading{margin-bottom:24px}.cases-notice{padding:18px 17px}.case-count{font-size:20px}.case-directions{gap:12px}.case-directions button{padding:16px 12px;gap:12px}.case-directions .icon{width:22px;height:22px}.case-detail{padding:22px 18px;border-radius:18px}.case-intro h3{font-size:26px}.case-kicker{font-size:14px}.case-phase-title,.case-metrics h4{font-size:20px}.case-empty-shot{height:200px}.case-empty-shot{padding:20px 12px}.case-empty-shot strong{font-size:18px}#case-quote{padding:18px;font-size:18px}#case-image-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:16px}#case-image-dialog .dialog-top{top:-16px}#case-image-title{font-size:24px}.case-image-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.case-image-actions button,.case-image-actions a{padding:10px 8px;font-size:14px;line-height:1.4}}
@media(max-width:360px){.case-metrics td,.case-metrics .case-growth{font-size:16px}.case-metrics tbody th:first-child{font-size:14px;padding-right:2px;overflow-wrap:normal}.case-metrics thead th{font-size:13px}.case-metrics thead th:first-child{font-size:12px}#case-image-title{font-size:20px}}