/* Floating preview image for project lists (project-preview.mjs). */
.project-preview{position:fixed;left:0;top:0;z-index:5;width:clamp(220px,21vw,340px);aspect-ratio:4/3;pointer-events:none;opacity:0;scale:.85;transform:translate(-50%,-50%);transition:opacity .3s ease,scale .35s cubic-bezier(.2,.8,.2,1);will-change:transform}
.project-preview.is-visible{opacity:1;scale:1}
.project-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;opacity:0;transition:opacity .35s ease;box-shadow:0 20px 50px #0007}
.project-preview img.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.project-preview,.project-preview img{transition:none}}