.people-page{max-width:100%;margin:0 auto;padding:2rem 1rem}.people-group-title{}.people-group{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;justify-content:center}.person-tile{position:relative;min-width:350px;max-width:500px;transition:all .2s;margin-left:90px;margin-right:0}.person-info:hover{box-shadow:0 4px 16px var(--shadow-strong);background-color:var(--hover-background)}.person-image{position:absolute;left:0;top:50%;transform:translateY(-50%)translateX(-50%);z-index:2;width:180px;height:180px;display:flex;justify-content:center;align-items:center}.person-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--background-color);border:2px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-strong);margin-top:1px;max-width:180px;max-height:180px}.person-info-background{position:absolute;width:100px;height:auto;left:calc(100% - 100px);top:calc(100% - 125px)}.person-info{background:var(--card-background);border-radius:1.5rem;padding:1.5rem 1.5rem 1.5rem 110px;box-shadow:0 2px 8px var(--shadow-light);margin-left:0;min-height:152px}.person-name{font-size:1.5rem;font-weight:700;color:var(--heading-color);margin:0}.person-title{font-size:1.1rem;color:var(--text-color);background-color:transparent;margin:0}.person-email{font-size:1.1rem;color:var(--text-color);background-color:transparent;margin:0;margin-bottom:.7rem}.person-links .person-btn{display:inline-block;margin-right:.7rem;padding:.4rem 1.1rem;background:var(--heading-color);color:var(--background-color);border-radius:.5rem;text-decoration:none;font-size:1rem;transition:background .2s}.person-links .person-btn:hover{background:var(--tea-green)}.person-tile-link{display:block;color:inherit;text-decoration:none}.person-tile-link:visited,.person-tile-link:active{color:inherit;text-decoration:none}.person-tile-link .person-btn{color:var(--background-color);text-decoration:none}.person-tile-link,.person-tile-link *,.person-tile-link h3,.person-tile-link p,.person-tile-link span{text-decoration:none !important}.person-profile-page{max-width:900px;margin:3rem auto 2rem;background:var(--background-color);border-radius:2rem;box-shadow:0 4px 24px var(--shadow-medium);padding:2.5rem 2.5rem 2rem}.person-profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.person-profile-name-email{flex:1}.person-profile-name{font-size:2.7rem;font-weight:700;color:var(--heading-color);margin:0 0 -1rem;letter-spacing:1px}.person-profile-email{font-size:1.15rem;color:var(--text-color);margin:0}.person-profile-email a{color:var(--heading-color);text-decoration:underline}.person-profile-title{font-size:1.15rem;color:var(--text-color);margin-bottom:10px}.person-profile-photo{flex-shrink:0;margin-left:2.5rem;display:flex;align-items:center;justify-content:center}.person-profile-img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:3px solid var(--border-color);box-shadow:0 2px 12px var(--shadow-strong);background:var(--background-color)}.person-profile-bio{font-size:1.18rem;color:var(--text-color);line-height:1.7;margin-top:.5rem}.person-profile-links{margin-top:1.1rem;margin-bottom:.5rem}.person-profile-links .person-btn{display:inline-block;margin-right:.7rem;padding:.4rem 1.1rem;background:var(--heading-color);color:var(--background-color);border-radius:.5rem;text-decoration:none;font-size:1rem;transition:background .2s}.person-profile-links .person-btn:hover{background:var(--tea-green)}.person-profile-bio-markdown h1,.person-profile-bio-markdown h2,.person-profile-bio-markdown h3{font-size:1.25rem;margin-bottom:.5rem;margin-top:.5rem;font-weight:600}@media screen and (max-width:900px){.people-page{padding:1rem}.person-tile{min-width:300px;margin-left:30px;margin-right:30px}.person-image{width:150px;height:150px}.person-info{padding-left:90px}}@media screen and (max-width:700px){.person-profile-page{padding:1.2rem .7rem}.person-profile-header{flex-direction:column-reverse;align-items:flex-start;gap:1.5rem}.person-profile-photo{margin-left:0;margin-bottom:1.2rem}.person-profile-img{width:120px;height:120px}.person-profile-name{font-size:2rem}}@media screen and (max-width:480px){.person-image{width:110px;height:110px;transform:translateY(-50%)translateX(-40%)}.person-info{padding-left:70px;min-height:120px}.person-name{font-size:1.2rem}.person-title,.person-email{font-size:.9rem}.person-links .person-btn{padding:.3rem .8rem;font-size:.9rem;margin-right:.5rem;margin-bottom:.5rem}}