/*
 * Engineering product-archive page — page-only tweaks.
 * Shared hero / split / card-grid live in global sheets.
 */

.rq-page .rq-eng-capabilities {
  scroll-margin-top: 8rem;
}

.rq-page .rq-eng-capabilities__grid {
  display: block;
  margin-block-start: 0;
}

/*
 * Same title pattern as Team / Locations: .rq-h2-fit must be full width or
 * clamp(…, 7cqi, …) collapses to ~28px.
 */
.rq-page .rq-eng-capabilities .rq-card-grid-head .rq-h2-fit {
  width: 100%;
  max-width: 100%;
  container-type: inline-size;
}

.rq-page .rq-eng-capabilities .rq-card-grid-head .rq-h2 .elementor-heading-title {
  font-size: clamp(1.75rem, 7cqi, 2.875rem) !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
}

.rq-page .rq-eng-capabilities .rq-body,
.rq-page .rq-eng-capabilities .rq-body p {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
}

@media (min-width: 768px) {
  .rq-page .rq-eng-capabilities .rq-body,
  .rq-page .rq-eng-capabilities .rq-body p {
    font-size: 1.125rem !important;
  }
}

.rq-page .rq-eng-capabilities .rq-eyebrow {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 1rem !important;
}

@media (max-width: 767px) {
  .rq-page .rq-eng-capabilities .rq-h2 .elementor-heading-title {
    font-size: 28px !important;
    font-weight: 600 !important;
  }

  .rq-page .rq-eng-capabilities .rq-body,
  .rq-page .rq-eng-capabilities .rq-body p {
    font-size: 16px !important;
  }

  /*
   * Longer "Home / Services / Engineering" crumbs need more clearance above
   * the eyebrow than the shared 2.25rem archive-hero body pad.
   * This sheet only loads on the engineering archive, so .rq-archive-hero is safe.
   */
  .rq-page .rq-archive-hero .rq-archive-hero__body,
  .rq-page .rq-eng-hero .rq-archive-hero__body {
    padding-block-start: 3.5rem;
  }

  /*
   * Don't vertically center the copy band when Trusted-by sits below it —
   * that leaves a large empty gap between pills and logos (unlike Home).
   * Also grow the hero past 100svh so logos stay in normal column flow
   * (fixed height + flex-wrap:wrap was shoving Trusted-by into a 2nd column).
   */
  .rq-page .rq-archive-hero:has(.rq-archive-hero__trusted) {
    height: auto;
    min-height: calc(100svh - 7.5rem);
    overflow: visible;
  }

  body:has(.rq-announce[hidden]) .rq-page .rq-archive-hero:has(.rq-archive-hero__trusted),
  body:has(.rq-announce.is-dismissed) .rq-page .rq-archive-hero:has(.rq-archive-hero__trusted) {
    min-height: calc(100svh - 5rem);
  }

  .rq-page .rq-archive-hero:has(.rq-archive-hero__trusted) .rq-archive-hero__inner,
  .rq-page .rq-archive-hero:has(.rq-archive-hero__trusted) .rq-archive-hero__inner.e-con {
    --flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .rq-page .rq-archive-hero .rq-archive-hero__inner:has(> .rq-archive-hero__trusted)
    > .rq-archive-hero__body,
  .rq-page .rq-eng-hero .rq-archive-hero__inner:has(> .rq-archive-hero__trusted)
    > .rq-archive-hero__body {
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  .rq-page .rq-archive-hero__trusted {
    margin-block-start: 1.75rem;
  }
}