/* Keep the original expanding-card interaction as the team grows. */
.team-slider[data-team-updated] .team-card { min-width: 0; }
.team-slider[data-team-updated] .card-inner { padding: 32px; gap: 28px; }
.team-slider[data-team-updated] .card-image { flex: 0 1 48%; min-width: 0; }
.team-slider[data-team-updated] .card-content { min-width: 0; }
.team-slider[data-team-updated] .card-name { white-space: normal; overflow-wrap: break-word; }
.team-slider[data-team-updated] .vertical-info { left: calc(50% + 20px); }
.team-slider[data-team-updated] .team-card:not(.active) .card-inner { padding: 0; }
.team-slider[data-team-updated] .team-card:not(.active) .card-image { flex-basis: 100%; }
.team-slider[data-team-updated] [data-team-member] { background: #edf6f2; }
.team-slider[data-team-updated] [data-team-member] .card-name { color: #016098; }
.team-slider[data-team-updated] [data-team-member].active .card-image { background: #fff; padding: 0; }
.team-slider[data-team-updated] [data-team-member].active .card-image img { object-fit: contain; }

@media (min-width: 769px) and (max-width: 1024px) {
 .team-slider[data-team-updated] .card-inner { padding: 24px; gap: 20px; }
 .team-slider[data-team-updated] .card-name { font-size: 22px; }
}

@media (max-width: 768px) {
 .team-slider[data-team-updated] { height: auto; }
 .team-slider[data-team-updated] .team-card { flex: 0 0 auto; height: 112px; }
 .team-slider[data-team-updated] .team-card.active { flex: 0 0 auto; height: auto; }
 .team-slider[data-team-updated] .card-inner { height: auto; padding: 24px; gap: 20px; align-items: stretch; }
 .team-slider[data-team-updated] .team-card.active .card-image { flex: none; width: 100%; height: 280px; padding: 0; overflow: hidden; }
 .team-slider[data-team-updated] .team-card:not(.active) .card-inner,
 .team-slider[data-team-updated] .team-card:not(.active) .card-image { height: 112px; }
 .team-slider[data-team-updated] .team-card:not(.active) .card-image { flex: none; width: 100%; }
 .team-slider[data-team-updated] .card-image img { object-position: center 30%; }
 .team-slider[data-team-updated] .card-name { font-size: 24px; }
 .team-slider[data-team-updated] .vertical-info { left: 16px; bottom: 16px; transform: none; }
}