#intro-bg{position:relative;overflow:hidden;z-index:0;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 85%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom,#000 85%,#0000);mask-repeat:no-repeat;mask-size:100% 100%}#intro-bg:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-color:#11111b;background-image:radial-gradient(#11111b 15%,transparent 16%),radial-gradient(hsl(267,24%,31%) 15%,transparent 16%);background-size:10em 10em;background-position:0 0,30px 30px;transform:scale(2);animation:float-layer1 30s ease-in-out infinite,float-layer2 45s ease-in-out infinite}@media (min-width: 1124px){#intro-bg:before{filter:blur(2em)}}@media (max-width: 1124px){#intro-bg:before{filter:blur(1em)}}@media (max-width: 600px){#intro-bg:before{filter:blur(.5em)}}#intro-bg:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),hsl(23,92%,5%) 0px,transparent 180px);mix-blend-mode:screen;opacity:0;transition:opacity .3s ease}#intro-bg:hover:after{opacity:1}#intro-bg>*{position:relative;z-index:2}@keyframes float-layer1{0%{background-position:0px 0px,30px 30px}25%{background-position:40px 20px,30px 30px}50%{background-position:80px 40px,30px 30px}75%{background-position:40px 60px,30px 30px}to{background-position:0px 0px,30px 30px}}@keyframes float-layer2{0%{background-position:0px 0px,30px 30px}25%{background-position:0px 0px,50px 50px}50%{background-position:0px 0px,70px 70px}75%{background-position:0px 0px,50px 50px}to{background-position:0px 0px,30px 30px}}