.project-strip{background:#fff;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;padding:28px 0 32px}
.project-strip__label{width:min(1440px,calc(100% - 48px));margin:0 auto 20px;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#727272}
.project-strip__heading{width:min(1440px,calc(100% - 48px));margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.project-strip__heading .project-strip__label{width:auto;margin:0}
.project-strip__controls{display:flex;gap:8px}
.project-strip__controls button{width:38px;height:38px;background:#fff;border:1px solid #c9c9c9;color:#111;cursor:pointer;font:20px/1 Arial,sans-serif}
.project-strip__controls button:hover,.project-strip__controls button:focus-visible{background:#1243e8;color:#fff;border-color:#1243e8}
.project-strip__viewport{overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:thin;scrollbar-color:#1243e8 #e9e9e9;scroll-snap-type:x proximity;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.project-strip__viewport:focus-visible{outline:2px solid #1243e8;outline-offset:-2px}
.project-strip__track{display:flex;width:max-content;gap:16px;padding:0 max(24px,calc((100vw - 1440px)/2)) 14px}
.project-strip__group{display:flex;align-items:center;gap:16px;padding-right:16px}
.project-strip__item{position:relative;display:grid;place-items:center;flex:0 0 190px;width:190px;height:104px;border:1px solid rgba(0,0,0,.1);background:#fff;text-decoration:none;overflow:hidden;scroll-snap-align:start}
.project-strip__item img{position:absolute;inset:10px;display:block;width:calc(100% - 20px);height:calc(100% - 20px);min-width:0;min-height:0;object-fit:contain;object-position:50% 50%;filter:grayscale(1);transition:transform .3s var(--ease),filter .3s ease,opacity .3s ease}
.project-strip__item--word{font-size:17px;font-weight:600;letter-spacing:-.02em;color:#111;text-align:center;padding:18px}
@keyframes home-project-strip{to{transform:translate3d(-50%,0,0)}}
@media(hover:hover){.project-strip__item:hover img{transform:scale(1.025);filter:grayscale(0)}}

@media(max-width:760px){.project-strip{padding-block:22px 26px}.project-strip__label{width:calc(100% - 32px)}.project-strip__item{flex-basis:152px;width:152px;height:84px}.project-strip__group{gap:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.project-strip__item img{transition:none}}