/* Automatic carousel with a stationary reduced-motion fallback. */
.technology{padding:76px 0 64px;border-bottom:1px solid var(--border);text-align:center;min-width:0}
.technology h2{margin:0 0 38px;font-size:16px;line-height:1.5;letter-spacing:-.015em;font-weight:500;color:#c9cbd2}
.technology-viewport{max-width:100%;overflow:hidden}
.technology-track{display:flex;max-width:100%}
.technology-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 0;list-style:none;padding:0;margin:0;width:100%;flex-shrink:0}
.technology-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:0 0 180px;min-height:96px;color:#a5a7b0;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap}
.technology-list img{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}
.technology-list img[data-failed]{display:none}
.technology-list img[data-wide]{width:82px}
.technology-list img[src$="nginx.svg"]{width:100px}
.technology-controls{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.technology-controls p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
@media(max-width:760px){
  .technology{padding:54px 0 44px}
  .technology h2{font-size:15px;margin-bottom:26px}
  .technology-list li{flex-basis:150px;font-size:11px;gap:12px}
  .technology-list img{width:42px;height:42px}
  .technology-list img[data-wide]{width:72px}
  .technology-list img[src$="nginx.svg"]{width:88px}
  .technology-controls{gap:14px;margin-top:26px}
}
@media(max-width:360px){.technology-list li{flex-basis:140px}}

.technology-list[aria-hidden]{display:none}
@keyframes technology-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:no-preference){
  .technology[data-ready] .technology-viewport{touch-action:pan-y pinch-zoom;user-select:none}
  .technology[data-ready] .technology-track{width:max-content;max-width:none;animation:technology-scroll 70s linear infinite}
  .technology[data-ready] .technology-list{width:calc(var(--technology-count,13) * 180px);flex-wrap:nowrap}
  .technology[data-ready] .technology-list[aria-hidden]{display:flex}
}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){.technology[data-ready] .technology-list{width:calc(var(--technology-count,13) * 150px)}}
@media(prefers-reduced-motion:no-preference) and (max-width:360px){.technology[data-ready] .technology-list{width:calc(var(--technology-count,13) * 140px)}}