/* Case pages — /work/ontrack, /he/ontrack, /work/urjaya.
   Shared rather than inlined three times. Logical properties throughout, so
   the Hebrew page needs no direction overrides and neither does the RTL mode
   of the still-bilingual urjaya page. Audited by Gate B like every stylesheet. */

.case-hero{padding-top:clamp(48px,9vh,112px);padding-bottom:clamp(40px,6vh,72px);border-top:0}
.case-hero h1{margin-bottom:24px;max-width:14ch}

.figure{margin:0;border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden;background:var(--bg-alt)}
.figure img{display:block;width:100%;height:auto}
.figure figcaption{
  padding:14px 18px;font-size:var(--t-small);font-weight:300;color:var(--ink-muted);
  border-top:1px solid var(--rule-soft);background:var(--bg);
}

/* .facts / .fact live in site.css — both page types use them now */

.prose{max-width:62ch}
.prose h2{margin:0 0 20px}
.prose p{font-size:var(--t-body);font-weight:300;color:var(--ink-soft);margin-bottom:18px;line-height:1.65}
.prose p:last-child{margin-bottom:0}

.shots{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}
@media (min-width:760px){.shots{grid-template-columns:repeat(3,1fr)}}

.limits{
  border-inline-start:3px solid var(--accent-deep);
  padding-block:4px;padding-inline-start:22px;
  margin-top:8px;max-width:62ch;
}
.limits p{font-size:var(--t-body);font-weight:300;color:var(--ink-soft);line-height:1.65}
.limits p + p{margin-top:16px}