.genia-team { padding: 120px 0; border-bottom: 1px solid #dcd8e8; }
.genia-team-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 60px; }
.genia-team-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: white; border: 1px solid #ded9ea; border-radius: 20px; }
.genia-team-card > img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: center; background: #eeeae7; }
.genia-team-body { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.genia-team-body .genia-team-role { color: var(--violet); font: 800 10px/1.5 ui-monospace,monospace; letter-spacing: .12em; margin: 0 0 14px; }
.genia-team-body h3 { margin: 0 0 18px; color: var(--text); font-size: 25px; line-height: 1.15; letter-spacing: -.03em; }
.genia-team-body > p:not(.genia-team-role) { color: var(--muted); font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
.genia-team-body > a { margin-top: auto; color: #5520be; font-size: 13px; line-height: 1.5; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.genia-team-body > a:hover { color: var(--ink); }
@media(max-width:980px) { .genia-team-grid { grid-template-columns: 1fr; max-width: 620px; } .genia-team-card { display: grid; grid-template-columns: .8fr 1fr; } .genia-team-card > img { height: 100%; } }
@media(max-width:700px) { .genia-team { padding: 82px 0; } .genia-team-grid { margin-top: 40px; } .genia-team-card { display: flex; } .genia-team-card > img { height: auto; } .genia-team-body { padding: 26px; } }