.project-grid{grid-template-columns:repeat(auto-fill,minmax(max(49%,350px),1fr));gap:1rem;display:grid}.project-block{border:1px solid var(--color-border-on-surface);background-color:var(--color-surface-2);isolation:isolate;background-image:linear-gradient(oklch(from var(--color-surface-2)l c h/.96)),var(--bg-image);background-position:top;background-size:cover;border-radius:.75rem;place-content:center;transition:border-color 50ms linear;display:grid;position:relative;overflow:hidden}@supports (animation-delay:calc(sibling-index() * 50ms)){.project-block{opacity:0;animation:--show .7s var(--easing-overshoot)forwards;animation-delay:calc(sibling-index()*50ms)}}.project-block img{object-fit:cover;object-position:top center;width:100%;height:0;min-height:100%}.project-block>.project-block_content{--padding-y:6.25rem ;--padding-x:4rem;text-align:center;padding-block:var(--padding-y);padding-inline:var(--padding-x)}.project-block>.project-block_content>.project-block_ctas{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:1.5rem;display:flex}@media (pointer:fine){.project-block:hover{border-color:var(--color-border-input-focus)}}@media (min-width:56.25rem){.project-block.reverse{--overlay-angle:.25turn}.project-block.reverse>*{grid-row:1}.project-block.reverse .project-block_content{grid-column:2}}@media not (min-width:56.25rem){.project-block{--image-height:12.5rem;text-align:center;gap:0}.project-block>img{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.project-block>.project-block_content{--padding-y:3rem;--padding-x:1rem}.project-block>.project-block_content>.project-block_ctas{justify-content:center}}@keyframes --show{0%{opacity:0;translate:0 5rem}to{opacity:1;translate:0}}