/*
  ORN Motion Layer v0.1

  Same interaction language as Main:
  - slight lift
  - softer stronger shadow
  - subtle border response

  Applied only on devices that actually have hover.
*/


@media (hover:hover) and (pointer:fine){

  /* cards / interactive entities */

  .product-card,
  .rel,
  .eq,
  .mini-product,
  .smart-item,
  .lifecycle-item,
  .park-card,
  .park-result,
  .org-row,
  .orn-business-card,
  .orn-business-level-step,
  .orn-business-process-step{

    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      background-color .18s ease;
  }


  .product-card:hover,
  .rel:hover,
  .eq:hover,
  .mini-product:hover,
  .smart-item:hover,
  .lifecycle-item:hover,
  .park-card:hover,
  .park-result:hover,
  .org-row:hover,
  .orn-business-card:hover,
  .orn-business-level-step:hover,
  .orn-business-process-step:hover{

    transform:translateY(-2px);

    border-color:
      rgba(15,124,128,.34);

    box-shadow:
      0 12px 30px
      rgba(31,37,43,.08);
  }


  /* buttons */

  .btn,
  .orn-business-btn,
  .orn-business-cta,
  .orn-business-secondary-cta,
  button:not(.workspace-option):not(.workspace-current){

    transition:
      transform .16s ease,
      box-shadow .16s ease,
      border-color .16s ease,
      filter .16s ease;
  }


  .btn:hover,
  .orn-business-btn:hover,
  .orn-business-cta:hover,
  .orn-business-secondary-cta:hover,
  button:not(.workspace-option):not(.workspace-current):hover{

    transform:translateY(-1px);

    box-shadow:
      0 8px 20px
      rgba(31,37,43,.09);
  }


  .orn-business-cta:hover,
  .btn.primary:hover{

    filter:brightness(.97);
  }

}


/* Accessibility */

@media (prefers-reduced-motion:reduce){

  .product-card,
  .rel,
  .eq,
  .mini-product,
  .smart-item,
  .lifecycle-item,
  .park-card,
  .park-result,
  .org-row,
  .orn-business-card,
  .orn-business-level-step,
  .orn-business-process-step,
  .btn,
  .orn-business-btn,
  .orn-business-cta,
  .orn-business-secondary-cta,
  button{

    transition:none!important;
    transform:none!important;
  }

}