/* Reading order becomes a gentle left-to-right staircase. */
@media(min-width:801px){
 .home-page #work .projects-grid{align-items:start;row-gap:64px}
 .home-page #work .project:nth-child(even){margin-top:88px}
 .sales-page #work .ws-case-grid{align-items:start;row-gap:56px}
 .sales-page #work .ws-case-grid>a:nth-child(3n+2){margin-top:48px}
 .sales-page #work .ws-case-grid>a:nth-child(3n){margin-top:96px}
}
@media(min-width:421px) and (max-width:760px){.sales-page #work .ws-case-grid>a:nth-child(even){margin-top:36px}}
html.project-motion-enabled .home-page #work .project-image,
html.project-motion-enabled .sales-page #work .ws-case-image{
 clip-path:inset(0 calc((1 - var(--case-reveal,1))*100%) 0 0 round 6px);
 transform:none;transition:clip-path .18s linear;
}
html.project-motion-enabled .home-page #work .project-image>img,
html.project-motion-enabled .sales-page #work .ws-case-image>img{
 transform:translateX(calc((1 - var(--case-reveal,1))*-3%)) scale(calc(1 + (1 - var(--case-reveal,1))*.08));
 transition:transform .24s ease-out;
}
@media(prefers-reduced-motion:reduce){
 html.project-motion-enabled .home-page #work .project-image,
 html.project-motion-enabled .sales-page #work .ws-case-image{clip-path:none;transition:none}
 html.project-motion-enabled .home-page #work .project-image>img,
 html.project-motion-enabled .sales-page #work .ws-case-image>img{transform:none;transition:none}
}