.jwa-team-directory__grid {
    align-items: stretch;
}

.jwa-team-member-card {
    height: 100%;
}

.jwa-team-member-card__trigger {
    height: 100%;
    cursor: pointer;
    background: transparent;
    border: 0;
    /*     /*     box-shadow: none; */
}

.jwa-team-member-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    background: #f3f4f6;
    overflow: hidden;
}

.jwa-team-member-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 280ms ease,
        filter 280ms ease;
}

.jwa-team-member-card__image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #dce0e7;
    color: #9da7bd;
    transition:
        background 220ms ease,
        color 220ms ease;
}

.jwa-team-member-card__placeholder-logo {
    width: 64px;
    height: auto;
}

.jwa-team-member-card__trigger:hover .jwa-team-member-card__image,
.jwa-team-member-card__trigger:focus-visible .jwa-team-member-card__image {
    transform: scale(1.05);
    filter: grayscale(0);
}

.jwa-team-member-card__trigger:hover .jwa-team-member-card__image-placeholder,
.jwa-team-member-card__trigger:focus-visible .jwa-team-member-card__image-placeholder {
    background: #ffffff;
    color: #445184;
}

.jwa-team-member-card__meta {
    min-height: 128px;
    padding: 20px 22px 24px;
    background: transparent;
}

.jwa-team-member-card__name {
    letter-spacing: -0.01em;
}

.jwa-team-member-card__title {
    letter-spacing: 0;
}

@media (prefers-reduced-motion: reduce) {
    .jwa-team-member-card__trigger {
        transition: none;
        transform: none !important;
    }
}

@media (max-width: 650px) {
  .jwa-team-member-card {
    max-width: 288px;
    margin: 0 auto;
  }
}