/* CMV_37.0.1_TEST — SERVICES TRANSITION RESTORE
 * Base: CMV_36_13.1 — UPDATED LAUNCH SEQUENCE(1)
 * Design source: CMV_37.1_TEST — INTENTIONAL CANVAS SYSTEM + FLUID SCALING
 * Keep 37.0 Services geometry, with the base 36.13.1 page transition.
 * All selectors are scoped to #services. Base CSS and JavaScript are untouched.
 */

/* 🟩 GREEN HIGHLIGHT START: CMV_37.0.1_TEST — SERVICES ONLY */
@media (min-width: 1180px) {
  #services {
    --cmv371-gutter: clamp(42px, 3.4vw, 118px);
    --cmv371-field: clamp(1180px, 93vw, 2560px);
    --cmv371-measure: 72ch;
    --cmv371-measure-tight: 60ch;
    --cmv371-card-wide: 380px;
    --cmv371-gap: clamp(12px, 1.05vw, 22px);

    max-width: var(--cmv371-field) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* Stable geometry before, during, and after activation. */
    padding-left: var(--cmv371-gutter) !important;
    padding-right: var(--cmv371-gutter) !important;
    /* Do not override .screen's opacity / transform / filter transition. */
  }

  #services .service-inquiry-phase-note,
  #services .info-grid {
    width: 100% !important;
    max-width: none !important;
  }

  #services .service-inquiry-phase-note {
    grid-template-columns: minmax(170px, .34fr) minmax(280px, .66fr) minmax(360px, 1fr);
    align-items: center;
    column-gap: 24px;
  }

  #services .portfolio-copy,
  #services .service-inquiry-phase-note em {
    max-width: var(--cmv371-measure) !important;
  }

  #services .section-title {
    max-width: var(--cmv371-measure-tight) !important;
  }

  #services .service-grid-v275 {
    grid-template-columns: repeat(auto-fit, minmax(var(--cmv371-card-wide), 1fr)) !important;
    gap: var(--cmv371-gap) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #services.screen,
  #services .service-grid-v275 {
    transition: none !important;
  }
}
/* 🟥 RED HIGHLIGHT END: CMV_37.0.1_TEST — SERVICES ONLY */