Hero variations — internal preview

Internal preview — pick a treatment for each; not linked publicly.

1. Old /about hero — filter is currently too intense

Same cutout, four CSS filters, on the dark navy card the about page actually uses.

Current-ish (saturated) Alec Foster cutout, saturated filter
Muted Alec Foster cutout, muted filter
Black & white Alec Foster cutout, black and white filter
B&W + warm Alec Foster cutout, black and white with warm tone

2. Speaking photo — dark-mode treatment (no background swap)

Same photo, four filters, shown on a dark card so the dark-mode hero context is realistic.

None (current)
Alec Foster speaking, no filter
Cooled
Alec Foster speaking, cooled filter
Desaturated
Alec Foster speaking, desaturated filter
Duotone
Alec Foster speaking, duotone overlay

3. Homepage hero — mobile square crop (currently cuts off too much outfit; face too small)

Same graduation photo, 280×280 square, different crop position and zoom.

Current (object-position center 18%)
Alec Foster graduation photo, current crop
Lower crop (center 32%)
Alec Foster graduation photo, lower crop
Zoomed (center 22%, scale 1.15)
Alec Foster graduation photo, zoomed crop
Lower + zoom (center 34%, scale 1.12)
Alec Foster graduation photo, lower and zoomed crop