/* Team Grid block */

.team-grid {
    &__card {
        @apply flex flex-col;
    }

    &__details {
        @apply flex flex-col;
    }

    &__summary {
        @apply flex flex-col items-center text-center cursor-pointer list-none;

        &::-webkit-details-marker {
            display: none;
        }

        &::marker {
            display: none;
            content: '';
        }
    }

    &__photo {
        @apply w-32 h-32 sm:w-40 sm:h-40 lg:w-48 lg:h-48 object-cover rounded-md mb-4;
    }

    &__name {
        @apply text-cwc-blue-01 text-22px font-bold leading-tight mb-1;
    }

    &__title {
        @apply text-gray-600 text-16px font-light italic mb-3;
    }

    &__bio-wrap {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 300ms ease;
    }

    &__details[open] &__bio-wrap {
        grid-template-rows: 1fr;
    }

    &__bio-inner {
        overflow: hidden;
        min-height: 0;
    }

    &__bio {
        @apply text-gray-700 text-16px font-light leading-snug pt-2;
    }
}