/* Generated from staging-styles.css. Edit the source and run npm run build:css. */
@media (min-width: 961px) and (max-width: 1260px) {
  .payments-page-hero__layout {
    grid-template-columns: 1fr;
    align-items: center;
    gap: 34px;
  }

  .payments-page-hero__copy {
    max-width: none;
  }

  .payments-page-hero__copy h1 {
    font-size: clamp(3.3rem, 5.7vw, 4rem);
  }

  .payments-page-hero__visual {
    width: min(100%, 860px);
    max-width: 860px;
  }

  .review-payments .capability-layout {
    grid-template-columns: 1fr;
  }
}