/* Team portraits keep the copy available to the editor and detail dialog. */
.member-card{cursor:pointer}
.member-card:focus-visible{outline:3px solid #f11158;outline-offset:5px}
.member-card.profile-card{aspect-ratio:3/4;align-self:start}
.member-card.profile-card>.member-image{display:block;width:100%;height:100%;object-fit:cover}
.member-card>.member-info{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,rgba(19,21,22,.95),transparent)}
.member-card .member-info>p,.member-card .member-info>.flex{display:none}
.member-card .member-info>h3{margin-bottom:0}
.team-details{position:fixed;inset:0;margin:auto;padding:0;border:0;width:90%;max-width:900px;max-height:90vh;max-height:90svh;background:#fff;color:#131516;overflow:auto}
.team-details::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}
.team-details-layout{display:grid;grid-template-columns:2fr 3fr}
.team-details-photo{position:relative;min-height:360px}
.team-details-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.team-details-copy{padding:48px}
.team-details-role{color:#f11158;font-size:14px;font-weight:500;margin-bottom:8px}
.team-details-name{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:24px}
.team-details-bio{font-size:16px;line-height:1.9;color:#59656b;overflow-wrap:anywhere}
.team-details-bio p{margin:0}
.team-details-close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:white;cursor:pointer}
.team-details-close:hover{background:#f11158}
.team-details-close:focus-visible{outline:3px solid #f11158;outline-offset:3px}
@media(max-width:767px){.member-card>.member-info{padding:24px}.team-details-layout{grid-template-columns:1fr}.team-details-photo{min-height:0;height:240px}.team-details-photo img{object-position:center 30%}.team-details-copy{padding:28px}.team-details-name{font-size:28px}}