.em2-team-item{
    & .thumb{
        position: relative;
        overflow: hidden;
        display: block;
        & img{
            object-fit: cover;
            width: 100%;
        }
        &::before, &::after, & .shortname{
            position: absolute;
            content: '';
        }
        &::before{
            inset: 0;
            border: 2px solid rgba(212, 135, 58, .4);
            opacity: 0;
            transition: opacity .4s;
        }
        &::after{
            bottom: -10%;
            left: -10%;
            width: 80%;
            padding-bottom: 80%;
            border-radius: 50%;
            background: rgba(255, 255, 255, .05);
            pointer-events: none;
        }
        & .shortname{
            top: 0px;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            background: linear-gradient(160deg, rgba(26,12,4,.45) 0%, rgba(106,48,16,.35) 100%);
            font-family: 'Playfair Display', serif;
            font-size: 72px;
            font-weight: 700;
            font-style: italic;
            color: rgba(255, 255, 255, .08);
            line-height: 1;
        }
        &:hover::before{
            opacity: 1;
        }
    }
    
    & .inner{
        margin-top: 24px;
        & .em2-label{
            font-size: 9.5px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--ambre);
            opacity: .7;
            display: block;
            margin-bottom: 6px;
        }
        & .em2-title{
            font-size: 19px;
            font-weight: 700;
            color: var(--cr);
            line-height: 1.15;
            margin-bottom: 4px;
        }
        & .position{
            font-size: 12px;
            color: rgba(242, 232, 213, .3);
            font-weight: 300;
        }
    }
}
@media (max-width: 768px){
    .em2-team-item{
        margin-bottom: 35px;
    }
}