/* Selr — phone crop focus (2026-08-11).
 * Wide brand images place the character off-centre for desktop negative space;
 * cover-cropping on narrow screens then pushes him out of frame. These rules
 * re-aim the crop window at the character on phones only. Pure CSS: no DOM or
 * hydration impact. Percent = which vertical slice of the image stays in view.
 */
@media (max-width: 809.98px) {
  /* home hero — sinking man sits right of centre */
  img[src*="IaiFRY4S4OYymE10NQ9ipQb5dwc"] {
    object-position: 56% 42% !important;
  }
  /* shared contact block — chair man sits left of centre */
  img[src*="YLqSXPwuRjvZniqgw49AQYJMSzM"] {
    object-position: 24% 50% !important;
  }
  /* contact page — diver sits left */
  img[src*="contact-diver-bg"] {
    object-position: 22% 50% !important;
  }
}