/* =========================================================================
   About (/about/, page-id-7) - desktop retrofit against the Agentis design export
   (new preview link, 2026-08-07), staging and export at equal innerWidth.

   BugZap #82 / #83. Section heights after this file (ours -> export):
     core values      1199 (830*)  *kept - see #82 note below
     how-we-work       913 -> 889  (889)  exact
     story             561  (481*) *export ships a shorter image crop
     media-first row   544 -> 432  (432)  exact

   #82 note: Christine's ticket asks for full-width intro text + photo left
   at 2/3 with the values list at 1/3 - our build already renders exactly
   that (intro 1280, photo 821, list 411). The export instead collapses the
   photo to 0 width (broken/absent asset - Agentis is replacing blurry
   images), so the TICKET wins over the export here and no change is made.

   SPECIFICITY / SOURCE-ORDER NOTE - figma layer loads BEFORE block CSS, so
   !important is deliberate.
   ========================================================================= */
@media (min-width: 992px) {

  /* ---- #83: "How we work" cards band - same head rhythm as the services
     fix (#94 pattern), and the cards already have no icons. Ours ran
     heading-(40)-text-(56)-list; export runs 24/48. Card copy 17/1.6/300
     (ours 16/24/400). */
  .page-id-7 .content-features--stacked .content-features__text {
    margin-top: 0 !important;
  }
  .page-id-7 .content-features--stacked .content-features__head {
    margin-bottom: 48px !important;
  }
  .page-id-7 .content-features--stacked .content-features__item-text {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
  }
  .page-id-7 .content-features--stacked .content-features__item-text p {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  /* ---- divergence: the media-first row above the CTA pads 112/112 on
     ours, 56/56 in the export (both center the 400x320 media). */
  .page-id-7 .content-list--media-first-mobile {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}