.project-card__media.is-video-pending { position: relative; aspect-ratio: 1 / 1; }
.project-card__media.is-video-pending video { position: absolute; inset: 0; width: 100%; height: 100%; }
.project-card__video-status { display: none; position: absolute; z-index: 3; inset: 0; place-content: center; justify-items: center; gap: 10px; color: var(--muted); background: var(--surface); font-size: 12px; pointer-events: none; }
.is-video-pending .project-card__video-status { display: grid; }
.is-video-pending:not(.is-video-error) .project-card__video-status::before { content: ""; width: 24px; height: 24px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: video-loading-spin .8s linear infinite; }
.is-video-pending .project-card__video-toggle { visibility: hidden; }
@keyframes video-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .project-card__video-status::before { animation: none; } }