h2.cta {
    margin-top:2rem;
}

button.cta {
    margin-top:0.5rem;
}




.team {
    max-width: calc(var(--max-width) / 2);
    margin-inline:auto;
}

.team .people {
    display:flex;
    gap:1rem;
    margin-bottom:2rem;
    padding-inline:1rem;
    justify-content: center;
}

.team .people .person:hover {
    cursor:pointer;
}

.team .people .person {
    border:none;
    position:relative;
    background:none;
    display:grid;
    place-items: center;
    width:10rem;
    aspect-ratio: 1;
    border-radius:100%;
    overflow: hidden;
}

.team .person.selected {
    box-shadow: var(--gold-glow);
}

.team .people .person img {
    object-fit:cover;
    object-position: 50% 50%;
    border-radius:100%;
    width:100%;
    height:100%;
}





.descs {
    position:relative;
    display:flex;
    gap:1rem;
    padding:0 1rem 1rem 1rem;
    overflow-x:scroll;
}

.descs .desc {
    background:var(--white);
    color:var(--grey);
    width:calc(100% - 1rem);
    aspect-ratio: 16 / 9;
    flex-shrink: 0;
    box-shadow: var(--shadow);
    border-radius: 1rem;
    overflow: hidden;
}

.descs .desc .images {
    display:grid;
    width:10rem;
    aspect-ratio:1;
}

.descs .desc .images img {
    grid-area: 1 / 1;
    object-fit: cover;
    width:100%;
    height:100%;
}

.descs .desc .email svg,
.descs .desc .phone svg {
    fill:var(--grey);
    height:1.75rem;
    filter: drop-shadow( var(--shadow));
    -webkit-filter: drop-shadow( var(--shadow));
    transition:fill 0.3s ease-in-out;
}

.descs .desc .socials {
    display:flex;
    gap:0.1rem;
}

.descs .desc .socials .link:not(:hover) svg {
    fill:var(--grey);
}