.artwork-container{--veil:rgba(0,0,0,0.2);--speed:0.66s;--aspect-ratio:16/9;--scale:1.2;--pageBg:hsl(var(--muted));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) 65%,var(--pageBg) 95%),linear-gradient(0deg,var(--veil) 0,var(--veil) 80%),var(--background-image),linear-gradient(0deg,hsl(var(--hero-artwork-base)) 0,hsl(var(--hero-artwork-base)) 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}.dark .artwork-container{--veil:rgba(0,0,0,0.3)}.artwork-container--hero{background-position:50%;background-size:cover}.artwork-container--hero,.artwork-container--hero .overlay{height:100%;max-height:none;aspect-ratio:auto;background-repeat:no-repeat}.artwork-container--hero:after{position:absolute;z-index:3;inset:0;content:"";background:linear-gradient(90deg,hsl(var(--hero-artwork-scrim)/.58) 0,hsl(var(--hero-artwork-scrim)/.32) 42%,hsl(var(--hero-artwork-scrim)/.08) 70%,transparent 88%)}.artwork-container--hero{background-image:linear-gradient(0deg,var(--veil),var(--veil)),var(--background-image),linear-gradient(0deg,hsl(var(--hero-artwork-base)),hsl(var(--hero-artwork-base)))}.artwork-container.active{opacity:1;transition:opacity calc(var(--speed) / 2) ease-in;background-size:100%}.artwork-container--hero.active{background-size:cover}.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 37s 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}@supports (background-image:image-set(url("i.avif") type("image/avif"))){.artwork-container{background-image:linear-gradient(180deg,rgba(255,255,255,0) 65%,var(--pageBg) 95%),linear-gradient(0deg,var(--veil) 0,var(--veil) 80%),var(--background-image-set),linear-gradient(0deg,hsl(var(--hero-artwork-base)) 0,hsl(var(--hero-artwork-base)) 80%)}.artwork-container--hero{background-image:linear-gradient(0deg,var(--veil),var(--veil)),var(--background-image-set),linear-gradient(0deg,hsl(var(--hero-artwork-base)),hsl(var(--hero-artwork-base)))}.overlay{background-image:var(--background-image-set)}}@media (prefers-reduced-motion:reduce){.active .overlay,.overlay{animation:none;background-position:0 50%;background-size:250%}.active .overlay,.artwork-container{transition-duration:.01ms}.artwork-container--hero .overlay,.artwork-container--hero.active .overlay{background-position:50%;background-size:cover}}@media (max-width:639px){.artwork-container--cta,.artwork-container--cta.active,.artwork-container--hero,.artwork-container--hero.active{height:100%;max-height:none;aspect-ratio:auto;opacity:1;background:hsl(var(--background));filter:none;transform:none}.artwork-container--cta .overlay,.artwork-container--hero .overlay,.artwork-container--hero:after{display:none}}@media (min-width:640px){.artwork-container--hero,.artwork-container--hero.active{background-position:72%;background-size:cover}}@media (min-width:640px) and (max-width:1023px){.artwork-container--hero .overlay{animation-name:shift-background-tablet}}@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%}}@keyframes shift-background-tablet{0%{background-position:58% 0;background-size:auto 125%}50%{background-position:76% 58%;background-size:auto 145%}to{background-position:62% 100%;background-size:auto 132%}}