/**
 * Site-wide micro-interactions: cards (hover lift), buttons (color transition).
 * Fast (0.2s–0.6s), subtle, consistent.
 */

/* Buttons: smooth color / shadow / lift */
.btn,
.btn-primary,
.btn-outline,
.btn-sm,
.gc-shared-cta {
  transition: background 0.28s ease, color 0.28s ease, border-color 0.28s ease,
    box-shadow 0.35s ease, transform 0.22s ease, filter 0.28s ease,
    opacity 0.25s ease;
}

/* Cards: hover lift (shared feel; pages may add their own hover — this smooths motion) */
.cs-card,
.newsletter-card,
.built-card,
.col-card,
.system-card,
.why-work-card,
.who-card,
.beliefs-list li,
.founder-photo-wrap,
.em-benefit-card,
.em-card,
.founder-photo-wrap {
  transition: transform 0.28s ease, box-shadow 0.32s ease, border-color 0.25s ease,
    background-color 0.28s ease;
}

.cs-card:hover,
.newsletter-card:hover,
.built-card:hover,
.col-card:hover,
.system-card:hover,
.why-work-card:hover,
.who-card:hover,
.beliefs-list li:hover,
.founder-photo-wrap:hover,
.em-benefit-card:hover,
.em-card:hover {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .btn-primary,
  .btn-outline,
  .btn-sm,
  .gc-shared-cta,
  .cs-card,
  .newsletter-card,
  .built-card,
  .col-card,
  .system-card,
  .why-work-card,
  .who-card,
  .beliefs-list li,
  .founder-photo-wrap,
  .em-benefit-card,
  .em-card {
    transition: none;
  }

  .cs-card:hover,
  .newsletter-card:hover,
  .built-card:hover,
  .col-card:hover,
  .system-card:hover,
  .why-work-card:hover,
  .who-card:hover,
  .beliefs-list li:hover,
  .founder-photo-wrap:hover,
  .em-benefit-card:hover,
  .em-card:hover {
    transform: none;
  }
}