/* Homepage proposal: explicit row colours follow the agreed customer journey. */
.homepage-motion-study #expertise .service[data-service-tone]:not([data-service-tone="feature"]) {
  border-top: 2px solid #91a17b;
  background: #f3f2ec;
}
.homepage-motion-study #expertise .service[data-service-tone="white"] { background: #fff !important; }
.homepage-motion-study #expertise .service[data-service-tone="sage"] { background: #e8ede2 !important; }
.homepage-motion-study #expertise .service[data-service-tone="porcelain"] { background: #f3f2ec !important; border-top-color: #526b2f !important; }
.homepage-motion-study #expertise .service:not([data-service-tone="feature"]) h3 { color: #354d39; }
.homepage-motion-study #expertise .service:not([data-service-tone="feature"]) .service-number { color: #526b2f; }
.homepage-motion-study #expertise .service:not([data-service-tone="feature"]) .tags li { background: rgba(255,255,255,.48); }
.homepage-motion-study #expertise :is(.service--hosting-standard,.service--cloudflare) {
  grid-column: auto;
  grid-template-columns: 1fr;
  column-gap: 0;
}
.homepage-motion-study #expertise .service:not([data-service-tone="feature"]):is(:hover,:focus-within) { border-top-color: #526b2f; }
@media(hover:hover) {
 .homepage-motion-study #expertise .service:not([data-service-tone="feature"]):hover .service-icon { color: #526b2f; }
}