.project-element.svelte-ygdnwz{display:grid;grid-template-columns:4fr 8fr;grid-template-rows:1fr auto;grid-template-areas:"image content" "image action";column-gap:calc(var(--spacing) * 3);height:10rem;padding:calc(var(--spacing) * 2);margin:calc(var(--spacing) * 2) 0;position:relative;box-sizing:border-box;border:1px solid var(--foreground-muted-color)}.project-element.svelte-ygdnwz:before{content:"";position:absolute;top:-5px;left:-5px;width:4px;height:4px;border-bottom:1px solid var(--foreground-muted-color);border-right:1px solid var(--foreground-muted-color)}.project-element.svelte-ygdnwz:after{content:"";position:absolute;bottom:-5px;right:-5px;width:4px;height:4px;border-top:1px solid var(--foreground-muted-color);border-left:1px solid var(--foreground-muted-color)}.project-element.svelte-ygdnwz .content:where(.svelte-ygdnwz):before{content:"";position:absolute;top:-5px;right:-5px;width:4px;height:4px;border-bottom:1px solid var(--foreground-muted-color);border-left:1px solid var(--foreground-muted-color)}.project-element.svelte-ygdnwz .content:where(.svelte-ygdnwz):after{content:"";position:absolute;bottom:-5px;left:-5px;width:4px;height:4px;border-top:1px solid var(--foreground-muted-color);border-right:1px solid var(--foreground-muted-color)}.project-element.svelte-ygdnwz>img:where(.svelte-ygdnwz){grid-area:image;object-fit:cover;width:100%;aspect-ratio:16/9}.gradient-placeholder.svelte-ygdnwz{grid-area:image;width:100%;aspect-ratio:16/9;background:var(--primary-color)}.content.svelte-ygdnwz{grid-area:content}.content.svelte-ygdnwz>h2:where(.svelte-ygdnwz){margin:0}.content.svelte-ygdnwz>p:where(.svelte-ygdnwz){margin:0}.technologies.svelte-ygdnwz{display:flex;flex-wrap:wrap;gap:var(--spacing);margin-top:calc(var(--spacing) * 1)}.tech-pill.svelte-ygdnwz{font-size:.8rem;padding:.2rem .5rem;background-color:var(--foreground-muted-color);border-radius:1rem;color:var(--background-color)}.action.svelte-ygdnwz{display:flex;justify-content:flex-end;grid-area:action;column-gap:calc(var(--spacing) * 2)}main.svelte-q5vdhr{padding:calc(var(--spacing) * 8)}.projects-header.svelte-q5vdhr{display:flex;justify-content:space-between;align-items:center}.projects-header.svelte-q5vdhr>h1:where(.svelte-q5vdhr){font-size:2.5rem;margin:.5rem 0}.projects-header.svelte-q5vdhr>h1:where(.svelte-q5vdhr):nth-of-type(n+2){margin-top:1.2em}.projects-header.svelte-q5vdhr>h1:where(.svelte-q5vdhr):nth-of-type(n+2):before{content:"";position:absolute;top:-.5em;width:100%;height:2px;border-top:1px dashed var(--foreground-muted-color)}.projects-header.svelte-q5vdhr>div:where(.svelte-q5vdhr){font-size:.9rem;color:var(--foreground-muted-color)}main.svelte-q5vdhr>span:where(.svelte-q5vdhr){display:block;margin-top:2em;font-style:italic;text-align:center;color:var(--foreground-muted-color)}