:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{font-family:IBM Plex Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0;display:flex;place-items:center}h2{font-weight:700;font-size:50px;line-height:1.2;margin:0}button{border:1px solid #CCCCCC;border-radius:15px;padding:18px 20px;background-color:#fff;color:#000;font-family:IBM Plex Sans,sans-serif;text-transform:uppercase;font-weight:700;margin-right:10px;cursor:pointer}@font-face{font-family:OVERUSEDGROTESK-BOLD;font-style:bold;font-weight:700;font-display:swap;src:url(./fonts/OVERUSEDGROTESK-BOLD.otf) format("opentype")}@font-face{font-family:OVERUSEDGROTESK-BOOK;font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/OVERUSEDGROTESK-BOOK.otf) format("opentype")}.root{width:100dvw;height:100dvh;margin:0 auto;text-align:center;display:flex;overflow:hidden}.font-overusedgrotesk-bold{font-family:OVERUSEDGROTESK-BOLD,sans-serif;font-weight:700}.font-overusedgrotesk-book{font-family:OVERUSEDGROTESK-BOOK,sans-serif;font-weight:400}.canvas{position:relative;z-index:0}.canvas>div{display:inherit!important}.header{position:absolute;z-index:10;top:30px;left:0;display:flex;width:100dvw;padding:0 30px;flex:1 0 100%;justify-content:space-between;align-items:center}.header .header_logo_img{display:block}.header .header_logo_img--mobile,.header.open .header_logo_img{display:none}.header.open .header_logo_img--mobile{display:block}.header_logo--wrap{display:flex;width:105px}.header_logo--wrap img{width:100%;height:auto}.header_logo_img--mobile{display:block}.header_logo_img{display:none}.header_ctrl--wrap{display:flex;gap:10px}.header_btn{width:56px;height:56px;border-radius:50%;background-color:#fff;border:0;margin:0;transition:all .3s ease-in-out;display:flex;padding:18px;position:relative}.header_btn.open{background-color:#f1f1f1}.header_btn--img{width:100%;height:auto;max-width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;opacity:0}.header_btn--img.show{opacity:1}.main-nav{position:fixed;top:0;right:0;z-index:8;width:100dvw;height:100dvh;max-width:800px;overflow:hidden;background-color:#fff;padding:20px;transform:translate(100%);transition:all .3s ease-in-out}.main-nav.open{transform:translate(0)}.main-nav_bg{position:absolute;bottom:0;right:0;width:70%;pointer-events:none;aspect-ratio:554 / 512;z-index:-1}.main-nav_bg img{width:auto;height:100%;position:absolute;bottom:0;right:0}.main-nav_head{position:absolute;top:40px;left:40px;pointer-events:none}.main-nav_head img{display:none}.main-nav_links{margin-top:130px;margin-left:8%;padding:0;list-style:none;display:flex;flex-direction:column}.main-nav_links--wrap{margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:20px}.main-nav_link{margin:0;padding:0;text-align:left}.main-nav_link a{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:24px;line-height:1;color:#000;text-decoration:none}.main-nav_link a:hover{text-decoration:underline}.main-nav_links--wrap_sublink{margin-top:18px;gap:20px}.main-nav_sub-link{margin:0;padding:0;text-align:left}.main-nav_sub-link a{font-family:IBM Plex Sans,sans-serif;color:#888;font-size:20px;font-weight:700;line-height:1;text-decoration:none;padding-right:22px;display:inline-block;position:relative}.main-nav_sub-link a:hover{text-decoration:underline}.main-nav_sub-link a:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-45%);background:url(./images/nav-ico-arrow.svg) no-repeat right center;width:20px;height:20px}.main-nav_footer{position:relative;margin-top:120px;margin-left:20px}.main-nav_footer--wrap{margin:0;padding:0;list-style:none;display:flex;gap:16px}.main-nav_footer-link{text-align:left;text-decoration:none}.main-nav_footer-link a{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:16px;line-height:.8;color:#000;text-decoration:none;display:inline-block;border-right:0;padding-right:0}.main-nav_footer-link a:hover{text-decoration:underline}.main-nav_footer-link:last-child a{border-right:0}.main-nav_footer-copy{font-family:IBM Plex Sans,sans-serif;font-size:15px;font-weight:400;line-height:1;color:#888;text-align:left;margin-top:20px;width:60%}.modal-container{position:fixed;top:0;right:0;width:100dvw;height:100dvh;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:all .6s ease-in-out;pointer-events:none;z-index:999}.modal-bg{width:100dvw;height:100dvh;position:absolute;top:0;left:0;z-index:0;pointer-events:none;transition:all .3s ease-in-out}.modal-panel{max-width:820px;width:70%;height:100dvh;position:absolute;top:0;right:0;background-color:#fff;z-index:1;overflow-y:scroll;overflow-x:hidden;transition:all .3s ease-in-out;transform:translate(100%);pointer-events:all}.modal-container.open .modal-panel{transform:translate(0)}.modal-container.open .modal-bg,.modal-bg.open{pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-container.open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{color:#000;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;text-align:left;font-size:20px;padding:40px}.secondary{background-color:#ee3124;border-color:#ee3124;color:#fff}.modal-close-btn{width:60px;height:auto;position:absolute;top:40px;right:40px;padding:0;margin:0;border:0;background-color:transparent}.modal-logo,.modal-close-btn img{width:100%;height:auto}.npc-bubble__wrap{background:transparent;border-radius:18px;display:flex;flex-direction:column;gap:20px;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;position:relative;z-index:1}.npc-bubble__wrap:before{content:"";display:block;background:url(./images/bubble-point.svg) center top no-repeat;position:absolute;width:66px;height:66px;top:0;left:50%;transform:translate(-50%,-30%)}.npc-bubble__wrap.active{opacity:1;pointer-events:all}.npc-bubble__slides{background:#fff url(./images/npc-bubble-bg.png) no-repeat top left;background-size:35%;border-radius:1rem;width:576px;height:auto;padding:30px;font-size:24px;color:#000;display:flex;flex-direction:column;align-items:center;line-height:1.2}.npc-bubble__slides--controls{height:30px;width:100%}.npc-btn__wrap{display:flex}.npc-bubble__btn{flex:1;border-radius:18px;border:2px solid #1f1f1f;padding:20px;background-color:#fff;color:#1f1f1f;font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer;border:0}.npc-bubble__btn--primary{border-color:#ee3124;background-color:#ee3124;color:#fff}.loading-screen{position:fixed;z-index:11;width:100dvw;height:100dvh;overflow:hidden;transition:opacity .3s ease-in-out}.loading-screen--started{opacity:0;pointer-events:none}.loading-screen_bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000}.loading-screen_bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.68}.loading-screen_logo{position:relative;z-index:1;height:auto;width:55dvw;margin:194px auto 0;display:flex;flex-direction:column;gap:1rem}.loading-screen_logo .sit-logo{width:60px;max-width:130px;height:auto}.loading-screen_logo .loading-text{width:100%;height:auto}.loading-screen_controls{display:none;width:43dvw;height:auto;position:absolute;bottom:7dvh;left:50%;transform:translate(-50%);z-index:1}.loading-screen_controls img{width:100%}.loading-screen_controls--mobile{display:block;position:relative;z-index:1;text-align:center}.loading-screen_controls--mobile img{width:35dvw;margin-top:50px}.loading-screen_controls--mobile p{width:80%;margin:24px auto 0;font-size:18px;line-height:1.5;font-weight:700}.loading-screen_progress{margin:27px auto;width:160px;position:relative;z-index:1}.loading-screen_progress .loading-section{position:absolute;top:0;left:0;right:0;width:100%;transition:opacity .2s ease-in-out}.loading-screen_progress .loading-section[data-loading=true]{opacity:0;pointer-events:none}.loading-screen_progress button{position:absolute;top:0;left:50%;transform:translate(-50%);margin:0;min-width:100px;border-radius:30px;transition:opacity .2s ease-in-out;transition-delay:.2s}.loading-screen_progress button:disabled{opacity:0;pointer-events:none}.loading-screen_progress--txt{width:68px;margin:0 auto 8px}.loading-screen_progress--txt img{width:100%;height:auto}.loading-screen_progress--bar{width:100%;height:10px;margin:0 auto 20px;position:relative}.loading-screen_progress--back{border-radius:30px;height:100%;background-color:#fff}.loading-screen_progress--front{position:absolute;z-index:2;left:2px;top:2px;background-color:#ee3124;border-radius:30px;height:6px;width:1%;max-width:calc(100% - 4px)}.joystick-wrapper{position:fixed;bottom:80px;left:0;z-index:100;width:100%}.joystick{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%)}.joystick .nipple .back,.joystick .nipple .front{position:relative}.joystick .nipple:after{content:"";width:6px;height:6px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:.8}.joystick .nipple .front:after{content:"";width:28px;height:28px;background-color:#c3c3c3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:1}@media only screen and (min-width:600px){.loading-screen_logo{width:30dvw;margin:15dvh auto 0}.loading-screen_logo .sit-logo{width:100%}.loading-screen_progress{margin:6dvh auto;width:20dvw}.loading-screen_progress--txt{width:5dvw}.loading-screen_controls{display:block}.loading-screen_controls--mobile{display:none}.header{top:30px;left:0;width:calc(100% - 60px);padding:0 30px}.header.open .header_logo_img{display:block}.header.open .header_logo_img--mobile{display:none}.header_logo--wrap{width:130px}.header_btn{width:60px;height:60px}.main-nav{width:44%;padding:40px}.main-nav_head img{display:block}.header_logo_img--mobile{display:none}.header_logo_img{display:block}.main-nav_links{margin-top:25%;margin-left:8%}.main-nav_links--wrap{margin:0 0 20px;gap:40px}.main-nav_link a{font-size:40px}.main-nav_links--wrap_sublink{margin-top:0}.main-nav_sub-link a{font-size:20px}.main-nav_footer{margin-top:80px;margin-left:20px}.main-nav_footer--wrap{gap:8px}.main-nav_footer-link a{padding-right:10px;border-right:1px solid #888888}}
