# Case study rich text

Long-form **work / case study** body block: optional section heading, rich text body, optional single visual, CTAs.

**Prefer this** for new and lab case studies (multi-block stacks). Do not use Blog rich text or legacy Article rich text for new work multi-block content.

## What it looks like

Full-width section with standard vertical spacing. Section heading (CMS `heading`) uses case-study **section** typography (`h2Med`) — not page display scale. Page H1 is on **Article hero**.

Body uses right-aligned editorial columns (`.rtf-article` + `.rtf-article-right`). Optional **single** media sits between labels and body, with embed-matching vertical margin (`my-8 laptop:my-16`).

**True side-by-side pairs** → sibling **Separated visuals** (only when the design is a pair). Stacked singles → sequential CSRT field visuals. See `articles` multi-block path and `case-study-from-package`.

Adjacent **body-only** CSRTs look gappy (full section shell + article paragraph rhythm) — **merge continuous prose** into one block when no art sits between.

## Typography

- **Heading (CMS)** — `h2Med` section scale; never display `h1`
- Body RTF — `.rtf-article` (including large paragraph top spacing on case studies)
- Body paragraphs right-aligned to the reading column on laptop

## Used fields

Same field set as Article rich text: `cmsLabel`, `anchor`, colours, `heading`, `preHeading`, `postHeading`, `body`, `visual`, `links`, `additionalCopy`, `icon`.

| Field | Notes |
|-------|--------|
| `heading` | Optional section title — omit when design has no on-page section title; do not invent |
| `visual` | Single full-frame media (no cover crop) |
| `body` | Main copy as written; may include `##` / `###` subheads from source only |

## Field media scale

Field `visual` uses **ContainedVisual** with Media **width** (0–99 %) and **horizontalPosition**.

- **Unset width on Case study rich text** → laptop defaults to **~67%** centred (feature frame), not full bleed — avoids square/tall masters becoming 1400×1400 slabs.
- Set **width 99** (or link a true full-bleed landscape) when the design is edge-to-edge.
- **True pairs only** → sibling **Separated visuals**, not two full-width CSRT blocks by default.
- **Decorative demos** (UI loops, product motion without sound intent): Media **autoplay** + **loop** on. Use smaller width for square icons (~40–50%) when the design is compact.

## When to use

- New case studies and lab multi-block ports (`articleType` work)
- Media-only opening blocks (no invented headings)

## When not to use

- Blog posts → **Blog rich text**
- Existing production entries still on Article rich text → leave until migration