.roles-list{gap:18px;max-width:980px;margin-top:30px;display:grid}.role-card{border:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:26px 30px;transition:border-color .2s,transform .2s;display:grid}.role-card:hover{border-color:var(--accent);transform:translate(4px)}.role-card .role-info{gap:8px;display:grid}.role-card h4{letter-spacing:-.005em;font-size:20px;font-weight:800;line-height:1.2}.role-card .role-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.role-card .role-meta .pipe{color:var(--ink-mute);margin:0 8px}.role-card .role-desc{color:var(--ink);max-width:600px;font-size:14px;line-height:1.5}.role-card .role-apply{letter-spacing:.04em;color:var(--ink);border:1px solid var(--ink);white-space:nowrap;align-items:center;gap:14px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.role-card .role-apply:hover{background:var(--ink);color:#fff}.role-card,.role-card>*,.role-card .role-info{min-width:0}.role-card h4{overflow-wrap:break-word}@media (max-width:1100px){.role-card{grid-template-columns:1fr;gap:18px}.role-card .role-apply{justify-self:start}}