/* =====  carousel skeleton  ===== */
.people-staggered-carousel{overflow:visible;padding:18px 8px}
.people-columns-staggered .slick-list,
.people-columns-staggered .slick-track{overflow:visible}
/* ----- slide ----- */
.people-columns-staggered .col-slide{
width:170px;
padding:6px;
display:flex;
justify-content:center;
align-items:flex-start;
box-sizing:border-box
}
/* ----- card ----- */
.person-card{
width:100%;
border-radius:5px;
position:relative;
background:#fff;
text-decoration:none;
display:block;
overflow:hidden;            
-webkit-tap-highlight-color:transparent;
transition:transform .28s ease,box-shadow .28s ease;
box-shadow:0 10px 26px rgba(9,20,40,.06),0 2px 6px rgba(9,20,40,.04)
}

.person-card img{
width:100%;height:100%;
object-fit:cover;
border-radius:inherit;
-webkit-user-drag:none
}
/* ----- staggered z-stack ----- */
.people-columns-staggered .col-slide:nth-child(odd) .person-card{z-index:40}
.people-columns-staggered .col-slide:nth-child(even) .person-card{z-index:10}
/* ----- hover lift ----- */
.person-card:hover{
transform:translateY(-18px) scale(1.03);
box-shadow:0 22px 46px rgba(9,20,40,.16);
z-index:80!important
}
/* ----- overlay + play button ----- */
.person-card::after{       
content:'';
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.25));
opacity:0;
transition:opacity .28s ease
}
.person-card .play{
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%) scale(.85);
width:52px;height:52px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:all .28s ease;
z-index:2
}
.person-card .play::before{     
content:'';
width:0;height:0;
border-style:solid;
border-width:9px 0 9px 14px;
border-color:transparent transparent transparent #111;
margin-left:3px
}
.person-card:hover::after,
.person-card:hover .play{opacity:1}
.person-card:hover .play{transform:translate(-50%,-50%) scale(1)}
/* ----- responsive ----- */
@media (min-width:1400px){
.people-columns-staggered .col-slide{width:190px}
.person-card{width:100%;border-radius:5px}
}
@media (max-width:1199px){
.people-columns-staggered .col-slide{width:150px}
.person-card{width:100%;border-radius:5px}
}
@media (max-width:768px){
.people-columns-staggered .col-slide{width:130px;padding:4px}
.person-card{width:100%}
}
@media (max-width:420px){
.person-card{width:100%;}
}
.col-slide h5, .col-slide h5 i{
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
}

.person-card img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover; 
  display: block;
}