.zu-access-card {
  position: relative; display: flex; min-height: 285px; border-radius: var(--zu-radius);
  overflow: hidden; color: #fff;
}
.zu-access-card__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.zu-access-card:hover .zu-access-card__bg { transform: scale(1.05); }
.zu-access-card__shade {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,12,16,.18) 0%, rgba(10,12,16,.78) 100%);
}
.zu-access-card__body {
  position: relative; z-index: 1; align-self: flex-end; display: flex; flex-direction: column;
  gap: 4px; padding: 18px;
}
.zu-access-card__icon { margin-bottom: 8px; opacity: .9; }
.zu-access-card__title { font-family: var(--zu-font-display); font-size: 16px; font-weight: 700; }
.zu-access-card__subtitle { font-size: 12px; color: rgba(255,255,255,.75); }