:root{
--sun: -4deg;
--sun-len: 1;
--sun-ink: 0.31;
--sun-x: 0;
--sun-y: 0.30;
--sun-lean: -0.35;
}
.cast{ position:absolute; display:block; line-height:0 }
.cast > .art{ position:relative; display:block; width:100%; height:auto }
.cast > .shade{
position:absolute; left:0; top:0; width:100%; height:auto; display:block;
opacity: var(--sun-ink);
translate: calc((var(--sun-x) + var(--sun-lean)) * var(--lift) * var(--sun-len) * 1cqw)
calc(var(--sun-y) * var(--lift) * var(--sun-len) * 1cqw);
}
[style*="--lift"]:not(.cast){
opacity: var(--sun-ink);
translate: calc((var(--sun-x) + var(--sun-lean)) * var(--lift) * var(--sun-len) * 1cqw)
calc(var(--sun-y) * var(--lift) * var(--sun-len) * 1cqw);
}