#work-grid.svelte-d6rsa5{--gap: 1.6666666666666667vw;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:var(--gap);margin-inline:var(--pg-padding-negative);padding-inline:var(--gap)}article.svelte-d6rsa5{position:relative;width:100%;will-change:transform}a.svelte-d6rsa5{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%}.work-info.svelte-d6rsa5{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px;text-wrap:balance}.title.svelte-d6rsa5{font-size:var(--font-size-h4);line-height:1.15}figure.svelte-d6rsa5{position:relative;aspect-ratio:4/5;overflow:hidden}img.svelte-d6rsa5{position:absolute;display:block;width:100%;height:100%}figure.svelte-d6rsa5 div:where(.svelte-d6rsa5){position:absolute;left:0%;top:0%;right:0%;bottom:0%;background-image:linear-gradient(to top,#00000080,#0000);pointer-events:none}@media only screen and (width > 48rem){.mockup.svelte-d6rsa5{opacity:0;scale:1;transition:opacity .6s var(--ease),scale 4s var(--ease)}article.svelte-d6rsa5:hover .mockup:where(.svelte-d6rsa5){opacity:1;scale:1.1}}@media only screen and (width < 62rem){#work-grid.svelte-d6rsa5{--gap: 16px}}@media only screen and (width < 48rem){#work-grid.svelte-d6rsa5{grid-template-columns:1fr}img.hero.svelte-d6rsa5{display:none}}@media only screen and (width <= 30rem){#work-grid.svelte-d6rsa5{gap:8px}}