/* case.css · 2026-09-24 — the eight case studies (direction A, "the sheet", on
   Case Study Options.html). Sits on css/sector.css (buttons, tlink, sx-* sections,
   case-study row, FAQ, close) and before wash-theme.css, which stays last. Small type
   is class-driven, so it carries its own mobile floor; css/mobile-refine.css only
   matches inline values. */
.hl{background:var(--trace);color:var(--ink);padding:0 0.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cs-hero{padding:clamp(128px,17vh,168px) clamp(28px,6vw,96px) 0;background:var(--bg)}
.cs-crumb{font-size:0.86rem;font-weight:300;color:var(--ink-mid);margin-bottom:22px}
.cs-crumb a{border-bottom:1px solid var(--border);transition:border-color 0.2s}
.cs-crumb a:hover{border-color:var(--ink)}
.cs-h1{font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.12;letter-spacing:-0.03em;color:var(--ink);max-width:18ch;text-wrap:balance}
.cs-sub{max-width:580px;color:var(--ink-mid)}
.cs-heroimg{margin:clamp(40px,6vh,64px) auto 0;position:relative}
.cs-heroimg img{display:block;width:100%;aspect-ratio:21/10;object-fit:cover;background:var(--bg-warm)}
.cs-heroimg figcaption{font-size:0.8rem;font-weight:300;color:var(--ink-mid);margin-top:10px}
.cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid var(--border);margin-top:28px;padding-top:20px}
.cs-facts b{display:block;font-weight:400;font-size:0.95rem;color:var(--ink)}
.cs-facts span{display:block;font-size:0.82rem;font-weight:300;color:var(--ink-mid);margin-top:3px}
a.cs-inl{border-bottom:1px solid currentColor;color:var(--ink)}
.cs-lead{font-family:var(--ff-serif);font-style:italic;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.45;color:var(--ink);text-wrap:pretty}
.cs-feats{border-top:1px solid var(--border)}
.cs-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(32px,5vh,48px) 0;border-bottom:1px solid var(--border)}
.cs-flip .cs-fimg{order:2}
.cs-fimg{aspect-ratio:4/3;background:var(--bg-warm)}
.cs-fimg img{width:100%;height:100%;display:block}
.cs-ft h3{font-family:var(--ff-serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.2;letter-spacing:-0.02em;margin-bottom:16px;text-wrap:balance}
.cs-ft p{font-size:clamp(0.95rem,1.05vw,1.02rem);font-weight:300;color:var(--ink-mid);line-height:1.85;max-width:46ch;text-wrap:pretty}
.cs-ft p.cs-tag{display:inline-block;font-size:0.8rem;color:var(--ink);background:rgba(239,231,164,0.45);padding:1px 6px;margin-bottom:14px;line-height:1.6}
.cs-noimg{grid-template-columns:minmax(0,1fr)}
.cs-noimg .cs-ft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:baseline}
.cs-noimg .cs-ft .cs-tag{grid-column:1/-1;justify-self:start;margin-bottom:0}
.cs-noimg .cs-ft h3{margin-bottom:0}
.cs-gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cs-gal img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--bg-warm)}
@media (max-width:1100px){.cs-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}
@media (max-width:760px){
.cs-hero{padding:104px 22px 0}
.cs-heroimg img{aspect-ratio:4/3}
.cs-feat,.cs-noimg .cs-ft{grid-template-columns:1fr;gap:20px}
.cs-flip .cs-fimg{order:0}
.cs-gal{grid-template-columns:1fr;gap:10px}
.cs-crumb,.cs-heroimg figcaption,.cs-facts span,.cs-ft p.cs-tag{font-size:0.86rem}
.cs-crumb a{display:inline-flex;min-height:44px;align-items:center;border-bottom:none;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}
.cs-ft p{font-size:0.95rem}
}