*{box-sizing:border-box;margin:0;padding:0}.hero{background:#a674d8;width:100%;height:100svh;position:relative;overflow:hidden}.depth-layer{will-change:transform;width:250%;height:250%;position:absolute;top:-75%;left:-75%}.depth-mask{width:100%;height:100%;-webkit-mask:linear-gradient(#fff, #fff), url(/lab/mouse-effects/18/mask.svg) center / var(--size) no-repeat;-webkit-mask-composite:subtract;-webkit-mask:linear-gradient(#fff, #fff), url(/lab/mouse-effects/18/mask.svg) center / var(--size) no-repeat;mask:linear-gradient(#fff, #fff), url(/lab/mouse-effects/18/mask.svg) center / var(--size) no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.logo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo img{object-fit:contain;width:200px;height:auto}.depth-layer:first-child{z-index:7;filter:drop-shadow(0 0 1rem #401c63)}.depth-layer:nth-child(2){z-index:6;filter:drop-shadow(0 0 1rem #4d2277)}.depth-layer:nth-child(3){z-index:5;filter:drop-shadow(0 0 1rem #59278b)}.depth-layer:nth-child(4){z-index:4;filter:drop-shadow(0 0 1rem #461f6d)}.depth-layer:nth-child(5){z-index:3;filter:drop-shadow(0 0 1rem #bf9ce3)}.depth-layer:nth-child(6){z-index:2}.depth-layer:first-child .depth-mask{--size:90%;background:#8038c7}.depth-layer:nth-child(2) .depth-mask{--size:67.5%;background:#8c4ccd}.depth-layer:nth-child(3) .depth-mask{--size:45%;background:#9960d2}.depth-layer:nth-child(4) .depth-mask{--size:27.5%;background:#8642ca}.depth-layer:nth-child(5) .depth-mask{--size:15%;background:#8c4ccd}@media (width<=1000px){.depth-layer{width:500%;height:500%;top:-200%;left:-200%}}