photo-croplisted

# Photo Crop — object-position Calculator Part of: Design Pipeline (use after frontend-design:frontend-design when placing photos in layouts) Apply this workflow for every `<img>` with `object-fit: cover`. Each photo is unique — run all four steps individually per photo without reusing values from other photos. ## Shot size vocabulary Before placing any photo, decide the **target shot size** for the container context: | Shot size (RU) | Shot size (EN) | Shows | |---|---|---| | Дальний / Общий план | Extreme Long / Very Long Shot | Full environment, tiny person | | Полный план | Long Shot | Full body head to feet | | Поколенный план | Medium Long Shot | Head to knees | | Средний план | Medium Shot | Head to waist | | Полукрупный план | Medium Close Up | Head to chest/shoulders | | Крупный план | Close Up | Face + neck | | Предельно крупный | Big Close Up | Face only | **Default targets by section type:** - Hero (full-screen): **Medium Shot** or **Medium Long Shot** — show enough body to read the outfit - About / portrait column: **Medium Close Up** — face + shoulders readable - Guide / work section: **Medium Shot** — person + environment context **CRITICAL rule:** Defaulting Y to show just the face = Close Up. This is almost always wrong for hero sections. Always ask: "what shot size does this section need?" before setting Y. ## Step 1 — Read the photo Use Read tool to view the image. Identify and note: - **Subject**: face, body, key object — what must stay visible -