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