Images & figures
Media is always framed, always ratio'd, never allowed to reflow the page.
.figure · .figure__caption · .frame
ratios from the token sheet: 1:1 · 4:5 · 16:9 · 21:9 — set aspect-ratio, let the image cover
| Rule | Why |
|---|---|
width/height attrs | always — CLS is a layout bug, not a perf stat |
loading="lazy" decoding="async" | everything below the fold |
.u-object-cover / .u-object-contain | fill the frame vs letterbox in it |