.our-works{padding:80px 0;background:#fff;overflow:hidden}
.our-works-heading{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px;margin-bottom:40px}
.our-works-heading .eyebrow{margin-bottom:16px}
.our-works-heading h2{margin:0}
.our-works-intro>p{font-size:16px;line-height:1.85;color:#707070;margin:0 0 20px;max-width:620px}
.our-works-types{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0}
.our-works-types li{padding:8px 13px;border:1px solid #e4e4e4;border-radius:999px;font-size:11px;line-height:1.5;color:#555;background:#f5f5f5}
.our-works-rows{display:grid;gap:22px;outline-offset:-4px}
.our-works-row{overflow:hidden}
.our-works-track{display:flex;width:max-content;will-change:transform}
.our-works-group{display:flex;flex-shrink:0;gap:22px;padding-right:22px}
.our-work-photo{width:max(220px,26vw);aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:16px;background:#f5f5f5}
.our-work-photo img{display:block;width:100%;height:100%;object-fit:cover}
.our-works-track.move-right{animation:works-right 44s linear infinite}
.our-works-track.move-left{animation:works-left 48s linear infinite}
.our-works-rows:hover .our-works-track,.our-works-rows:focus-within .our-works-track{animation-play-state:paused}
@keyframes works-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes works-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.our-works{padding:50px 0}.our-works-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.our-works-intro>p{font-size:15px;margin-bottom:17px}.our-works-types{gap:7px}.our-works-types li{font-size:10px;padding:7px 11px}.our-works-rows{gap:14px}.our-works-group{gap:14px;padding-right:14px}.our-work-photo{width:210px}}
@media(prefers-reduced-motion:reduce){.our-works-track.move-right,.our-works-track.move-left{animation:none;transform:none;will-change:auto}.our-works-row{overflow-x:auto}.our-works-group[aria-hidden="true"]{display:none}}