/* phones. kept in one place, easier to QA on device */

@media (max-width: 767px) {
  #hero .press { column-gap: 22px; }
  #hero .press img { height: 15px !important; }   /* beats the inline heights */

  #float-nav { top: 10px; padding-left: 16px; gap: 12px; }
  .float-nav__logo img { height: 22px; }

  /* vial drops under the copy instead of sitting beside it */
  .preserved__stage { height: auto; min-height: 0; display: flex; flex-direction: column; }
  .preserved__stage > .relative { order: 1; padding-top: 88px !important; }
  #vial-stage {
    position: relative !important;
    inset: auto !important;
    order: 2;
    height: 78vw;
    max-height: 420px;
    margin: 8px -12px 0;
  }
  #vial-labels { display: none; }

  #stats-row .stat { border-left: 0 !important; padding-left: 0 !important; }

  .pcard .pcard__cta { opacity: 1; }   /* no hover on touch */
  .pcard::after { display: none; }

  #protocols { padding-top: 64px; padding-bottom: 64px; }
  #capabilities { margin-top: 0 !important; padding-top: 72px; padding-bottom: 72px; }

  #research { min-height: 0 !important; }
  #research-bg { object-position: 50% 30% !important; }
}

@media (hover: none) {
  .pcard .pcard__cta { opacity: 1; }
}