.project-card.svelte-oviq8z{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);min-height:16rem;aspect-ratio:16 / 11;background:#0a0a0a;color:#fff;text-align:left;cursor:pointer}.media.svelte-oviq8z{position:relative;width:100%;height:100%}.project-card.compact.svelte-oviq8z{min-height:12rem}.project-card.has-description.svelte-oviq8z{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;background:transparent;border:0;overflow:visible}.project-card.has-description.svelte-oviq8z .media:where(.svelte-oviq8z){overflow:hidden;height:auto;border:1px solid rgb(255 255 255 / 18%);background:#0a0a0a}.index.svelte-oviq8z{position:absolute;top:.8rem;left:.8rem;z-index:3;font-size:.75rem;letter-spacing:.12em;padding:.25rem .5rem;border-radius:999px;border:1px solid rgb(255 255 255 / 28%);background:#050505a6}img.svelte-oviq8z{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.project-card.has-description.svelte-oviq8z img:where(.svelte-oviq8z){height:auto;object-fit:contain}.meta.svelte-oviq8z{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,#000c)}.project-card.has-description.svelte-oviq8z .meta:where(.svelte-oviq8z){position:static;padding:.75rem 0 0;background:transparent}h3.svelte-oviq8z{margin:0;font-size:.98rem;letter-spacing:.05em;text-transform:uppercase}p.svelte-oviq8z{margin:.35rem 0 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb8}.description.svelte-oviq8z{max-width:38rem;margin-top:.55rem;font-size:.8rem;line-height:1.45;text-transform:none;letter-spacing:0;color:#ffffffa8}.project-card.svelte-oviq8z:hover .media:where(.svelte-oviq8z) img:where(.svelte-oviq8z){transform:scale(1.04);filter:brightness(1.1)}@media(max-width:640px){.project-card.svelte-oviq8z,.project-card.compact.svelte-oviq8z{min-height:14rem;aspect-ratio:4 / 3}.project-card.has-description.svelte-oviq8z,.project-card.compact.has-description.svelte-oviq8z{min-height:0;aspect-ratio:auto}.meta.svelte-oviq8z{padding:.85rem}.project-card.has-description.svelte-oviq8z .meta:where(.svelte-oviq8z){padding:.7rem 0 0}h3.svelte-oviq8z{font-size:.84rem;letter-spacing:.04em}.description.svelte-oviq8z{font-size:.78rem}}