*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;background-image:repeating-linear-gradient(to right,transparent 0 100px,rgba(191,255,0,.2) 100px 101px),repeating-linear-gradient(to bottom,transparent 0 100px,rgba(191,255,0,.2) 100px 101px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 20%,#050505 100%);z-index:-1}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}@font-face{font-family:ICA Rubrik Bold;font-style:normal;font-weight:400;src:local("ICA Rubrik Bold"),url(/fonts/ICARubrikBold.woff) format("woff")}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:local("Poppins Regular"),url(/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins Bold;font-style:normal;font-weight:400;src:local("Poppins Bold"),url(/fonts/Poppins-Bold.woff) format("woff")}.banner{width:100%;height:100vh;text-align:center;overflow:hidden;position:relative}.banner .slider{position:absolute;top:10%;width:12.5rem;height:15.63rem;left:calc(50% - 6.25rem);transform-style:preserve-3d;transform:perspective(62.5rem);animation:autoRun 40s linear infinite;z-index:2}.banner .slider .item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(34.38rem)}.banner .slider .item img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(191,255,0,.4);box-shadow:0 0 15px #bfff004d;border-radius:5px}@keyframes autoRun{0%{transform:perspective(62.5rem) rotateX(-16deg) rotateY(0)}to{transform:perspective(62.5rem) rotateX(-16deg) rotateY(360deg)}}.banner .content{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(1400px,100vw);height:max-content;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}.banner .content h1{font-family:ICA Rubrik Bold;font-size:16em;line-height:1em;color:#0a0a0a;position:relative;text-shadow:0 0 20px rgba(191,255,0,.5)}.banner .content h1:after{position:absolute;top:0;right:0;bottom:0;left:0;content:attr(data-content);z-index:2;-webkit-text-stroke:2px #bfff00;color:transparent;filter:drop-shadow(0 0 10px #bfff00)}.banner .content .author{font-family:Poppins Bold;text-align:right;max-width:min-content;color:#bfff00;text-shadow:0 0 10px rgba(191,255,0,.8)}.banner .content .description{font-family:Poppins Regular;text-align:right}.banner .content h2{font-size:3em}.banner .model{background-color:#bfff00;-webkit-mask-image:url(/images/model.png);-webkit-mask-size:40%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/images/model.png);mask-size:40%;mask-repeat:no-repeat;mask-position:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity:.2;pointer-events:none;filter:drop-shadow(0 0 20px #bfff00)}@media screen and (max-width: 1023px){.banner .slider{width:160px;height:200px;left:calc(50% - 80px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px)}.banner .content h1{text-align:center;width:100%;text-shadow:0 10px 20px #bfff00;font-size:7em}.banner .content .author{color:#bfff00;text-shadow:0 10px 20px #0a0a0a;z-index:2;max-width:unset;width:100%;text-align:center;padding:0 30px}}@media screen and (max-width: 767px){.banner .slider{width:100px;height:150px;left:calc(50% - 50px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(180px)}.banner .content h1{font-size:5em}}