/* Services, AI (solutions) and Custom AI work pages.
   Page additions only; tokens from tokens.css, no raw colors.
   Loaded after motion.css. */

/* "Where to look next" link cards */
.svc-doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 24px; }
a.svc-door { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; height: 100%; }
.svc-door__icon { margin-bottom: 4px; }
.svc-door .t-body { color: var(--ink-muted); }
.svc-door__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; color: var(--ink); font-size: 16px; line-height: 24px; font-weight: 500; }
.svc-door__more .lm-icon { flex: none; }

/* Bridge from the AI case studies to the Microsoft line */
.svc-bridge { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; padding: 32px; }
.svc-bridge__text { display: flex; flex-direction: column; gap: 8px; flex: 1 1 420px; min-width: 0; max-width: 680px; }
.svc-bridge__text .t-body { color: var(--ink-muted); }

@media (max-width: 640px) {
  .svc-bridge { padding: 24px; }
  .svc-bridge .w-cta, .svc-bridge .lm-btn { width: 100%; }
  .svc-bridge .lm-btn { box-sizing: border-box; justify-content: center; }
}

@media (prefers-reduced-motion: no-preference) {
  .svc-door__more .lm-icon { transition: transform .15s ease-out; }
  a.svc-door:hover .svc-door__more .lm-icon { transform: translateX(3px); }
}