/* No celular, cada grupo vira uma janela para um nome por vez. */
@media(max-width:720px){
 .tech-strip .tech-group-title{font-size:.9rem;letter-spacing:.045em;margin-bottom:10px}
 .tech-list[data-tech-rotator] a{white-space:nowrap;overflow-wrap:normal}
 .tech-list.is-rotating{position:relative;display:block;height:106px;overflow:hidden;isolation:isolate;touch-action:pan-y}
 .tech-list.is-rotating li{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.65rem,8vw,2.1rem);opacity:0;visibility:hidden;pointer-events:none}
 .tech-list.is-rotating a{align-items:center;text-align:center;max-width:100%;padding:6px 10px;line-height:1.2}
 .tech-list.is-rotating small{font-size:.85rem;letter-spacing:0;line-height:1.5;margin-top:8px}
 .tech-list.is-rotating li.is-current{opacity:1;visibility:visible;pointer-events:auto}
 .tech-list.is-rotating li.is-entering{animation:ws2-tech-enter .4s cubic-bezier(.22,1,.36,1) both}
 .tech-list.is-rotating li.is-leaving{visibility:visible;pointer-events:none;animation:ws2-tech-leave .4s cubic-bezier(.22,1,.36,1) both}
 .tech-list.is-rotating:focus-within{outline:1px solid #7ce6df66;outline-offset:2px}
 .tech-strip .tech-note{margin-top:4px}
 /* Static fallback also prevents long brand names from breaking mid-word. */
 .tech-list[data-tech-rotator]:not(.is-rotating){grid-template-columns:1fr;gap:12px}
}
@keyframes ws2-tech-enter{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes ws2-tech-leave{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}