Agency case study page

Build a single case study page for a rebrand project. It must read as an argument, not a gallery.

Structure in order: a title block with the client name in monospace, the project title at clamp(2.25rem, 5vw, 4rem), and a three-item metadata row (year, disciplines, duration) separated by hairlines. Then a full-bleed 16:9 hero image. Then a 'Brief' section as two paragraphs at 62 characters per line. Then a 'Constraint' pull-quote at 1.75rem with a left border in the accent colour. Then three 'Decision' blocks, each pairing a two-paragraph explanation on the left with a supporting image on the right, alternating sides. Then a full-bleed detail image. Then an 'Outcome' section with three statistics — each a large monospace numeral, a label, and one sentence of qualification so the numbers are not bare claims. Then a client quote with name and role. Then previous/next project links as two large half-width blocks.

Design tokens: background #FCFCFA, surface #FFFFFF, hairline #E5E3DC, text #14140F, muted #6A6960, accent #7C2D12. Radius 2px. Body 18px at 1.75 line height — this page is for reading.

Constraints: no image carousel, no before/after slider, no autoplaying video, no floating share bar. Images must be lazy-loaded below the hero, each with alt text describing what the design shows. Include a sticky reading-progress hairline at the very top, 2px, accent colour, and nothing else fixed to the viewport.