/* AEC Global — card focus effect (9 Oct 2026).
   Desktop: the card under the mouse lifts, the others step back.
   Phone (no hover): the card in the middle of the screen lifts while scrolling (aec-hover.js). */
.aec-focus-group .aec-focus-item {
  position: relative;
  transition: transform .28s ease, box-shadow .28s ease, opacity .28s ease, filter .28s ease;
  will-change: transform;
}
@media (hover: hover) {
  .aec-focus-group:has(.aec-focus-item:hover) .aec-focus-item:not(:hover) {
    opacity: .5; filter: saturate(.55); transform: scale(.97);
  }
  .aec-focus-group .aec-focus-item:hover {
    opacity: 1; filter: none; z-index: 2;
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 28px 56px rgba(3, 39, 80, .22) !important;
  }
}
@media (hover: none) {
  .aec-focus-group.has-focus .aec-focus-item:not(.is-focus) {
    opacity: .6; filter: saturate(.6); transform: scale(.97);
  }
  .aec-focus-group .aec-focus-item.is-focus {
    z-index: 2; transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(3, 39, 80, .2) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aec-focus-group .aec-focus-item { transition: opacity .2s ease; transform: none !important; }
}