.home-page-demo-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.home-page-demo-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.home-page-demo-container h1{color:#fff;text-shadow:0 .1vw .3vw #0009,0 0 4vw #ffffff14;pointer-events:none;z-index:1;letter-spacing:.15em;opacity:0;filter:blur(.75vw);white-space:nowrap;margin:0;font-size:clamp(2.5rem,6vw,8rem);font-weight:100;transition:opacity 1.4s cubic-bezier(.22,1,.36,1),filter 1.4s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page-demo-container h2{color:#888;text-shadow:0 .05vw .2vw #000c;pointer-events:none;z-index:1;letter-spacing:.4em;text-transform:uppercase;opacity:0;filter:blur(.75vw);white-space:nowrap;margin:0;font-size:clamp(.85rem,2vw,1.4rem);font-weight:400;transition:opacity 1.4s cubic-bezier(.22,1,.36,1),filter 1.4s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(50% + clamp(2.5rem,6vw,5rem));left:50%;transform:translate(-50%,-50%)}.hero-in{opacity:1!important;filter:blur(0)!important}.hero-out{opacity:0;filter:blur(.75vw)}.hero-delay{transition-delay:.5s}.console-toggle-button{-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);color:#fff;cursor:pointer;z-index:100;background:#141414d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.5rem,4vw,3rem);height:clamp(2.5rem,4vw,3rem);font-size:clamp(1rem,1.5vw,1.2rem);transition:background .2s,transform .2s;display:flex;position:fixed;top:7vh;right:clamp(.5rem,2vw,2rem);box-shadow:0 .25vw 1vw #0006}.console-toggle-button:hover{background:#282828f2;transform:scale(1.1)}.control-panel{-webkit-backdrop-filter:blur(1.25vw);backdrop-filter:blur(1.25vw);z-index:99;background:#0a0a0ae6;border:.05vw solid #ffffff1a;border-radius:.75vw;flex-direction:column;gap:clamp(.5rem,1vw,1rem);width:clamp(16rem,22vw,20rem);max-height:78vh;padding:clamp(1rem,1.5vw,1.5rem);display:flex;position:fixed;top:calc(7vh + clamp(3rem,5vw,4rem));right:clamp(.5rem,2vw,2rem);overflow-y:auto;box-shadow:0 .5vw 2vw #0009}.control-panel::-webkit-scrollbar{width:.4vw}.control-panel::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:.2vw}.control-panel-section{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);display:flex}.control-panel-option-title{color:#aaa;letter-spacing:.02em;font-size:clamp(.75rem,1vw,.85rem);font-weight:500}.control-panel-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:.15vw;outline:none;width:100%;height:.25vw;min-height:3px}.control-panel-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:clamp(12px,1vw,16px);height:clamp(12px,1vw,16px);transition:transform .15s;box-shadow:0 0 .5vw #fff6}.control-panel-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-panel-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:clamp(12px,1vw,16px);height:clamp(12px,1vw,16px);box-shadow:0 0 .5vw #fff6}.console-color-row{justify-content:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.25rem,.5vw,.5rem) 0;display:flex}.console-color-input{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:.5vw;width:clamp(2rem,2.5vw,3rem);height:clamp(2rem,2.5vw,3rem);padding:0;overflow:hidden}.console-color-input::-webkit-color-swatch-wrapper{padding:0}.console-color-input::-webkit-color-swatch{border:.15vw solid #fff3;border-radius:.5vw}.console-color-input::-moz-color-swatch{border:.15vw solid #fff3;border-radius:.5vw}.checkbox-label{color:#ccc;cursor:pointer;align-items:center;gap:clamp(.4rem,.75vw,.75rem);padding:clamp(.15rem,.25vw,.25rem) 0;font-size:clamp(.8rem,1vw,.9rem);display:flex}.checkbox-label input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:.15vw solid #ffffff4d;border-radius:.3vw;flex-shrink:0;width:clamp(14px,1.2vw,18px);height:clamp(14px,1.2vw,18px);transition:border-color .2s;position:relative}.checkbox-label input[type=checkbox]:checked{background:#fff;border-color:#fff}.checkbox-label input[type=checkbox]:checked:after{content:"";border:.15vw solid #000;border-width:0 .15vw .15vw 0;width:25%;height:50%;position:absolute;top:10%;left:30%;transform:rotate(45deg)}.reload-button{color:#fff;letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:#ffffff0d;border:.05vw solid #fff3;border-radius:.5vw;margin-top:clamp(.25rem,.5vw,.5rem);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.25vw,1rem);font-size:clamp(.75rem,1vw,.85rem);font-weight:600;transition:background .2s,border-color .2s}.reload-button:hover{background:#ffffff26;border-color:#fff6}@media (max-width:768px){.console-toggle-button{right:2vw}.control-panel{width:80vw;min-width:300px;max-width:none;padding:clamp(1rem,3vw,1.5rem);right:2vw}.home-page-demo-container h1{font-size:clamp(2.5rem,6vw,8rem)}.home-page-demo-container h2{font-size:clamp(1rem,3.5vw,2rem)}.control-panel-slider{height:.5vw}}