.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.capability{padding:1.3rem 1.3rem 2.5rem;border-right:1px solid var(--line)}.capability:last-child{border-right:0}.cap-head{display:flex;gap:1rem;min-height:100px;align-items:flex-start}.cap-head span{font:600 .65rem var(--mono);color:var(--accent)}.cap-head h3{font-size:1.3rem;max-width:14ch}.skill{margin-top:1.8rem}.skill>div{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}.skill b{font:600 .65rem var(--mono);color:var(--accent)}.skill>i{display:block;height:2px;background:var(--line);margin-top:.65rem}.skill em{display:block;height:100%;width:0;background:var(--accent);transition:width 1s var(--ease)}.skill.is-visible em{width:calc(var(--value) * 1%)}