.project-card[data-v-de5dded3]{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);isolation:isolate;min-inline-size:0;box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);display:block;position:relative;overflow:hidden}.project-card[data-v-de5dded3]:after{z-index:1;background:linear-gradient(#0000 28%,#0a0d164d 52%,#0a0d16f5),linear-gradient(140deg,#2856c714,#0000 45%);inset:0}.project-card[data-v-de5dded3]:after,.project-card[data-v-de5dded3]:before{content:"";pointer-events:none;position:absolute}.project-card[data-v-de5dded3]:before{z-index:3;background:linear-gradient(90deg,var(--color-warm),var(--color-accent),transparent 72%);opacity:0;block-size:3px;transition:opacity var(--transition-fast);inset-block-start:0;inset-inline:0}.project-card[data-v-de5dded3] img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--transition-slow),filter var(--transition-slow)}.project-card__overlay[data-v-de5dded3]{z-index:2;justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex;position:absolute;inset-block-end:20px;inset-inline:20px}.project-card__overlay span[data-v-de5dded3]:first-child{border-radius:var(--radius-pill);color:#ffffffd1;width:fit-content;font-size:var(--font-size-caption);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121a7a;border:1px solid #ffffff2e;padding:5px 9px;font-weight:700;display:inline-flex}.project-card h3[data-v-de5dded3]{color:var(--color-text-inverse);margin:10px 0 0;font-size:clamp(1.15rem,1.04rem + .35vw,1.45rem);line-height:1.45}.project-card__arrow[data-v-de5dded3]{border-radius:var(--radius-pill);block-size:44px;inline-size:44px;color:var(--color-text-strong);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);background:#ffffffeb;border:1px solid #ffffff5c;flex:none;place-items:center;display:grid;box-shadow:0 8px 24px #0000002e}.project-card[data-v-de5dded3]:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.project-card[data-v-de5dded3]:hover:before{opacity:1}.project-card[data-v-de5dded3]:hover img{filter:saturate(1.08)contrast(1.04);transform:scale(1.035)}.project-card:hover .project-card__arrow[data-v-de5dded3]{background:var(--color-accent);color:var(--color-accent-contrast);transform:rotate(-8deg)scale(1.04)}@media (width<=560px){.project-card__overlay[data-v-de5dded3]{inset-block-end:16px;inset-inline:16px}.project-card h3[data-v-de5dded3]{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.project-card[data-v-de5dded3],.project-card[data-v-de5dded3] img,.project-card[data-v-de5dded3]:before,.project-card__arrow[data-v-de5dded3]{transition:none}}