/* Contact route motion synchronization.
   Keep the stronger depth response while preventing either child panel from
   visually detaching from the page transition. */
@media (min-width: 961px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  main[data-component-file="Contact.tsx"] .jnm-intro,
  main[data-component-file="Contact.tsx"] .jnm-audience {
    transition: transform .14s cubic-bezier(.4, 0, 1, 1),
      box-shadow .16s cubic-bezier(.4, 0, 1, 1),
      border-color .16s ease;
  }

  main[data-component-file="Contact.tsx"] .jnm-intro:hover,
  main[data-component-file="Contact.tsx"] .jnm-audience:hover {
    transform: translateY(-3px);
    transition-duration: .18s;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  main[data-component-file="Contact.tsx"] .jnm-intro,
  main[data-component-file="Contact.tsx"] .jnm-audience {
    transform: none !important;
    transition: none !important;
  }
}