/* Contact art v2: one clear conversation scene per card. */
body.og-brand-design .og-order-conversation-art {
  position: relative;
  min-height: 0;
  height: clamp(230px, 18vw, 276px);
  margin: 0;
  overflow: hidden;
  background: #faf6f0;
}

body.og-brand-design .og-order-conversation-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
  transform: scale(1.002);
  transition: transform .55s ease;
}

body.og-brand-design .og-order-start > article:hover .og-order-conversation-art img {
  transform: scale(1.018);
}

body.og-brand-design .og-order-start-copy .og-order-conversation-art img {
  object-position: center 43%;
}

body.og-brand-design .og-order-start-contact .og-order-conversation-art img {
  object-position: center 40%;
}

@media (max-width: 900px) {
  body.og-brand-design .og-order-conversation-art {
    height: clamp(230px, 55vw, 340px);
  }
}

@media (max-width: 560px) {
  body.og-brand-design .og-order-conversation-art {
    height: 230px;
  }

  body.og-brand-design .og-order-conversation-art img {
    object-position: center 42%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.og-brand-design .og-order-conversation-art img {
    transition: none;
  }
}