article.svelte-14g4514{width:100%;display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.picture-wrapper.svelte-14g4514{grid-row:1;position:relative;background:#fff;border:1px solid var(--color-primary-base);aspect-ratio:16 / 9;max-height:400px}.diagonal-line.svelte-14g4514{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--color-primary-base) calc(50% - 1px),var(--color-primary-base) 50%,transparent 50%);pointer-events:none;z-index:0}picture.svelte-14g4514{display:block;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:1;clip-path:inset(100% 100% 0% 0%);overflow:hidden}img.svelte-14g4514{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}article.svelte-14g4514:hover img:where(.svelte-14g4514){transform:scale(1.05)}.project-link.svelte-14g4514{grid-row:4;color:var(--color-accent3-l1);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;line-height:1}.arrow-container.svelte-14g4514{display:flex;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}article.svelte-14g4514:hover .arrow-container:where(.svelte-14g4514){transform:translate(10px)}h2.svelte-14g4514{grid-row:2;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);text-transform:uppercase;line-height:1.5;font-size:clamp(20px,5vw,25px)}p.svelte-14g4514{grid-row:3;line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}