.benchmark-figure { width: min(1000px, calc(100vw - 80px)); margin: 40px 0 44px; position: relative; left: 50%; transform: translateX(-50%); mix-blend-mode: multiply; }
.benchmark-crop { display: block; position: relative; overflow: hidden; border: 1px solid #e2e5df; }
.benchmark-crop img { position: absolute; display: block; max-width: none; height: auto; }
/* Crop only the screenshot margins; preserve chart labels and plotted values. */
.distribution-crop { aspect-ratio: 1470 / 1120; }
.distribution-crop img { width: 104.762%; left: -2.381%; top: -1.786%; }
.risk-crop { aspect-ratio: 1340 / 670; }
.risk-crop img { width: 114.478%; left: -6.716%; top: -5.224%; }
.benchmark-figure figcaption { max-width: 700px; margin: 16px auto 0; font: 12px/1.7 system-ui, sans-serif; color: #626960; }
@media(max-width:600px) { .benchmark-figure { width: calc(100vw - 32px); margin-block: 28px 32px; } .benchmark-figure figcaption { margin-inline: 8px; } }

.closing-photo { position: relative; max-width: 1000px; margin: 48px auto 0; overflow: hidden; }
.closing-photo img { display: block; width: 100%; height: auto; }
/* Reuse the homepage canvas renderer, including its colour grading and motion. */
.closing-photo { background: #fff; border: 1px solid #e2e5df; }
.closing-photo img { opacity: 0; }
.closing-photo canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.closing-photo #colour { visibility: hidden; }