.containers{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;width:30%}.card.expanded{align-self:flex-start}.card img{aspect-ratio:1/1;border-radius:8px 8px 0 0;object-fit:cover;object-position:top;width:100%}.card-name{margin:0 0 15px}.card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px}.details{display:none;word-wrap:break-word;box-sizing:border-box;margin-top:10px;max-width:100%;overflow-wrap:break-word;padding:10px;white-space:normal}.card.expanded .details{display:block}.btn{align-items:center;background-color:transparent;border:1px solid;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:space-between;margin-top:auto;padding:10px;text-align:center;text-transform:uppercase;width:100%}.card-role{display:-webkit-box;font-weight:400;line-height:1.5;margin:0 0 5px;min-height:3em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.btn span{margin-left:auto}.btn:hover{background-color:#f7ede2}@media (max-width:1024px){.card{width:45%}}@media (max-width:768px){.containers{align-items:center;flex-direction:column}.card{margin-bottom:20px;width:90%}}