/*
 * Large-display hero composition.
 *
 * Heroes share the header and page-section canvas. Keep the columns connected
 * by balancing their tracks and letting their contents use the available room,
 * without introducing a narrower outer container.
 */
/* Keep the demo copy together across desktop and scaled desktop displays. */
@media (min-width: 1121px) {
  body main section.demo-signup-hero .hero-grid.demo-signup-hero-grid {
    width: min(100%, 1920px);
    max-width: 1920px;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    column-gap: clamp(36px, 3vw, 52px);
  }

  body main .demo-signup-heading h1,
  body main .demo-signup-hero .hero-copy,
  body main .demo-signup-hero .hero-lead {
    max-width: none;
  }

  body main .demo-signup-hero .demo-signup-heading {
    align-self: end;
  }

  body main .demo-signup-heading h1 {
    margin-bottom: 0;
  }

  body main .demo-signup-hero-grid > .hero-copy {
    align-self: start;
  }
}

@media (min-width: 1761px) {
  body.primary-review-home main .hero .hero-inner {
    grid-template-columns: minmax(0, .98fr) minmax(600px, 1.02fr);
    column-gap: 48px;
  }

  body.primary-review-home main .hero .hero-copy,
  body.primary-review-home main .hero .hero-lead {
    max-width: none;
  }

  body.scope-review-page.plans-purchase-page main .plans-purchase-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    column-gap: 52px;
  }

  body.scope-review-page.plans-purchase-page main .plans-purchase-lead {
    max-width: none;
  }

  body.scope-review-page.plans-purchase-page main .plans-purchase-hero h1 {
    max-width: none;
    white-space: nowrap;
  }

  body main .contact-section .form-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 44px;
  }

  body main .contact-section .contact-page-title {
    max-width: none;
    white-space: nowrap;
  }

  body.scope-review-page.review-accounting main .accounting-hero-grid,
  body.scope-review-page.review-estimating-connector main .estimating-hero-grid,
  body.scope-review-page.review-ppg main .ppg-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
    column-gap: 44px;
  }

  body.scope-review-page.review-accounting main .accounting-hero-copy,
  body.scope-review-page.review-accounting main .accounting-hero-lead,
  body.scope-review-page.review-accounting main .accounting-proof-card,
  body.scope-review-page.review-estimating-connector main .estimating-proof-card,
  body.scope-review-page.review-ppg main .ppg-hero-copy,
  body.scope-review-page.review-ppg main .ppg-hero-lead,
  body.scope-review-page.review-ppg main .ppg-proof-card {
    max-width: none;
  }

  body.scope-review-page.review-workflow main .wf-hero-grid:not(.wf-hero-grid--wide) {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
    column-gap: 48px;
  }

  body.scope-review-page.review-workflow main .wf-hero-lead {
    max-width: none;
  }

  body.scope-review-page.review-workflow main .wf-hero-grid:not(.wf-hero-grid--wide) .wf-hero-copy h1 {
    max-width: none;
    white-space: nowrap !important;
  }

  body main .mso-hero .mso-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    column-gap: 48px;
  }

  body main .mso-hero .mso-hero-copy h1 {
    max-width: none;
    white-space: nowrap;
  }

  body.scope-review-page.review-payments main .payments-page-hero__layout {
    grid-template-columns: minmax(620px, .98fr) minmax(540px, 1.02fr);
    column-gap: 48px;
  }

  body.scope-review-page.review-payments main .payments-page-hero__copy > p:not(.eyebrow) {
    max-width: none;
  }

  body.scope-review-page.referral-program-page main .referral-hero-grid,
  body.scope-review-page.founding-page main .founding-hero-grid {
    column-gap: 48px;
  }

  body.scope-review-page.data-page main .data-hero-grid {
    column-gap: 48px;
  }

  body.scope-review-page.data-page main .data-hero h1 {
    max-width: none;
    white-space: nowrap;
  }

  body.scope-review-page main .resource-hero .resource-hero-grid {
    grid-template-columns: minmax(0, 1.38fr) minmax(0, .62fr);
    column-gap: 48px;
  }

  body.scope-review-page main .resource-hero .resource-hero-copy h1 {
    max-width: none;
    white-space: nowrap;
  }
}