.worksgrid .work{transition:opacity 1s var(--animation-smooth);opacity:1}.worksgrid .work img{transition:border-radius .5s var(--animation-smooth);border-radius:var(--space-s)}.worksgrid.project-hovered .work{opacity:.555}.worksgrid.project-hovered .work:hover{opacity:1}.worksgrid.project-hovered .work:hover img{border-radius:calc(var(--space-m) * 1.5)}.worksgrid-parent{padding-top:var(--section-padding-small);padding-left:calc(var(--container-space-l) * 1.25);padding-right:calc(var(--container-space-l) * 1.25)}.worksgrid{display:grid;margin:0;background:var(--color-light-grey-rgba);color:var(--color-dark);grid-template-columns:1fr 1fr;row-gap:calc(var(--space-m) * 2.5);column-gap:var(--space-l)}.work a{align-items:normal;gap:calc(var(--space-m))}.work a,.work_description{display:flex;flex-direction:column}.work_description{gap:calc(var(--space-m) * 2)}.work_description h5{margin:0 var(--space-m)}.work_description>p{width:fit-content;border-radius:var(--space-l);background:var(--color-dark);color:var(--color-white);margin-left:var(--space-m);padding:calc(var(--space-xs) * .5) var(--space-xs);margin-top:calc((var(--space-m) * -3) - (var(--space-xs) * .5))}@media screen and (max-width:1024px){.worksgrid-parent{padding-left:0;padding-right:0}.worksgrid{grid-template-columns:1fr;row-gap:calc(var(--space-l) * 2)}}