.x3d{opacity:0;transition:opacity 1s;position:relative}.x3d.ready{opacity:1}.x3d canvas{width:100%;height:100%;display:block}.x3d-col{min-width:0;display:grid}.x3d-engine{z-index:0;height:clamp(300px,30vw,400px);margin-bottom:-60px}.x3d-col .console{z-index:1}.x3d-hero .stage:after{background:linear-gradient(90deg,#050605e6 0%,#0506058c 34%,#05060500 60%),linear-gradient(#05060500 78%,#050605 100%)}@media (width<=980px){.x3d-engine{height:340px;margin:8px -16px -30px}.x3d-hero .stage:after{background:linear-gradient(#05060500 0% 70%,#050605 100%)}}.x3d-loop{height:clamp(240px,26vw,330px);margin:-10px 0 8px}.loop li{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.loop li.x3d-on{border-color:#c6f43299;transform:translateZ(30px);box-shadow:0 0 0 1px #c6f43240,0 20px 60px -20px #c6f43259}@media (width<=640px){.x3d-loop{height:240px;margin:-10px -16px 0}}