.projects.svelte-xhkl02{gap:var(--col-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=1000px){.projects.svelte-xhkl02{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-item--big.svelte-xhkl02{grid-column:1/-1}.project.svelte-xhkl02{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-card);color:var(--text);transition:transform var(--duration-reveal) var(--ease-out), box-shadow var(--duration-reveal) var(--ease-out), border-color var(--duration-reveal) var(--ease-out);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}@media (width>=900px){.project--big.svelte-xhkl02{grid-template-rows:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.project--big.svelte-xhkl02 .project__media:where(.svelte-xhkl02){aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);min-height:100%}.project--big.svelte-xhkl02 .project__media:where(.svelte-xhkl02) img{object-fit:contain}.project--big.svelte-xhkl02 .project__body:where(.svelte-xhkl02){padding:var(--space-7) var(--space-6);justify-content:center}.project--big.svelte-xhkl02 .project__tags:where(.svelte-xhkl02),.project--big.svelte-xhkl02 .project__num:where(.svelte-xhkl02){margin-top:0}.project--big.svelte-xhkl02 .project__name:where(.svelte-xhkl02){font-size:var(--text-h2)}.project--big.svelte-xhkl02 .project__text:where(.svelte-xhkl02){font-size:var(--text-body)}}.project.svelte-xhkl02:hover,.project.svelte-xhkl02:focus-visible{box-shadow:var(--shadow-card-hover);border-color:var(--accent-deco);transform:translateY(-6px)}.project.svelte-xhkl02:hover .project__name:where(.svelte-xhkl02),.project.svelte-xhkl02:focus-visible .project__name:where(.svelte-xhkl02){color:var(--accent-deco)}.project.svelte-xhkl02:hover .project__num:where(.svelte-xhkl02),.project.svelte-xhkl02:focus-visible .project__num:where(.svelte-xhkl02){background:var(--text)}.project.svelte-xhkl02:hover .project__cta:where(.svelte-xhkl02) .icon,.project.svelte-xhkl02:focus-visible .project__cta:where(.svelte-xhkl02) .icon{transform:translate(4px)}.project__media.svelte-xhkl02{aspect-ratio:1774/887;background:var(--surface-sunk);border-bottom:1px solid var(--line);display:block;position:relative;overflow:hidden}.project__media.svelte-xhkl02 picture{height:100%;display:block}.project__media.svelte-xhkl02 img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-scene) var(--ease-out);display:block}.project.svelte-xhkl02:hover .project__media:where(.svelte-xhkl02) img{transform:scale(1.05)}.project__num.svelte-xhkl02{z-index:1;margin-top:calc(-1 * (var(--space-5) + 1.375rem));border:3px solid var(--surface);box-sizing:content-box;background:var(--action);width:2.75rem;height:2.75rem;color:var(--surface);font-family:var(--font-display);font-weight:var(--weight-display);box-shadow:var(--shadow-card);transition:background-color var(--duration-reveal) var(--ease-out);border-radius:50%;align-self:flex-start;place-items:center;font-size:1.25rem;line-height:1;display:grid;position:relative}.project__body.svelte-xhkl02{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.project__meta.svelte-xhkl02{font-size:var(--text-label);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-subtle)}.project__name.svelte-xhkl02{font-size:var(--text-h3);letter-spacing:.005em;transition:color var(--duration-reveal) var(--ease-out);margin:0}.project__text.svelte-xhkl02{font-size:var(--text-body-sm);color:var(--text-muted);line-height:1.55}.project__tags.svelte-xhkl02{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.project__tag.svelte-xhkl02{padding:.15rem var(--space-3);background:var(--tag-bg);color:var(--tag-text);font-size:var(--text-caption);font-weight:var(--weight-bold);border-radius:999px}.project__cta.svelte-xhkl02{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--action-alt-text);font-size:var(--text-body-sm);font-weight:var(--weight-bold);display:inline-flex}.project__cta.svelte-xhkl02 .icon{transition:transform var(--duration-reveal) var(--ease-out)}@media (prefers-reduced-motion:reduce){.project.svelte-xhkl02:hover,.project.svelte-xhkl02:focus-visible,.project.svelte-xhkl02:hover .project__media:where(.svelte-xhkl02) img,.project.svelte-xhkl02:hover .project__cta:where(.svelte-xhkl02) .icon{transform:none}}