.project-card[data-v-ea8f3ff4]{box-shadow:0 1px 2px oklch(from var(--color-primary-950) l c h/5%),0 6px 16px -10px oklch(from var(--color-primary-950) l c h/14%);transition:translate .6s var(--ease-open),box-shadow .6s var(--ease-open)}.dark .project-card[data-v-ea8f3ff4]{box-shadow:var(--shadow-card)}.project-card-body[data-v-ea8f3ff4]{transition:background-color .6s var(--ease-open)}@media (hover:hover) and (pointer:fine){.project-card[data-v-ea8f3ff4]:hover{box-shadow:0 2px 4px oklch(from var(--color-primary-950) l c h/6%),0 12px 24px -10px oklch(from var(--color-primary-950) l c h/20%),0 32px 64px -24px oklch(from var(--color-primary-950) l c h/45%);translate:0 -4px}.dark .project-card[data-v-ea8f3ff4]:hover{box-shadow:inset 0 0 0 1px #ffffff2e,0 28px 56px -20px #000c}.project-card:hover .project-card-body[data-v-ea8f3ff4]{background-color:oklch(from var(--color-primary) calc(.035 + l) c h)}}@media (prefers-reduced-motion:reduce){.project-card[data-v-ea8f3ff4]:hover{translate:none}}.project-card:is(.is-closed,.is-opening) .project-card-frame[data-v-ea8f3ff4]{background-color:var(--color-primary)}.project-card.is-closed .img-zoom-layer[data-v-ea8f3ff4]{clip-path:inset(0 50%)}.project-card.is-opening .img-zoom-layer[data-v-ea8f3ff4]{animation:project-open-ea8f3ff4 1.1s var(--ease-open) var(--open-delay,0s) both}.project-card.is-opening .project-card-image[data-v-ea8f3ff4]{animation:project-settle-ea8f3ff4 1.8s var(--ease-open) var(--open-delay,0s) both}.project-card:is(.is-closed,.is-opening) .project-card-frame[data-v-ea8f3ff4]:after{content:"";background:linear-gradient(180deg,transparent,oklch(from var(--color-secondary-400) l c h/70%) 30% 70%,transparent);pointer-events:none;width:1px;position:absolute;inset:12% auto 12% 50%}.project-card.is-opening .project-card-frame[data-v-ea8f3ff4]:after{animation:project-seam-ea8f3ff4 .45s var(--ease-exit) var(--open-delay,0s) both}@keyframes project-open-ea8f3ff4{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes project-settle-ea8f3ff4{0%{scale:1.1}to{scale:1}}@keyframes project-seam-ea8f3ff4{to{opacity:0;scale:1 .6}}
