.tech-strip{width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto 34px;padding:0 24px 30px;border-bottom:1px solid rgba(255,255,255,.1)}
.tech-title{margin:0 0 18px;text-align:center;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.tech-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tech-track{display:flex;width:max-content;animation:tech-scroll 75s linear infinite}
.tech-viewport:hover .tech-track{animation-play-state:paused}
.tech-set{display:flex;align-items:center;gap:56px;margin:0;padding:0 28px;list-style:none}
.tech-set li{display:flex;flex:none}
.tech-strip .tl{width:30px;height:30px;display:block;fill:currentColor;color:rgba(255,255,255,.62);transition:color .2s,opacity .2s,filter .2s}
.tech-strip .tl-img{border-radius:7px;object-fit:cover;filter:grayscale(1) brightness(1.15);opacity:.62}
.tech-set li:hover .tl{color:#fff}
.tech-set li:hover .tl-img{filter:none;opacity:1}
@keyframes tech-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tech-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.tech-set[aria-hidden]{display:none}.tech-viewport{-webkit-mask-image:none;mask-image:none}.tech-set{flex-wrap:wrap;justify-content:center;gap:28px 40px}}
@media(max-width:700px){.tech-set{gap:40px}.tech-strip .tl{width:26px;height:26px}.tech-track{animation-duration:60s}}