/* Equal project tiles; proximity magnification follows the pointer, not the viewport centre. */
.related-work .project-grid{gap:28px;padding:68px 12px 24px;align-items:flex-end;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.related-work .project-card,.related-work .project-card:last-child:nth-child(odd){flex-basis:calc((100% - 140px)/6.2)}
.related-work .project-card,.related-work .project-card:last-child:nth-child(odd),.related-work .project-card:is(:hover,:focus-visible,:active){transform:translateX(calc(var(--belt-subpixel,0px) + var(--dock-shift,0px))) scale(var(--dock-scale,1));transform-origin:center bottom;transition:transform .15s ease-out,border-color .2s,background .2s;box-shadow:none}
.related-work .project-copy{height:88px;min-height:88px;max-height:88px;box-sizing:border-box;flex:none}
.customer-page .related-work .project-copy h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.related-work .project-card:is(:hover,:focus-visible,:active) img{transform:none}
@media(max-width:1100px) and (min-width:761px){.related-work .project-card,.related-work .project-card:last-child:nth-child(odd){flex-basis:calc((100% - 84px)/4.4)}}
@media(max-width:760px){.related-work .project-grid{gap:18px;padding-block:42px 20px;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.related-work .project-card,.related-work .project-card:last-child:nth-child(odd){flex-basis:40%}.related-work .project-copy{height:76px;min-height:76px;max-height:76px}}
@media(prefers-reduced-motion:reduce){.related-work .project-card,.related-work .project-card:is(:hover,:focus-visible,:active){transform:none;transition:none}}
.motion-off .related-work .project-card,.motion-off .related-work .project-card:is(:hover,:focus-visible,:active){transform:none;transition:none}