h1.svelte-zhm0c{padding:100px 0;text-align:center}#projects-grid.svelte-zhm0c{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:100px}#projects-grid.svelte-zhm0c>:where(.svelte-zhm0c){grid-column:1 / -1}.project-card.svelte-zhm0c{display:grid;grid-template-columns:repeat(2,1fr);position:relative}@media screen and (max-width: 768px){.project-card.svelte-zhm0c{grid-template-columns:1fr}}.project-info.svelte-zhm0c{z-index:3;margin-top:10%;margin-bottom:10%}.project-info.svelte-zhm0c>:where(.svelte-zhm0c)+:where(.svelte-zhm0c){margin-top:8px}img.svelte-zhm0c,video.svelte-zhm0c{display:block;object-fit:cover;height:100%;width:100%}.img-container.svelte-zhm0c{width:100%;position:relative}.img-container.svelte-zhm0c:before{content:"";position:absolute;inset:0;z-index:1}.card-left.svelte-zhm0c .img-container:where(.svelte-zhm0c):before{background:linear-gradient(to left,#00000080,#0000);transform:translate(7%)}@media screen and (max-width: 768px){.card-left.svelte-zhm0c .img-container:where(.svelte-zhm0c):before{transform:translate(0)}}.card-right.svelte-zhm0c .img-container:where(.svelte-zhm0c):before{background:linear-gradient(to right,#00000080,#0000);transform:translate(-7%)}@media screen and (max-width: 768px){.card-right.svelte-zhm0c .img-container:where(.svelte-zhm0c):before{transform:translate(0)}}.card-left.svelte-zhm0c img:where(.svelte-zhm0c),.card-right.svelte-zhm0c video:where(.svelte-zhm0c){transform:translate(7%)}@media screen and (max-width: 768px){.card-left.svelte-zhm0c img:where(.svelte-zhm0c),.card-right.svelte-zhm0c video:where(.svelte-zhm0c){transform:translate(0)}}.card-right.svelte-zhm0c img:where(.svelte-zhm0c),.card-right.svelte-zhm0c video:where(.svelte-zhm0c){transform:translate(-7%)}@media screen and (max-width: 768px){.card-right.svelte-zhm0c img:where(.svelte-zhm0c),.card-right.svelte-zhm0c video:where(.svelte-zhm0c){transform:translate(0)}}.card-left.svelte-zhm0c .project-info:where(.svelte-zhm0c){margin-left:-10%;padding-right:20%}@media screen and (max-width: 768px){.card-left.svelte-zhm0c .project-info:where(.svelte-zhm0c){margin-left:0%;padding-right:0%}}.card-left.svelte-zhm0c .button-container:where(.svelte-zhm0c){position:absolute;bottom:0;left:0;transform:translateY(50%);z-index:2}.card-right.svelte-zhm0c .project-info:where(.svelte-zhm0c){padding-left:15%;margin-right:-10%}@media screen and (max-width: 768px){.card-right.svelte-zhm0c .project-info:where(.svelte-zhm0c){margin-right:0%;padding-left:0%}}.card-right.svelte-zhm0c .button-container:where(.svelte-zhm0c){position:absolute;right:0;bottom:0;transform:translateY(50%);z-index:2}@media screen and (max-width: 480px){.card-right.svelte-zhm0c .button-container:where(.svelte-zhm0c),.card-left.svelte-zhm0c .button-container:where(.svelte-zhm0c){position:unset;right:unset;bottom:unset;transform:unset}}.separator.svelte-zhm0c{height:2px;background-color:var(--color-primary)}