.artwork-container{--veil:rgb(240,240,240,0.65);--speed:0.66s;--aspect-ratio:16/9;--scale:1.2;--pageBg:white;position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--aspect-ratio);max-height:900px;opacity:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--pageBg) 80%),linear-gradient(0deg,var(--veil) 0,var(--veil) 80%),linear-gradient(0deg,var(--pageBg) 0,var(--pageBg) 80%);background-position:50%;background-size:120%;filter:blur(20px) saturate(1.3);transform:scale(var(--scale));transition:opacity calc(var(--speed) * 2) ease-out,background-size var(--speed) ease-in}@media (prefers-color-scheme:dark){.artwork-container{--veil:rgba(0,0,0,0.3);--pageBg:hsl(var(--muted))}}.artwork-container.loaded{background-image:linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--pageBg) 80%),linear-gradient(0deg,var(--veil) 0,var(--veil) 80%),var(--background-image)}.artwork-container.active{opacity:1;transition:opacity calc(var(--speed) / 2) ease-in;background-size:100%}.overlay{position:absolute;z-index:2;top:0;left:0;width:100%;aspect-ratio:var(--aspect-ratio);max-height:900px;opacity:0;background-image:var(--background-image);background-position:100% 100%;background-size:250%;filter:brightness(1.3) saturate(0);mix-blend-mode:overlay;will-change:opacity,background-position;animation:shift-background 60s linear infinite alternate;animation-play-state:paused;transition:opacity var(--speed) ease-in}.active .overlay{opacity:.3;animation-play-state:running;transition:opacity calc(var(--speed) * 2) ease-in calc(var(--speed) * 2)}.active.out-of-view .overlay,.active.resizing .overlay{animation-play-state:paused;opacity:0}@keyframes shift-background{0%{background-position:0 50%;background-size:250%}25%{background-position:60% 20%;background-size:300%}50%{background-position:100% 50%;background-size:320%}75%{background-position:40% 100%;background-size:220%}to{background-position:20% 50%;background-size:300%}}