/* ═══ ABOUT · SECTION 6 — CAPABILITIES ═══ */
.caps{position:relative;padding:clamp(80px,13vh,150px) var(--gut);border-top:1px solid var(--border)}
.caps h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:18ch}
.cap-tags{margin-top:clamp(30px,5vh,54px);display:flex;flex-wrap:wrap;gap:10px}
.cap-tags span{font-size:11.5px;letter-spacing:.1em;font-weight:600;color:var(--muted);
  border:1px solid var(--border);padding:12px 18px;position:relative;overflow:hidden;
  opacity:0;transform:translateY(10px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),color .3s ease}
.caps.is-in .cap-tags span{opacity:1;transform:none}
.cap-tags span::before{content:"";position:absolute;inset:-1px;background:var(--cut);
  transform:translateX(-101%) skewX(-12deg);
  transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:0}
.cap-tags span:hover::before{transform:translateX(0) skewX(-12deg)}
.cap-tags span i{position:relative;z-index:1;font-style:normal;transition:color .3s ease}
.cap-tags span:hover i{color:#0A0A0A}

@media(prefers-reduced-motion:reduce){
  .cap-tags span{opacity:1;transform:none}
}