.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

@media (max-width: 900px) {
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .team-grid {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
}

.team-grid__item {
    position: relative;
}

.team-grid__card {
    position: relative;
    border-radius: 1rem;
    clip-path: inset(0 round 1rem);
    aspect-ratio: 2/3;
    background-color: var(--color-brand-background, #1D1D1B);
    will-change: transform;
}

.team-grid__image {
    position: absolute;
    inset: 0;
}

.team-grid__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.4s ease;
}

.team-grid__card:hover .team-grid__image img {
    transform: scale(1.04);
}

.team-grid__info {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    padding: 4rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: flex-end;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.15));
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
}

.team-grid__name {
    font-family: var(--font-headline);
    font-size: clamp(1.2rem, 2.5vw, 1.85rem);
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.team-grid__badge {
    display: inline-block;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M15.6721 3.67206L17.4721 5.47206C17.8093 5.80972 18.2668 5.99964 18.7441 6.00006H21.0001C21.4774 6.00006 21.9353 6.1897 22.2728 6.52727C22.6104 6.86483 22.8001 7.32267 22.8001 7.80006V10.0561C22.8005 10.5333 22.9904 10.9908 23.3281 11.3281L25.1281 13.1281C25.2964 13.2944 25.4301 13.4924 25.5213 13.7108C25.6125 13.9291 25.6595 14.1634 25.6595 14.4001C25.6595 14.6367 25.6125 14.871 25.5213 15.0893C25.4301 15.3077 25.2964 15.5058 25.1281 15.6721L23.3281 17.4721C22.9904 17.8093 22.8005 18.2668 22.8001 18.7441V21.0001C22.8001 21.4774 22.6104 21.9353 22.2728 22.2728C21.9353 22.6104 21.4774 22.8001 21.0001 22.8001H18.7441C18.2668 22.8005 17.8093 22.9904 17.4721 23.3281L15.6721 25.1281C15.5058 25.2964 15.3077 25.4301 15.0893 25.5213C14.871 25.6125 14.6367 25.6595 14.4001 25.6595C14.1634 25.6595 13.9291 25.6125 13.7108 25.5213C13.4924 25.4301 13.2944 25.2964 13.1281 25.1281L11.3281 23.3281C10.9908 22.9904 10.5333 22.8005 10.0561 22.8001H7.80006C7.32267 22.8001 6.86483 22.6104 6.52727 22.2728C6.1897 21.9353 6.00006 21.4774 6.00006 21.0001L6.00006 18.7441C5.99964 18.2668 5.80972 17.8093 5.47206 17.4721L3.67206 15.6721C3.50371 15.5058 3.37005 15.3077 3.27882 15.0893C3.1876 14.871 3.14062 14.6367 3.14062 14.4001C3.14062 14.1634 3.1876 13.9291 3.27882 13.7108C3.37005 13.4924 3.50371 13.2944 3.67206 13.1281L5.47206 11.3281C5.80972 10.9908 5.99964 10.5333 6.00006 10.0561V7.80006C6.00006 7.32267 6.1897 6.86483 6.52727 6.52727C6.86483 6.1897 7.32267 6.00006 7.80006 6.00006H10.0561C10.5333 5.99964 10.9908 5.80972 11.3281 5.47206L13.1281 3.67206C13.2944 3.50371 13.4924 3.37005 13.7108 3.27882C13.9291 3.1876 14.1634 3.14062 14.4001 3.14062C14.6367 3.14062 14.871 3.1876 15.0893 3.27882C15.3077 3.37005 15.5058 3.50371 15.6721 3.67206Z' fill='%23E30613'/%3E%3Cpath d='M10.1992 13.8L13.1992 16.8L17.9992 12' stroke='black' stroke-width='1.8' stroke-miterlimit='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.team-grid__function {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.66);
    margin: 0;
}