.srp-marquee { position:relative; z-index:2; overflow:hidden; padding-block:1.1rem; border-block:1px solid rgba(255,255,255,.08); background:#0d0c14; }
.srp-marquee__track { display:flex; width:max-content; align-items:center; gap:1.4rem; animation:srp-marquee 32s linear infinite; }
.srp-marquee:hover .srp-marquee__track { animation-play-state:paused; }
.srp-skill { position:relative; color:rgba(255,255,255,.82); font-size:clamp(.76rem,.72rem + .12vw,.9rem); font-weight:850; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }
.srp-skill::after { display:inline-block; width:.34rem; height:.34rem; margin-left:1.4rem; border-radius:50%; content:""; background:#8c72ff; vertical-align:middle; }
.srp-skill:nth-child(3n)::after { background:#aeb6ff; }
.srp-skill:nth-child(4n)::after { background:#f6f3ef; }
@keyframes srp-marquee { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .srp-marquee__track { animation-play-state:paused; } }