.team-slider-container {
    --team-slider-duration: 40s;
    --team-slider-height: 620px;
    --team-slider-mobile-height: 480px;
    --team-slider-gap: 16px;
    --team-slider-stagger: 90px;
    width: 100%;
    max-width: 640px;
    height: var(--team-slider-height);
    position: relative;
    overflow: hidden;
    background: #EEF1FF;
    font-family: Arial, sans-serif;
}
.team-slider-container *, .team-slider-container *::before, .team-slider-container *::after { box-sizing: border-box; }
.team-slider-viewport {
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
}
.team-slider-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--team-slider-gap); height: 100%; }
.team-slider-column { min-width: 0; }
.team-slider-column:nth-child(2) { padding-top: var(--team-slider-stagger); }
.team-slider-track { display: flex; flex-direction: column; will-change: transform; animation: team-slider-scroll var(--team-slider-duration) linear infinite; }
.team-slider-column:nth-child(2) .team-slider-track { animation-direction: reverse; }
.team-slider-list { display: flex; flex-direction: column; gap: var(--team-slider-gap); padding-bottom: var(--team-slider-gap); flex-shrink: 0; }
.team-slider-card { position: relative; height: var(--team-slider-card-height, 250px); flex-shrink: 0; margin: 0; overflow: hidden; border-radius: 24px; background: #e0e5fa; border: 0; box-shadow: none; }
.team-slider-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team-slider-caption { position: absolute; inset: auto 0 0; padding: 40px 20px 20px; color: #fff; background: linear-gradient(transparent, rgba(15, 23, 42, .75)); opacity: 0; transition: opacity .2s ease; }
.team-slider-name, .team-slider-role { display: block; overflow-wrap: anywhere; }
.team-slider-name { font-size: 16px; font-weight: 600; }
.team-slider-role { margin-top: 4px; font-size: 13px; line-height: 1.4; }
.team-slider-card:hover .team-slider-caption, .team-slider-card:focus .team-slider-caption { opacity: 1; }
.team-slider-card:focus-visible { outline: 3px solid #3157ff; outline-offset: -3px; }
.team-slider-container:hover .team-slider-track, .team-slider-container:focus-within .team-slider-track, .team-slider-container[data-paused="true"] .team-slider-track { animation-play-state: paused; }
.team-slider-container[data-animated="false"] .team-slider-track { animation: none; will-change: auto; }
.team-slider-toggle { position: absolute; bottom: 12px; right: 12px; z-index: 1; padding: 8px 12px; border: 0; border-radius: 20px; background: #fff; color: #253da1; font: inherit; font-size: 12px; cursor: pointer; }
.team-slider-toggle:focus-visible { outline: 2px solid #3157ff; outline-offset: 3px; }
.team-slider-status { padding: 24px; font-size: 14px; color: #253da1; }
@keyframes team-slider-scroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@media (max-width: 639.98px) { .team-slider-container { max-width: none; height: var(--team-slider-mobile-height); } }
@media (max-width: 399.98px) { .team-slider-columns { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) {
    .team-slider-track { animation: none; will-change: auto; }
    .team-slider-caption { transition: none; }
    .team-slider-toggle { display: none; }
}