.project-media-shell{position:relative;overflow:hidden;background:#e9e6e0;background:color-mix(in srgb,var(--project-bg,#fff) 88%,var(--project-fg,#111) 12%)}
.project-media-shell:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.34) 48%,transparent 64%);transform:translateX(-110%);animation:project-media-shimmer 1.25s ease-in-out infinite}
.project-media-loading{position:relative;z-index:1;opacity:0;filter:blur(10px);transform:scale(1.015)}
.project-media-loaded{position:relative;z-index:1;opacity:1;filter:none;transform:none;transition:opacity .55s ease,filter .7s ease,transform .75s cubic-bezier(.22,.8,.25,1)}
.project-media-shell.media-is-ready:before{opacity:0;animation:none;transition:opacity .3s ease}
.project-media-shell.media-is-ready{background:transparent}
.project-media-shell.media-has-error:before{animation:none;opacity:.18}
.project-media-shell figcaption{position:relative;z-index:1}
@keyframes project-media-shimmer{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.project-media-shell:before{animation:none}.project-media-loading,.project-media-loaded{filter:none;transform:none;transition:none}}