Grid layout
2×2 at desktop · 1-col at ≤768px
Photo pair format
Landscape unit: Before | After side-by-side, 3:1 aspect ratio per pair
Before label badge
Navy-tinted bg rgba(27,47,78,0.55) · ivory text — top-left of Before slot
After label badge
Terracotta #C4622A bg · ivory text — top-left of After slot
Centre divider
1px ivory 35% opacity vertical rule between Before and After slots
Case label
NHaasGrotesk 400 13px Navy — technique name
Case note
NHaasGrotesk 300 12px #6B7280 — one-line result descriptor
Webflow CMS binding
Each case = CMS item: technique (text), note (text), before_photo (image), after_photo (image)