/* Homepage Why-choose consultation photos, revised 7 Oct 2026.
   Shown on desktop and phones. No visible pause button (Simon's request):
   the photo itself is the pause control - click/tap or Enter/Space toggles,
   hover pauses, and consult-photos.js never moves it under reduced motion. */
#why-choose .cp-fig { margin: 28px 0 0; }
#why-choose .cp-rot {
  position: relative; aspect-ratio: 3 / 2; overflow: hidden;
  border-radius: 18px; border: 1px solid rgba(24, 61, 96, .14);
  background: var(--fg-surface,rgba(250,248,242,.62)); cursor: pointer;
}
#why-choose .cp-rot:focus-visible { outline: 3px solid #183d60; outline-offset: 3px; }
#why-choose .cp-rot img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block; margin: 0;
  border: 0; border-radius: 0; max-width: none;
  opacity: 0; transition: opacity 1.6s ease;
}
#why-choose .cp-rot img.on { opacity: 1; }
@media (max-width: 1000px) {
  #why-choose .cp-fig { margin: 22px 0 4px; }
}
@media (prefers-reduced-motion: reduce) {
  #why-choose .cp-rot img { transition: none; }
}