.roles{border-top:1px solid var(--line);margin-top:40px;}
.role{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) auto;gap:32px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .2s var(--ease),padding .2s var(--ease);border-radius:0;}
.role:hover{background:var(--panel);padding-left:18px;padding-right:18px;border-radius:18px;}
.role h3{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.015em;margin:0 0 6px;}
.role small{display:block;font-size:14px;color:var(--mute);}
.role small + small{color:var(--g-text);margin-top:3px;}
.role p{margin:0;font-size:15.5px;line-height:1.55;color:var(--slate);}
.role .go{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--g-text);white-space:nowrap;}
.role .go i{width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--forest);display:grid;place-items:center;font-style:normal;transition:transform .2s var(--ease);}
.role:hover .go i{transform:translate(2px,-2px);}
@media (max-width:860px){.role{grid-template-columns:minmax(0,1fr);gap:12px;}}