.case-feature { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:white; margin-bottom:48px; }
.case-feature > img { width:100%; height:100%; min-height:320px; object-fit:cover; }
.case-feature-copy { padding:36px; align-self:center; }
.case-feature-copy h2 { font-size:30px; line-height:1.4; margin:18px 0; }
.case-feature-copy p { font-size:18px; line-height:1.8; margin-bottom:22px; }
.case-study .prose { max-width:none; font-size:18px; line-height:1.85; }
.case-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:30px 0; }
.case-metrics div { padding:24px; background:var(--foam); border-top:3px solid var(--ocean-500); }
.case-metrics strong { display:block; font-size:32px; color:var(--ocean-950); }
.case-metrics span { display:block; font-size:16px; }
.case-study .table-wrap { margin:22px 0; }
.case-study .table-wrap:focus-visible { outline:3px solid var(--ocean-500); outline-offset:4px; }
.case-study .table-scroll-hint { font-size:15px; color:var(--muted); }
.case-study table { min-width:610px; }
.case-photos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:24px 0; }
.case-photos img { width:100%; height:auto; display:block; }
.case-photos figcaption { padding:14px 0; font-size:16px; line-height:1.6; }
.case-study .usage-note { font-size:16px; line-height:1.8; }
@media(max-width:700px) { .case-feature,.case-metrics,.case-photos { grid-template-columns:1fr; } .case-feature-copy { padding:24px; } .case-feature > img { min-height:0; height:auto; } }