/* CMV_37.0.2_TEST — ABOUT WIDE CANVAS + BASE ANIMATION
 * Base: CMV_37.0.1_TEST_SERVICES_TRANSITION_RESTORE.
 * About layout source: CMV_37.0_TEST — FULL-VIEWPORT CANVAS EXPANSION.
 * All selectors and tokens stay within #about. No JavaScript changes.
 */

/* GREEN ADD START: CMV_37.0.2_TEST — ABOUT ONLY */
@media (min-width: 1180px) {
  #about {
    --cmv37-page-gutter: clamp(42px, 3.15vw, 96px);
    --cmv37-wide-field: 2400px;

    max-width: var(--cmv37-wide-field) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* Stable padding in both states; retain the base .screen transition. */
    padding-left: var(--cmv37-page-gutter) !important;
    padding-right: var(--cmv37-page-gutter) !important;
  }

  #about .about-brand-system,
  #about .about-pillars,
  #about .about-closing-statement {
    width: 100% !important;
    max-width: none !important;
  }

  #about .about-brand-system {
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .55fr);
  }

  #about .about-manifesto-panel h2,
  #about .about-manifesto-panel > p {
    max-width: 980px;
  }
}

@media (min-width: 2200px) {
  #about {
    --cmv37-page-gutter: clamp(64px, 3.6vw, 124px);
    --cmv37-wide-field: 2680px;
  }

  #about .about-pillars {
    gap: 18px;
  }
}

/* Match the 37.0.1 repair: reduced-motion users get no page transition. */
@media (prefers-reduced-motion: reduce) {
  #about.screen {
    transition: none !important;
  }
}
/* GREEN ADD END: CMV_37.0.2_TEST — ABOUT ONLY */