.cards_team{
    display: flex; flex-wrap: wrap;
    width: calc(100% + var(--gutter_big));

    position: relative;
    right: calc(var(--gutter_big) / 2);

    position: relative;

    --card-padding:40px;

    --heading:28px;

}
.cards_team>article {  width: calc(33.333% - var(--gutter));
    margin: calc(var(--gutter) / 2);
display: flex; flex-direction: column;
}



    div.team_member { flex:1;display: flex; flex-direction: column; background: white; border-radius:var(--radius); /*display: flex; gap:var(--gutter); */padding: var(--card-padding); }
div.team_member div { flex:1; }

div.team_member :is(h3,p) { font-size: 24px; line-height: 1.5; margin:0;}
div.team_member h3 a { color:inherit;}

div.team_member picture { width: 160px; min-width: 160px;  min-height: 160px;  border-radius: var(--radius); }

div.team_member a.linkedin { width: 100px; display: block; width: 48px; height: 48px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
div.team_member a.linkedin .icon {  font-style: normal !important; color:var(--ttl_black); }
div.team_member .icon::after { font-family: "ttl_icons";  font-size: var(--icon);   content:"\E80f"; display: block  }
div.team_member a.linkedin:is(:hover,:focus-visible) {
    opacity: 0.8;}
div.team_member a.linkedin:focus-visible {
    /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;
}
div.team_member picture { width: 100%;  min-height:auto; height:auto; margin-bottom: 32px; }
div.team_member picture::after { content:""; display: block; width: 100%; height: 0; padding-bottom: 100%;   }


.team_member > div { flex:1; display: flex; flex-wrap: wrap; column-gap:8px; row-gap: 8px;}
.team_member > div hr { width: 100%;  border: none;
    height: 1px; margin: 8px 0 12px 0;
    background-color: var(--ttl_lightgrey);}

.team_member p.cta:last-child { margin-top: auto; }


div.team_member a.linkedin { width: 100px; display: block; width: 48px; height: 48px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
div.team_member a.linkedin .icon {  font-style: normal !important; color:var(--ttl_black); }
div.team_member .icon::after { font-family: "ttl_icons";  font-size: var(--icon);   content:"\E80f"; display: block; font-size: 32px;  }
div.team_member a.linkedin:is(:hover,:focus-visible) {
    opacity: 0.8;}
div.team_member a.linkedin:focus-visible {
    /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;
}

@media (prefers-color-scheme: dark) {

    div.team_member { background: var(--ttl_black); border: 1px solid white; }
    div.team_member :is(h3,p),
    div.team_member a.linkedin .icon
    { color: white;}
}

@media all and (max-width: 1199.98px) {

    .cards_team {
        --card-padding:24px;
    }
    .cards_team > article {
        width: calc(50% - var(--gutter_big));
    }
    div.team_member picture {  margin-bottom: var(--card-padding); }

}



@media all and (max-width: 1199.98px) and (min-width: 900px) {

    div.team_member { display: block;}



}

@media all and (max-width: 899.98px) {
    div.team_member :is(h3,p) { font-size: 20px; line-height: 1.5; margin:0;}

}

@media all and (max-width: 599.98px) {
    .cards_team {
        --card-padding:16px;
    }
    .cards_team > article {
        width: calc(100% - var(--gutter_big));
    }



    div.team_member {
        display: block;
    }

    div.team_member picture {
        width: 100%;
        min-height: auto;
        height: auto;
        margin-bottom: var(--card-padding);
    }

    div.team_member picture::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }

    div.team_member :is(h3,p) { font-size: 18px; }



}