@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;width:100%;height:100vh!important}body{background:#111}.bg{z-index:997;background:#111;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.poppins{font-optical-sizing:auto;font-family:Poppins,sans-serif;font-style:normal}.inter{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal}main.app{width:100vw;height:100vh;position:relative}.cursor{opacity:0;pointer-events:none;will-change:transform, opacity;z-index:99999999;border:1px solid #fff;border-radius:50%;width:40px;height:40px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.creative-dev{z-index:2147483647;text-align:center;text-transform:uppercase;opacity:1;mix-blend-mode:difference;width:100vw;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-scene{z-index:998;width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.snapshot{color:#000;z-index:999999999;cursor:pointer;background:#ffffffca;border:none;border-radius:4px;outline:none;width:80px;height:30px;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ui{z-index:999;-webkit-user-select:none;user-select:none;pointer-events:none;width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui .content{opacity:0;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ui .content .typo,.ui .content .sub-typo{flex:1;width:100%;padding:2rem 1.3rem}.ui .content.scenea .typo .heading{mix-blend-mode:difference;max-width:400px}.ui .content .typo{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1rem;display:flex}.ui .content .typo .heading{max-width:500px;font-size:3.3rem;font-weight:400;line-height:90%}.ui .content .typo .sub-heading{letter-spacing:-2%;margin-bottom:.7rem;font-size:1.1rem;font-weight:300;line-height:130%}.ui .content .typo .description{opacity:.7;letter-spacing:-2%;font-size:1rem;font-weight:300;line-height:130%}.ui .content .sub-typo{flex-direction:column;justify-content:flex-start;align-items:flex-end;display:flex}.ui .content .sub-typo .sys{font-size:1.5rem;font-weight:300;line-height:100%}.ui .content .sub-typo .scroll-cue{letter-spacing:-3%;opacity:.8;font-size:1.2rem;font-weight:300}.ui .content .sub-typo .scroll-progress-number{font-size:1.3rem}.ui .content .sub-typo .progress-bar{background:#ffffff89;border-radius:1.2px;width:150px;height:6px;overflow:hidden}.ui .content .sub-typo .progress-bar:before{content:"";z-index:10;background:#ffffff7a;width:3px;height:100%;display:none;position:absolute;top:0;right:40%}.ui .content .sub-typo .progress-bar:after{content:"";z-index:10;background:#ffffff7a;width:3px;height:100%;display:none;position:absolute;top:0;right:60%}.ui .content .sub-typo .progress-bar .progress-bar-inside{z-index:11;transform-origin:100%;background:#fff;width:100%;height:100%;position:relative;transform:scaleX(0)}.sound-svg{cursor:pointer;z-index:999999;opacity:0;pointer-events:none;width:40px;height:40px;position:absolute;top:2rem;left:2rem;overflow:hidden}@media (width<=900px){.sound-svg{left:1.5rem}.cursor{display:none}}@media (width>=900px){main.app .content{flex-direction:row;justify-content:space-between;align-items:center}main.app .content .typo{flex-direction:column;justify-content:center;height:100%;width:60%!important}main.app .content .typo .heading{font-size:4rem}main.app .content .sub-typo{flex-direction:column;flex:1;justify-content:center;width:40%}main.app .content.scenea .typo .heading,main.app .content.scenea .typo .description{max-width:450px!important}main.app .content.sceneb .typo .heading{max-width:700px!important}main.app .content.sceneb .typo .description{max-width:500px!important}main.app .content.sceneb .sub-typo{margin-bottom:2.3rem}}.loader{z-index:2147483647;background:#111;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.loader__inner{justify-content:center;align-items:center;display:flex}.loader__ring-wrap{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.loader__svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.loader__track{fill:none;stroke:#ffffff14;stroke-width:1px}.loader__progress{fill:none;stroke:#fffc;stroke-width:1px;stroke-linecap:round;transition:stroke-dasharray .2s}.loader__center{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.loader__number{color:#ffffffe0;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;opacity:1;font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:300;line-height:1;transition:opacity .4s,transform .4s;position:absolute;transform:scale(1)}.loader__number--hide{opacity:0;pointer-events:none;transform:scale(.8)}.loader__enter-wrap{visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.loader__enter-wrap--show{visibility:visible;pointer-events:all}.loader__enter-btn{letter-spacing:.22em;text-transform:uppercase;color:#0a0a0a;cursor:pointer;opacity:0;background:#ffffffe6;border:none;padding:.55em 1.8em;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:400;transition:background .2s;overflow:hidden;transform:scaleX(0)}.loader__enter-btn:hover{background:#fff}.loader__enter-text{display:inline-block}.loader__enter-silent{letter-spacing:.08em;color:#ffffff47;cursor:pointer;opacity:0;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:.58rem;font-weight:300;transition:color .2s}.loader__enter-silent:hover{color:#ffffff8c}.loader__svg,.loader__track,.loader__progress{pointer-events:none}