.tools{padding:var(--section) var(--gutter);grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,48px);display:grid;overflow-x:clip}.tools__rails{max-width:var(--wrap);gap:12px;width:100%;margin-inline:auto;display:grid}.tools__rail{border-radius:26px;grid-template-columns:clamp(150px,17vw,210px) minmax(0,1fr);align-items:center;min-width:0;padding:10px 10px 10px clamp(18px,2vw,26px);display:grid}.tools__label{letter-spacing:-.005em;color:var(--ink);flex-direction:column;gap:6px;padding-right:16px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.tools__count{letter-spacing:.14em;color:var(--orange-ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.tools__viewport{border-radius:18px;min-width:0;padding-block:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tools__belt{width:max-content;display:flex}.tools__track{animation:tools-drift var(--dur,40s) linear infinite;will-change:transform;gap:6px;padding-right:6px;display:flex}.tools__rail.is-reverse .tools__track{animation-direction:reverse}.tools__rail:hover .tools__track,.tools__rail:focus-within .tools__track,.tools__rails[data-offscreen=true] .tools__track{animation-play-state:paused}@keyframes tools-drift{to{transform:translate(-100%)}}.tools__item{flex-direction:column;align-items:center;gap:8px;width:96px;display:flex}.tools__tile{border:1px solid var(--line);width:54px;height:54px;color:var(--ink);transition:color .25s, border-color .25s, transform .3s var(--ease), box-shadow .3s;background:#ffffffc7;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 1px #fff,0 1px 2px #0b132b0f}.tools__tile svg{display:block}.tools__mono{letter-spacing:-.03em;font-size:17px;font-weight:700;line-height:1}.tools__name{letter-spacing:-.01em;min-height:2.4em;color:var(--text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:12px;line-height:1.2;transition:color .25s;display:-webkit-box;overflow:hidden}.tools__item:hover .tools__tile{color:var(--orange-ink);border-color:#ff551373;transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 8px 20px #d1461029}.tools__item:hover .tools__name{color:var(--ink)}@media (max-width:720px){.tools__rail{border-radius:22px;grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 8px 8px}.tools__label{flex-direction:row;justify-content:space-between;align-items:baseline;padding-inline:12px}.tools__tile{border-radius:14px;width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.tools__track{flex-wrap:wrap;row-gap:14px;padding-right:0;animation:none}.tools__belt{width:auto}.tools__track[aria-hidden=true]{display:none}.tools__viewport{-webkit-mask-image:none;mask-image:none}.tools__tile{transition:none}.tools__item:hover .tools__tile{transform:none}}