.portfolio-card.svelte-of7qyp{font-family:Inter,sans-serif;position:relative;width:100%;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;background-color:#161b22;border:1px solid #30363d;box-shadow:0 4px 12px #0003;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;text-decoration:none;text-align:left;padding:0;margin:0}.portfolio-card.svelte-of7qyp:hover,.portfolio-card.svelte-of7qyp:focus-visible{transform:translateY(-4px);box-shadow:0 12px 28px #0006;border-color:#484f58;outline:none}.image-container.svelte-of7qyp{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid #30363d;background-color:#21262d}.media-layer.svelte-of7qyp{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.base-layer.svelte-of7qyp{z-index:1;opacity:1}.hover-layer.svelte-of7qyp{z-index:2;opacity:0}.fade-out.svelte-of7qyp{opacity:0}.visible.svelte-of7qyp{opacity:1}.base-layer.svelte-of7qyp img:where(.svelte-of7qyp),.base-layer.svelte-of7qyp video:where(.svelte-of7qyp){display:block;width:100%;height:100%;object-fit:var(--image-fit-object, cover);object-position:var(--image-position, center);transition:transform .5s ease;pointer-events:none}.hover-layer.svelte-of7qyp img:where(.svelte-of7qyp),.hover-layer.svelte-of7qyp video:where(.svelte-of7qyp){display:block;width:100%;height:100%;object-fit:var(--hover-image-fit-object, cover);object-position:var(--image-position, center);transition:transform .5s ease;pointer-events:none}.portfolio-card.svelte-of7qyp img.pan:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp video.pan:where(.svelte-of7qyp){object-fit:cover;animation:svelte-of7qyp-pan-vertical 30s linear infinite;transition:object-fit .3s ease}.portfolio-card.svelte-of7qyp:hover img.pan:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:hover video.pan:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:focus-visible img.pan:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:focus-visible video.pan:where(.svelte-of7qyp){animation:none;object-fit:contain}@keyframes svelte-of7qyp-pan-vertical{0%{object-position:top;opacity:0}5%{opacity:1}95%{opacity:1}to{object-position:bottom;opacity:0}}.placeholder-img.svelte-of7qyp{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#21262d,#161b22)}.portfolio-card.svelte-of7qyp:hover img:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:hover video:where(.svelte-of7qyp){transform:scale(1.05)}.content.svelte-of7qyp{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}h2.svelte-of7qyp{color:#c9d1d9;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;transition:color .2s ease}.portfolio-card.svelte-of7qyp:hover h2:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:focus-visible h2:where(.svelte-of7qyp){color:#58a6ff}.desc-container.svelte-of7qyp{position:relative;height:2.85rem;width:100%;margin-bottom:.5rem}.desc-wrapper.svelte-of7qyp{position:absolute;top:-.5rem;left:-.5rem;right:-.5rem;padding:.5rem;border-radius:8px;background-color:transparent;z-index:2;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;border:1px solid transparent;pointer-events:none}.portfolio-card.svelte-of7qyp:hover .desc-wrapper:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:focus-visible .desc-wrapper:where(.svelte-of7qyp){background-color:#21262d;border-color:#30363d;box-shadow:0 12px 30px #000000b3;z-index:20}.desc.svelte-of7qyp{color:#8b949e;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.portfolio-card.svelte-of7qyp:hover .desc:where(.svelte-of7qyp),.portfolio-card.svelte-of7qyp:focus-visible .desc:where(.svelte-of7qyp){-webkit-line-clamp:20;line-clamp:20;color:#c9d1d9}.tags.svelte-of7qyp{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.tag.svelte-of7qyp{background-color:#21262d;color:#c9d1d9;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid #30363d}