.project-card.svelte-oviq8z{grid-template-rows:auto auto auto 1fr auto;align-content:start;display:grid}.project-image.svelte-oviq8z{aspect-ratio:auto;background:#ededed;border:1px solid #bcbcbc;padding:8px;overflow:visible;box-shadow:4px 4px #fff,5px 5px #bcbcbc}.project-viewport.svelte-oviq8z{aspect-ratio:16/10;background:#fff;border:1px solid #fff;display:block;overflow:hidden}.project-viewport.svelte-oviq8z img:where(.svelte-oviq8z){object-fit:cover;object-position:top;width:100%;height:100%}.project-meta.svelte-oviq8z{align-self:start}.project-link.svelte-oviq8z{place-self:end start}.compact.svelte-oviq8z{grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.compact.svelte-oviq8z h3:where(.svelte-oviq8z){margin-bottom:10px;font-size:clamp(26px,2.5vw,34px)}.compact.svelte-oviq8z>p:where(.svelte-oviq8z){font-size:14px;line-height:1.65}.compact.svelte-oviq8z .project-meta:where(.svelte-oviq8z){margin-top:24px;font-size:10px}.compact.svelte-oviq8z .project-link:where(.svelte-oviq8z){margin-top:12px}@media (width<=900px){.compact.svelte-oviq8z{grid-row:auto;grid-template-rows:auto auto auto 1fr auto}.compact.svelte-oviq8z h3:where(.svelte-oviq8z){font-size:32px}.compact.svelte-oviq8z>p:where(.svelte-oviq8z){font-size:15px}}