/* ============================================
   CHI-SIAMO.CSS — Animazioni e stili custom pagina Chi Siamo
   ============================================ */

/* Value card hover effect — transition solo dopo animazione GSAP (classe .animated) */
.value-card.animated {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-card.animated:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(200, 168, 78, 0.08);
  border-color: rgba(200, 168, 78, 0.2);
}

.value-card .rounded-xl {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-card:hover .rounded-xl {
  transform: scale(1.1);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .value-card.animated {
    transition: none;
  }
  .value-card.animated:hover {
    transform: none;
  }
  .value-card:hover .rounded-xl {
    transform: none;
  }
}