.team-member{--icon-width:20px;aspect-ratio:1;color:var(--font-color-light);overflow:hidden;position:relative;text-align:center}.team-member:hover .overlay{height:100%;opacity:1}.team-member:hover .name{opacity:1}.team-member .name{font-size:calc(clamp(1rem, (10cqi), 2rem));opacity:0;transition:opacity .4s ease-in}.team-member .photo{height:calc(100% + var(--spacing));margin:-10px;-o-object-fit:cover;object-fit:cover;width:calc(100% + var(--spacing))}.team-member .icons{align-items:center}.team-member .link{display:block;width:var(--icon-width)}.team-member .link svg{color:var(--font-color-light)}.team-member .overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;container-type:inline-size;height:0;justify-content:center;overflow:hidden;position:absolute;transition:height .4s ease-in-out}