/* Services V9.9 - restore the approved V9.4 service-card composition. */

.services-page .car-service-grid {
  gap: 24px;
  align-items: stretch;
}

.services-page .car-service-card,
.services-page .car-service-card:first-child,
.services-page .car-service-card:last-child,
.services-page .car-service-card:nth-child(odd),
.services-page .car-service-card:nth-child(even) {
  overflow: hidden;
  padding: 0;
  border: 0;
  background: #fff;
  box-shadow: 0 14px 38px rgba(7, 52, 58, .085);
}

.services-page .car-service-card-featured,
.services-page .car-service-card-featured:first-child,
.services-page .car-service-card-featured:last-child {
  background: #f7f2e7;
}

.services-page .car-service-card > img {
  height: 195px;
}

.services-page .car-service-card > div {
  padding: 27px 28px 30px;
}

/* Quiet continuity: the section surface settles toward the deep-teal chapter. */
.services-page #car-services {
  background:
    linear-gradient(180deg, #f7f3ec 0%, #f7f3ec 78%, #f2ede5 100%);
}

.services-page .business-solutions {
  background:
    linear-gradient(180deg, rgba(191, 158, 96, .095), transparent 118px),
    linear-gradient(150deg, #052f35, #07343a 58%, #062c31);
}

.services-page .support-showcase {
  background:
    linear-gradient(180deg, #e8e0d3 0, #f3efe7 120px, #f3efe7 100%);
}

/* Staged inner motion keeps image and copy from arriving as one rigid block. */
.motion-ready.services-page .car-service-card > div,
.motion-ready.services-page .business-story-copy,
.motion-ready.services-page .support-card > div {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 720ms var(--ease-premium) 130ms,
    transform 820ms var(--ease-premium) 130ms;
}

.motion-ready.services-page .car-service-card.in-view > div,
.motion-ready.services-page .business-story.in-view .business-story-copy,
.motion-ready.services-page .support-card.in-view > div {
  opacity: 1;
  transform: translateY(0);
}

.motion-ready.services-page .business-solutions-heading h2,
.motion-ready.services-page .coordination-heading h2,
.motion-ready.services-page .support-showcase-heading h2 {
  letter-spacing: .008em;
  transition: letter-spacing 900ms var(--ease-premium);
}

.motion-ready.services-page .business-solutions-heading.in-view h2,
.motion-ready.services-page .coordination-heading.in-view h2,
.motion-ready.services-page .support-showcase-heading.in-view h2 {
  letter-spacing: -.018em;
}

@media (max-width: 1040px) {
  .services-page .car-service-grid {
    gap: 28px;
  }

  .services-page .car-service-card,
  .services-page .car-service-card:first-child,
  .services-page .car-service-card:last-child,
  .services-page .car-service-card:nth-child(odd),
  .services-page .car-service-card:nth-child(even) {
    padding: 0;
  }
}

@media (max-width: 760px) {
  .services-page .car-service-grid {
    gap: 24px;
  }

  .services-page .car-service-card,
  .services-page .car-service-card:first-child,
  .services-page .car-service-card:last-child {
    padding: 0;
    border: 0;
  }

  .services-page .car-service-card > img {
    height: 205px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready.services-page .car-service-card > div,
  .motion-ready.services-page .business-story-copy,
  .motion-ready.services-page .support-card > div {
    opacity: 1;
    transform: none;
    transition: none;
  }
}